.live-status{
      display:flex; align-items:center; gap:6px;
      font-size:12px; font-weight:600; color:var(--text2);
      background:var(--bg); border:1px solid var(--border);
      border-radius:50px; padding:7px 12px; flex-shrink:0; white-space:nowrap;
    }
    .live-dot{
      width:7px; height:7px; border-radius:50%;
      background:var(--green); animation:livePulse 1.5s infinite; flex-shrink:0;
    }
    .live-dot.offline{ background:var(--red); animation:none; }
    @keyframes livePulse{
      0%,100%{ opacity:1; box-shadow:0 0 0 0 rgba(16,185,129,.4); }
      50%{ opacity:.7; box-shadow:0 0 0 5px rgba(16,185,129,0); }
    }
    .price-stage{ text-align:center; padding:20px 0 32px; position:relative; z-index:1; }
    .coin-emblem{
      width:88px; height:88px; border-radius:50%;
      display:flex; align-items:center; justify-content:center;
      font-size:38px; font-weight:800; color:#fff;
      margin:0 auto 20px; box-shadow:0 10px 30px rgba(0,0,0,.10);
      position:relative; overflow:hidden;
      background:#3b82f6;
    }
    .coin-emblem img{ width:100%; height:100%; object-fit:cover; border-radius:50%; }
    .coin-emblem::after{
      content:''; position:absolute; inset:-8px;
      border-radius:50%; border:2px solid var(--border); opacity:.6;
    }
    .coin-name-large{ font-size:26px; font-weight:800; color:var(--text); letter-spacing:-.6px; margin-bottom:4px; }
    .coin-symbol-large{
      font-size:13px; color:var(--text2); font-weight:600;
      letter-spacing:2px; text-transform:uppercase; margin-bottom:24px;
    }
    .price-display{
      font-size:64px; font-weight:800; color:var(--text);
      letter-spacing:-2.5px; font-variant-numeric:tabular-nums;
      line-height:1; margin-bottom:16px; transition:color .3s;
      display:flex; align-items:baseline; justify-content:center; gap:10px;
    }
    .price-display .currency{ font-size:22px; font-weight:600; color:var(--text2); letter-spacing:0; }
    .price-display.flash-up{ animation:flashUpBig .9s ease-out; }
    .price-display.flash-down{ animation:flashDownBig .9s ease-out; }
    @keyframes flashUpBig{
      0%{ color:var(--green); transform:scale(1.02); }
      100%{ color:var(--text); transform:scale(1); }
    }
    @keyframes flashDownBig{
      0%{ color:var(--red); transform:scale(1.02); }
      100%{ color:var(--text); transform:scale(1); }
    }
    .change-pill{
      display:inline-flex; align-items:center; gap:6px;
      font-size:16px; font-weight:700; padding:8px 20px;
      border-radius:50px; font-variant-numeric:tabular-nums; letter-spacing:-.2px;
    }
    .change-pill.positive{ background:rgba(16,185,129,.14); color:var(--green); }
    .change-pill.negative{ background:rgba(239,68,68,.14); color:var(--red); }
    .change-pill.neutral{ background:var(--bg); color:var(--text2); }
    .change-pill .arrow{ font-size:13px; }
    .action-row{ display:flex; gap:12px; margin-bottom:28px; position:relative; z-index:1; }
    .action-btn{
      flex:1; padding:16px 20px; border-radius:16px;
      font-size:15px; font-weight:700; text-decoration:none;
      display:flex; align-items:center; justify-content:center;
      gap:8px; transition:.15s; cursor:pointer;
      white-space:nowrap; letter-spacing:.3px;
    }
    .action-btn.trade{
      background:linear-gradient(135deg,#3b82f6,#2563eb);
      color:#fff; box-shadow:0 8px 20px rgba(59,130,246,.28);
    }
    .action-btn.trade:hover{
      transform:translateY(-2px); box-shadow:0 12px 26px rgba(59,130,246,.38);
    }
    .action-btn.official{
      background:var(--bg); border:1.5px solid var(--border); color:var(--text);
    }
    .action-btn.official:hover{
      border-color:var(--accent); color:var(--accent); background:rgba(59,130,246,.05);
    }

    .stats-row{
      display:grid; grid-template-columns:repeat(3, 1fr); gap:0;
      border-top:1px solid var(--border); border-bottom:1px solid var(--border);
      position:relative; z-index:1;
    }
    .stat-cell{ padding:20px 16px; text-align:center; position:relative; transition:.15s; }
    .stat-cell:hover{ background:var(--bg); }
    .stat-cell + .stat-cell::before{
      content:''; position:absolute; left:0; top:20%;
      height:60%; width:1px; background:var(--border);
    }
    .stat-cell .label{
      font-size:11px; color:var(--text2); font-weight:600;
      text-transform:uppercase; letter-spacing:1px; margin-bottom:8px;
    }
    .stat-cell .value{
      font-size:18px; font-weight:800; color:var(--text);
      font-variant-numeric:tabular-nums; letter-spacing:-.3px;
    }
    .stat-cell .value.positive{ color:var(--green); }
    .stat-cell .value.negative{ color:var(--red); }

    .issuance-row{
      display:grid; grid-template-columns:repeat(3, 1fr); gap:0;
      border-bottom:1px solid var(--border);
      position:relative; z-index:1;
    }
    .issuance-row .stat-cell{ padding:18px 16px; }
    .issuance-row .stat-cell .value.muted{
      color:var(--text2); font-weight:600; font-size:15px;
    }

    .intro-section{
      margin-top:24px;
      position:relative; z-index:1;
    }
    .intro-title{
      font-size:13px; font-weight:700; color:var(--text2);
      text-transform:uppercase; letter-spacing:1px;
      margin-bottom:12px;
      display:flex; align-items:center; gap:6px;
    }
    .intro-title svg{ width:14px; height:14px; opacity:.7; }
    .intro-content{
      font-size:14px; line-height:1.7; color:var(--text);
      background:var(--bg); border:1px solid var(--border);
      border-radius:16px; padding:16px 18px;
      word-break:break-word;
    }

    .footer-bar{ display:flex; justify-content:center; align-items:center; margin-top:28px; }
    .footer-tip{ font-size:12px; color:var(--text2); opacity:.6; letter-spacing:.2px; }

    @media (max-width:640px){
      .app{ padding:20px 16px 28px; border-radius:22px; }
      .detail-header{ gap:8px; margin-bottom:22px; }
      .detail-title{ font-size:16px; letter-spacing:-.3px; }
      .detail-sub{ font-size:11px; margin-top:2px; }
      .header-right{ gap:6px; }
      .home-btn{ padding:6px 10px; font-size:11px; gap:4px; }
      .home-btn svg{ width:12px; height:12px; }
      .live-status{ padding:6px 10px; font-size:11px; gap:5px; }
      .live-dot{ width:6px; height:6px; }
      .price-display{ font-size:44px; letter-spacing:-1.5px; }
      .price-display .currency{ font-size:16px; }
      .coin-emblem{ width:72px; height:72px; font-size:30px; }
      .coin-name-large{ font-size:22px; }
      .change-pill{ font-size:14px; padding:6px 16px; }
      .action-btn{ padding:14px 16px; font-size:14px; }
      .stats-row,
      .issuance-row{ grid-template-columns:1fr; }
      .stat-cell + .stat-cell::before{ left:10%; top:0; width:80%; height:1px; }
      .stat-cell{ padding:16px 12px; }
      .issuance-row .stat-cell{ padding:14px 12px; }
      .intro-content{ font-size:13px; padding:14px 14px; }
    }
    @media (max-width:380px){
      .detail-title{ font-size:14px; }
      .detail-sub{ font-size:10px; }
      .home-btn{ padding:5px 8px; font-size:10px; }
      .home-btn svg{ width:11px; height:11px; }
      .live-status{ padding:5px 8px; font-size:10px; }
    }