:root{
  --bg:#0b1020;--card:#141b2d;--card2:#101728;--text:#f5f7fb;--muted:#93a0b8;
  --line:#26314a;--green:#18c37e;--red:#ff5b6e;--yellow:#ffca58;--blue:#55a7ff;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Helvetica Neue",Arial,sans-serif}
.app{max-width:900px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 14px calc(34px + env(safe-area-inset-bottom))}
.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--muted)}
h1{font-size:22px;margin:4px 0 0}
h2{font-size:16px;margin:0 0 14px}
h3{font-size:14px;margin:18px 0 10px;color:#dce4f5}
.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.price{font-size:46px;font-weight:800;line-height:1}
.label,.metric-row span,.signal-grid span,.pending-summary span,.hero-grid span{color:var(--muted);font-size:12px}
.sub{margin-top:7px;font-weight:700}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-grid div,.signal-grid div,.pending-summary div{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:8px}
.hero-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:11px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.metric-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding:9px 0}
.metric-row:last-child{border:0}
.emphasis b{color:var(--yellow);font-size:19px}
.note,.small,.hint{font-size:11px;color:var(--muted);line-height:1.5}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pill{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700;white-space:nowrap}
.pill.good{background:rgba(24,195,126,.14);color:var(--green)}
.pill.bad{background:rgba(255,91,110,.14);color:var(--red)}
.pill.warning{background:rgba(255,202,88,.14);color:var(--yellow)}
.pill.neutral{background:rgba(147,160,184,.14);color:#b9c4d8}
.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.action-banner{margin-top:12px;padding:13px;border-radius:12px;font-weight:750;line-height:1.5}
.action-banner.good{background:rgba(24,195,126,.11);border:1px solid rgba(24,195,126,.3);color:#bff4dc}
.action-banner.bad{background:rgba(255,91,110,.11);border:1px solid rgba(255,91,110,.28);color:#ffd0d5}
.action-banner.warning{background:rgba(255,202,88,.10);border:1px solid rgba(255,202,88,.28);color:#ffe5a1}
.action-banner.neutral{background:rgba(147,160,184,.09);border:1px solid var(--line);color:#d7deeb}
.qty-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.qty-btn,.primary,.secondary{border:0;border-radius:12px;min-height:46px;font-weight:750;font-size:14px}
.qty-btn{background:#1b2741;color:#dce6f7;border:1px solid #30405f}
.qty-btn.active{outline:2px solid var(--blue);background:#1d3152}
.primary{width:100%;background:var(--blue);color:#07111e;margin-top:16px}
.secondary{width:100%;background:#1b2539;color:#d3dced;border:1px solid var(--line);margin-top:8px}
.register-btn{margin-top:18px;min-height:52px;font-size:16px}
.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}
input{background:#0c1322;color:#fff;border:1px solid #2e3c58;border-radius:10px;padding:12px;font-size:16px;outline:none}
input:focus{border-color:var(--blue)}
.pending-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.targets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.target{background:#0d1424;border:1px solid var(--line);border-radius:12px;padding:12px}
.target b{display:block;font-size:20px;margin-top:5px}
.target small{color:var(--muted)}
.rule-position-card{
  margin-top:16px;padding:16px 18px;border-radius:14px;
  background:linear-gradient(180deg,#18253d,#121d31);
  border:1px solid #314667;
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px
}
.rule-position-card span{font-size:14px;color:#b7c3d8;font-weight:700}
.rule-position-card strong{justify-self:end;font-size:28px;line-height:1;color:var(--yellow)}
.rule-position-card small{grid-column:1/-1;font-size:12px;color:var(--muted);line-height:1.45;margin-top:4px}
.sell-lock{padding:16px;border-radius:14px;margin-bottom:12px;background:rgba(255,91,110,.09);border:1px solid rgba(255,91,110,.28)}
.lock-title{font-weight:800;color:#ffd1d7;font-size:15px}
.lock-reason{margin-top:6px;color:#ffadb8;font-size:12px;line-height:1.5}
.sell-disabled{opacity:.42;filter:grayscale(.25);pointer-events:none}
.history{display:flex;flex-direction:column;gap:8px}
.history.empty{color:var(--muted);font-size:12px}
.history-item{border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.025)}
.history-top{display:flex;justify-content:space-between;font-size:13px;font-weight:700;gap:12px}
.history-sub{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.5}
.danger-text{border:0;background:transparent;color:var(--red);font-size:11px}
.hidden{display:none!important}
footer{color:var(--muted);font-size:10px;line-height:1.6;padding:10px 4px}
.footer-warning{margin-top:8px}
.positive{color:var(--red)}
.negative{color:var(--green)}
@media(max-width:650px){
  .hero,.grid2{grid-template-columns:1fr}
  .hero{gap:12px}
  .price{font-size:42px}
  .pending-summary,.targets{grid-template-columns:1fr}
  .entry-grid{grid-template-columns:1fr}
  .signal-grid{grid-template-columns:1fr 1fr}
  .rule-position-card{padding:18px 16px}
  .rule-position-card span{font-size:15px}
  .rule-position-card strong{font-size:30px}
}

.version-tag{font-size:11px;color:#55a7ff;vertical-align:middle;margin-left:6px;font-weight:700}

.state-flow{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:4px 0 10px}
.state-flow span{white-space:nowrap;border:1px solid var(--line);background:#0d1424;color:#8492aa;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}
.state-flow span.active{border-color:var(--blue);color:#dcecff;background:#172947;box-shadow:0 0 0 2px rgba(85,167,255,.12)}
.state-flow i{color:#52627d;font-style:normal}
.reserve-box{display:flex;flex-direction:column;gap:12px}
.reserve-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.reserve-summary div{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:8px}
.reserve-summary span{color:var(--muted);font-size:12px}
.round-summary{margin-bottom:12px;border:1px solid rgba(24,195,126,.28);background:rgba(24,195,126,.07);border-radius:14px;padding:14px;line-height:1.6}
.round-summary b{color:#c9ffe8}
.target.disabled{opacity:.35}
@media(max-width:650px){
  .state-flow{padding-bottom:8px}
  .reserve-summary{grid-template-columns:1fr}
}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-btn,.exit-qty-btn{border:1px solid var(--line);border-radius:12px;min-height:48px;background:#172137;color:#d9e2f2;font-weight:800}.mode-btn.active{border-color:var(--blue);background:#1a3152}.mode-btn.danger-mode.active{border-color:var(--red);background:rgba(255,91,110,.12)}@media(max-width:650px){.mode-grid{grid-template-columns:1fr}}
.simple-grid,.buy-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.decision-box,.buy-level{background:#10192b;border:1px solid var(--line);border-radius:14px;padding:14px}.decision-box{display:flex;flex-direction:column;gap:7px}.decision-box span,.buy-level small{color:var(--muted);font-size:12px}.buy-level h3{font-size:15px;margin:5px 0 10px}.buy-level>b{font-size:27px}.buy-level.preferred{border-color:rgba(85,167,255,.65)}.buy-level.deep{border-color:rgba(255,194,83,.35)}.buy-meta{margin:10px 0;color:#9fb0ca;font-size:12px}.buy-level p{color:#aab6c9;font-size:12px;line-height:1.55}@media(max-width:700px){.simple-grid,.buy-levels{grid-template-columns:1fr}}

.action-entry{margin-top:28px!important;padding-top:6px}
.action-entry label{display:flex;flex-direction:column;gap:9px}
#sellBtn,#buyBtn{margin-top:16px}

/* V7.5.4: compact actual-trade input spacing */
.action-entry{margin-top:12px!important;padding-top:0!important}
.action-entry label{gap:7px}

/* V7.5.5 盈亏计算区紧凑化 */
.card:has(#manualFeesInput){
  padding-bottom:14px!important;
}
.card:has(#manualFeesInput) .action-entry{
  margin-top:10px!important;
}
.card:has(#manualFeesInput) .simple-grid{
  margin-top:10px!important;
}
.card:has(#manualFeesInput) #saveFeesBtn{
  margin-top:10px!important;
  margin-bottom:0!important;
}
.card:has(#manualFeesInput) + footer{
  margin-top:12px!important;
}

.sell-score-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:12px}
.score-main{border:1px solid #314667;border-radius:15px;background:#111d31;padding:16px;display:flex;align-items:baseline;gap:7px}
.score-main span{color:var(--muted);font-size:13px;margin-right:auto}.score-main b{font-size:38px}.score-main small{color:var(--muted)}
.score-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.score-side>div,.score-detail-grid>div{background:#10192b;border:1px solid var(--line);border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:6px}.score-side span,.score-detail-grid span{color:var(--muted);font-size:11px}
.score-bar{height:8px;background:#0b1322;border-radius:999px;overflow:hidden;margin:12px 0}.score-bar-fill{height:100%;width:0;background:currentColor;border-radius:999px;transition:width .25s}
.reason-chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 12px}.reason-chip{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:11px;color:#b9c5d9;background:#111a2b}.reason-chip.good{color:#bff4dc;border-color:rgba(24,195,126,.3)}.reason-chip.bad{color:#ffd0d5;border-color:rgba(255,91,110,.3)}.reason-chip.warn{color:#ffe5a1;border-color:rgba(255,202,88,.3)}
.score-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sell-condition-box{margin-top:10px}
@media(max-width:700px){.sell-score-panel{grid-template-columns:1fr}.score-detail-grid{grid-template-columns:1fr 1fr}}
.sell-simple-grid{grid-template-columns:1fr!important;margin-top:10px!important}.sell-simple-grid .decision-box{min-height:auto}