/* ===== 链金引擎 · 顶级视觉增强系统 V2.0 ===== */
/* 墨绿色主题 #0a1f1a + 金色 #d4af37 */

/* ===== 1. AI助手系统 ===== */
.ai-assistant-fab{
  position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#d4af37,#b8860b);
  box-shadow:0 4px 20px rgba(212,175,55,.4);
  display:flex;align-items:center;justify-content:center;font-size:26px;
  cursor:pointer;z-index:9999;transition:all .3s;
  animation:fabPulse 3s infinite;
}
.ai-assistant-fab:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 32px rgba(212,175,55,.6);}
@keyframes fabPulse{0%,100%{box-shadow:0 4px 20px rgba(212,175,55,.4);}50%{box-shadow:0 4px 30px rgba(212,175,55,.6),0 0 0 10px rgba(212,175,55,.05);}}

.ai-panel{
  position:fixed;bottom:90px;right:24px;width:340px;max-height:500px;
  background:linear-gradient(145deg,#0d2820,#0a1f1a);
  border:1px solid rgba(212,175,55,.3);border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.6);z-index:9998;
  overflow:hidden;display:none;animation:panelIn .3s ease;
}
.ai-panel.open{display:block;}
@keyframes panelIn{from{opacity:0;transform:translateY(20px) scale(.95);}to{opacity:1;transform:translateY(0) scale(1);}}
.ai-panel-header{padding:16px;border-bottom:1px solid rgba(212,175,55,.15);background:rgba(212,175,55,.05);}
.ai-panel-title{font-size:15px;font-weight:700;color:#f6e27a;display:flex;align-items:center;gap:8px;}
.ai-panel-subtitle{font-size:11px;color:#8b92b0;margin-top:4px;}
.ai-panel-body{padding:16px;max-height:380px;overflow-y:auto;}
.ai-panel-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;}
.ai-panel-close:hover{color:#d4af37;}

.ai-quick-actions{margin-bottom:16px;}
.ai-quick-title{font-size:11px;color:#8b92b0;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;}
.ai-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.ai-quick-item{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
  text-decoration:none;color:#c0c6d8;font-size:12px;transition:.2s;}
.ai-quick-item:hover{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.25);color:#f6e27a;transform:translateY(-1px);}
.ai-quick-icon{font-size:16px;}

.ai-recommend-box{background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.15);border-radius:12px;padding:12px;}
.ai-recommend-title{font-size:12px;font-weight:600;color:#f6e27a;margin-bottom:10px;}
.ai-recommend-item{background:rgba(255,255,255,.03);border-radius:8px;padding:10px;margin-bottom:8px;}
.ai-recommend-item:last-child{margin-bottom:0;}
.ai-recommend-item-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px;}
.ai-recommend-item-desc{font-size:11px;color:#8b92b0;line-height:1.5;margin-bottom:8px;}
.ai-recommend-btn{width:100%;padding:6px;border-radius:6px;background:linear-gradient(135deg,#d4af37,#b8860b);
  color:#0a1f1a;border:none;font-size:11px;font-weight:600;cursor:pointer;transition:.2s;}
.ai-recommend-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(212,175,55,.3);}

/* ===== 2. 滚动进度条 + 返回顶部 ===== */
.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#d4af37,#f6e27a);z-index:10000;transition:width .1s;box-shadow:0 0 10px rgba(212,175,55,.5);}
.back-to-top{position:fixed;bottom:24px;left:24px;width:44px;height:44px;border-radius:50%;
  background:rgba(13,40,32,.9);border:1px solid rgba(212,175,55,.3);color:#d4af37;
  display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;
  z-index:9997;transition:.3s;opacity:0;transform:translateY(20px);}
.back-to-top.visible{opacity:1;transform:translateY(0);}
.back-to-top:hover{background:rgba(212,175,55,.15);transform:translateY(-2px);}

/* ===== 3. 卡片升级 ===== */
.premium-card{background:linear-gradient(145deg,rgba(20,50,40,.6),rgba(10,31,26,.8));
  border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;
  transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;}
.premium-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent);opacity:0;transition:.4s;}
.premium-card:hover::before{opacity:1;}
.premium-card:hover{border-color:rgba(212,175,55,.3);transform:translateY(-4px);
  box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 30px rgba(212,175,55,.08);}

/* ===== 4. 按钮升级 ===== */
.btn-gold{background:linear-gradient(135deg,#d4af37,#b8860b);color:#0a1f1a;font-weight:700;
  border:none;border-radius:12px;padding:12px 28px;cursor:pointer;transition:all .3s;
  box-shadow:0 4px 16px rgba(212,175,55,.25);position:relative;overflow:hidden;}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(212,175,55,.4);filter:brightness(1.08);}
.btn-outline-gold{background:transparent;color:#f6e27a;border:1px solid rgba(212,175,55,.4);
  border-radius:12px;padding:12px 28px;font-weight:600;cursor:pointer;transition:.3s;}
.btn-outline-gold:hover{background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.6);transform:translateY(-2px);}

/* ===== 5. 数据可视化 ===== */
.market-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;}
.market-stat-card{background:linear-gradient(145deg,rgba(20,50,40,.6),rgba(10,31,26,.8));
  border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;text-align:center;
  position:relative;overflow:hidden;transition:.3s;}
.market-stat-card:hover{border-color:rgba(212,175,55,.3);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.4);}
.market-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#d4af37,transparent);}
.market-stat-number{font-size:36px;font-weight:900;background:linear-gradient(135deg,#f6e27a,#d4af37);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;line-height:1;}
.market-stat-label{font-size:13px;color:#8b92b0;margin-bottom:4px;}
.market-stat-trend{font-size:11px;color:#4ade80;display:flex;align-items:center;justify-content:center;gap:4px;}

.growth-chart{background:linear-gradient(145deg,rgba(20,50,40,.4),rgba(10,31,26,.6));
  border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;margin:32px 0;}
.growth-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.growth-chart-title{font-size:16px;font-weight:700;color:#fff;}
.growth-bars{display:flex;align-items:flex-end;gap:12px;height:160px;padding:0 8px;}
.growth-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;}
.growth-bar-fill{width:100%;background:linear-gradient(180deg,#d4af37,rgba(212,175,55,.3));
  border-radius:6px 6px 0 0;transition:all .6s ease;position:relative;min-height:4px;}
.growth-bar-fill:hover{filter:brightness(1.2);}
.growth-bar-label{font-size:11px;color:#8b92b0;}
.growth-bar-value{font-size:10px;color:#f6e27a;font-weight:600;position:absolute;top:-18px;left:50%;transform:translateX(-50%);opacity:0;transition:.2s;}
.growth-bar-fill:hover .growth-bar-value{opacity:1;}

.industry-distribution{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0;}
.industry-item{margin-bottom:14px;}
.industry-item-header{display:flex;justify-content:space-between;margin-bottom:6px;}
.industry-name{font-size:13px;color:#c0c6d8;}
.industry-percent{font-size:13px;font-weight:600;color:#f6e27a;}
.industry-bar{height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;}
.industry-bar-fill{height:100%;background:linear-gradient(90deg,#d4af37,#f6e27a);border-radius:4px;transition:width 1s ease;}

/* ===== 6. 融资进度时间线 ===== */
.financing-timeline{position:relative;padding-left:24px;}
.financing-timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,#d4af37,rgba(212,175,55,.1));}
.financing-step{position:relative;margin-bottom:20px;}
.financing-step::before{content:'';position:absolute;left:-20px;top:4px;width:12px;height:12px;
  border-radius:50%;background:#0d2820;border:2px solid #d4af37;}
.financing-step.done::before{background:#d4af37;}
.financing-step.current::before{background:#d4af37;box-shadow:0 0 0 4px rgba(212,175,55,.2);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(212,175,55,.2);}50%{box-shadow:0 0 0 8px rgba(212,175,55,.05);}}
.financing-step-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px;}
.financing-step-desc{font-size:12px;color:#8b92b0;}
.financing-step-date{font-size:11px;color:#6b7280;margin-top:4px;}

/* ===== 7. 标签系统 ===== */
.tag-gold{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;
  background:rgba(212,175,55,.1);color:#f6e27a;border:1px solid rgba(212,175,55,.2);}
.tag-green{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;
  background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2);}
.tag-blue{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;
  background:rgba(59,130,246,.1);color:#60a5fa;border:1px solid rgba(59,130,246,.2);}
.tag-purple{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;
  background:rgba(168,85,247,.1);color:#c084fc;border:1px solid rgba(168,85,247,.2);}

/* ===== 8. 渐入动画 ===== */
.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}

/* ===== 9. 动态背景 ===== */
.tech-grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(212,175,55,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(212,175,55,.03) 1px,transparent 1px);
  background-size:50px 50px;}
.glow-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.15;}
.glow-orb-1{width:400px;height:400px;background:#d4af37;top:-100px;right:-100px;animation:float1 8s ease-in-out infinite;}
.glow-orb-2{width:300px;height:300px;background:#0d9488;bottom:-50px;left:-50px;animation:float2 10s ease-in-out infinite;}
@keyframes float1{0%,100%{transform:translate(0,0);}50%{transform:translate(-30px,30px);}}
@keyframes float2{0%,100%{transform:translate(0,0);}50%{transform:translate(30px,-20px);}}

/* ===== 10. 响应式 ===== */
@media(max-width:760px){
  .market-stats{grid-template-columns:repeat(2,1fr);}
  .industry-distribution{grid-template-columns:1fr;}
  .ai-panel{width:calc(100vw - 48px);right:24px;}
}