:root {
  --bg: #06100e;
  --bg-deep: #030807;
  --panel: rgba(11, 24, 21, 0.88);
  --panel-2: #0d1b18;
  --line: rgba(139, 177, 165, 0.15);
  --line-strong: rgba(139, 177, 165, 0.28);
  --text: #edf8f4;
  --muted: #85a39a;
  --green: #3fe0a5;
  --green-soft: rgba(63, 224, 165, 0.12);
  --red: #ff6f73;
  --red-soft: rgba(255, 111, 115, 0.12);
  --amber: #f0c66a;
  --cyan: #62c8dd;
  --radius: 18px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--text);
  background: var(--bg);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 50% -10%, #12372d 0, var(--bg) 35%, var(--bg-deep) 100%); color: var(--text); }
button, input { font: inherit; }
button { color: inherit; }
.ambient { position: fixed; border-radius: 50%; filter: blur(90px); pointer-events: none; opacity: .18; z-index: 0; }
.ambient-one { width: 420px; height: 420px; background: #26d899; top: -250px; left: -140px; }
.ambient-two { width: 380px; height: 380px; background: #1a8f78; right: -220px; top: 30%; }

.topbar { position: relative; z-index: 5; height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 0 max(28px, calc((100vw - 1380px) / 2)); border-bottom: 1px solid var(--line); background: rgba(3, 10, 8, .74); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; }
.brand > span:last-child { display: flex; align-items: baseline; gap: 7px; letter-spacing: -.03em; }
.brand b { font-size: 20px; }
.brand em { color: var(--green); font-size: 13px; font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.brand-mark { width: 31px; height: 31px; display: flex; align-items: flex-end; gap: 3px; padding: 6px; border: 1px solid rgba(63,224,165,.3); border-radius: 9px; background: var(--green-soft); }
.brand-mark i { width: 3px; background: var(--green); border-radius: 2px; }
.brand-mark i:nth-child(1) { height: 7px; }.brand-mark i:nth-child(2) { height: 15px; }.brand-mark i:nth-child(3) { height: 10px; }.brand-mark i:nth-child(4) { height: 18px; }
.source-status { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 13px; }
.pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(63,224,165,.09); }

main { position: relative; z-index: 1; width: min(1380px, calc(100% - 40px)); margin: 0 auto; padding-bottom: 70px; }
.hero { text-align: center; padding: 78px 20px 70px; }
.eyebrow { color: var(--green); letter-spacing: .22em; font: 600 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; margin-bottom: 18px; }
.hero h1 { font-size: clamp(44px, 6vw, 78px); line-height: .98; letter-spacing: -.06em; margin: 0; font-weight: 750; }
.hero h1 span { color: transparent; -webkit-text-stroke: 1px rgba(237,248,244,.58); }
.hero > p { color: var(--muted); font-size: 17px; margin: 25px auto 32px; max-width: 650px; }
.search-shell { max-width: 760px; margin: 0 auto; display: flex; gap: 10px; padding: 8px; border: 1px solid var(--line-strong); background: rgba(9, 21, 18, .88); border-radius: 16px; box-shadow: 0 26px 70px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.025); }
.search-field { flex: 1; position: relative; display: flex; align-items: center; min-width: 0; }
.search-field > svg { position: absolute; left: 14px; width: 21px; height: 21px; stroke: var(--muted); fill: none; stroke-width: 1.7; }
.search-field input { width: 100%; height: 48px; padding: 0 16px 0 46px; color: var(--text); background: transparent; border: 0; outline: none; font-size: 16px; }
.search-shell > button { height: 48px; padding: 0 22px; border: 0; border-radius: 10px; background: var(--green); color: #03110d; font-weight: 720; cursor: pointer; transition: transform .2s, box-shadow .2s; white-space: nowrap; }
.search-shell > button:hover { transform: translateY(-1px); box-shadow: 0 10px 28px rgba(63,224,165,.22); }
.search-shell > button span { margin-left: 9px; }
.suggestions { position: absolute; left: -9px; right: -9px; top: 59px; z-index: 10; text-align: left; padding: 7px; background: #0a1714; border: 1px solid var(--line-strong); border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.suggestions button { width: 100%; display: flex; justify-content: space-between; padding: 11px 12px; border: 0; border-radius: 8px; background: transparent; cursor: pointer; color: var(--text); text-align: left; }
.suggestions button:hover { background: var(--green-soft); }.suggestions small { color: var(--muted); }
.examples { margin-top: 14px; color: #66857c; font-size: 12px; }.examples button { color: #9eb8b0; border: 0; background: transparent; cursor: pointer; padding: 4px 6px; }.examples button:hover { color: var(--green); }

.panel, .loading-panel, .error-panel { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(13,28,24,.92), rgba(7,17,15,.92)); border-radius: var(--radius); box-shadow: 0 20px 60px rgba(0,0,0,.16); }
.loading-panel { position: relative; overflow: hidden; padding: 32px; min-height: 260px; margin-bottom: 30px; }
.scanline { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(63,224,165,.07), transparent); transform: translateX(-100%); animation: scan 1.7s infinite; }
@keyframes scan { to { transform: translateX(100%); } }
.loading-copy { display: flex; align-items: center; gap: 16px; }.loading-copy > span { width: 34px; height: 34px; border: 2px solid rgba(63,224,165,.2); border-top-color: var(--green); border-radius: 50%; animation: spin .8s linear infinite; }@keyframes spin{to{transform:rotate(360deg)}}
.loading-copy div { display: grid; gap: 5px; }.loading-copy small { color: var(--muted); }.skeleton-grid { margin-top: 32px; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; }.skeleton-grid i { height: 120px; border-radius: 12px; background: linear-gradient(100deg, rgba(255,255,255,.025), rgba(255,255,255,.055), rgba(255,255,255,.025)); }.skeleton-grid i:first-child{grid-row:span 2;height:252px}
.error-panel { display: flex; align-items: center; gap: 16px; padding: 24px; margin-bottom: 30px; border-color: rgba(255,111,115,.25); }.error-icon { width: 38px; height: 38px; display:grid;place-items:center;border-radius:50%;background:var(--red-soft);color:var(--red);font-weight:800}.error-panel div:nth-child(2){flex:1}.error-panel p{color:var(--muted);margin:5px 0 0}.error-panel button{border:1px solid var(--line-strong);background:transparent;padding:9px 14px;border-radius:8px;cursor:pointer}

.workspace { animation: reveal .4s ease; }@keyframes reveal{from{opacity:0;transform:translateY(8px)}}
.instrument-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 20px; }
.instrument-title { display: flex; align-items: center; gap: 10px; }.instrument-title h2 { margin: 0; font-size: 27px; letter-spacing: -.03em; }.instrument-title > span { color: var(--muted); font: 12px ui-monospace, monospace; }.session-tag { padding: 4px 8px; border: 1px solid var(--line); border-radius: 20px; }
.price-line { display:flex;align-items:baseline;gap:11px;margin-top:5px}.price-line strong { font: 700 37px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }.price-line > span { font: 650 14px ui-monospace, monospace; }.price-line small { color: #607d74; }
.positive { color: var(--red)!important; }.negative { color: var(--green)!important; }.neutral { color: var(--amber)!important; }
.ghost-button { border: 1px solid var(--line-strong); background: rgba(255,255,255,.02); color: #a9bdb7; border-radius: 9px; padding: 9px 13px; cursor: pointer; }.ghost-button:hover { border-color: var(--green); color: var(--green); }
.ticker-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; overflow: hidden; background: var(--line); border: 1px solid var(--line); border-radius: 12px; margin-bottom: 15px; }.ticker-strip div { display:grid;gap:4px;background:#091512;padding:13px 16px}.ticker-strip span{font-size:11px;color:#6f8d84}.ticker-strip b{font:600 14px ui-monospace,monospace}

.work-grid { display: grid; grid-template-columns: minmax(0, 2.15fr) minmax(290px, .85fr); gap: 15px; }
.chart-card, .diagnosis-card, .level-panel, .scenario-panel, .evidence-panel { padding: 20px; }
.panel-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head > div:first-child{display:flex;align-items:center;gap:12px}.section-index{font:600 10px ui-monospace,monospace;color:var(--green);padding:5px 6px;border:1px solid rgba(63,224,165,.25);border-radius:5px}.panel-head h3{font-size:15px;margin:0 0 3px}.panel-head p{font-size:11px;color:#6f8d84;margin:0}.tabs{display:flex;gap:4px;padding:3px;background:#07120f;border:1px solid var(--line);border-radius:9px}.tabs button{border:0;background:transparent;color:#78978e;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px}.tabs button.active{background:#15382e;color:var(--green)}
.chart-legend{display:flex;gap:14px;align-items:center;margin:0 0 4px 50px;color:#6f8d84;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{display:inline-block;width:16px;height:2px}.ma5{background:#f0c66a}.ma10{background:#62c8dd}.ma20{background:#ff8f70}.stroke{background:#d5ece4}.zone{height:7px!important;background:rgba(98,200,221,.23)}
.chart-wrap{height:480px;position:relative;overflow:hidden;border-radius:11px;background:#07120f;border:1px solid rgba(139,177,165,.09)}#chart{display:block;width:100%;height:100%}.chart-tooltip{position:absolute;z-index:3;pointer-events:none;padding:9px 11px;background:rgba(4,11,9,.95);border:1px solid var(--line-strong);border-radius:8px;color:#d8e9e4;font:11px/1.55 ui-monospace,monospace;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.4)}.chart-caption{font-size:11px;color:#6d8981;margin:10px 2px 0;min-height:18px}
.structure-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.structure-chip{min-width:0;padding:8px 9px;border:1px solid var(--line);background:rgba(5,13,11,.62);border-radius:8px}.structure-chip span{display:block;color:#66857c;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structure-chip b{display:block;margin-top:4px;color:#c9dcd6;font:600 11px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.structure-chip.zs_upper b{color:var(--red)}.structure-chip.zs_lower b{color:var(--green)}.structure-chip.central_zone b,.structure-chip.unfinished_low b{color:var(--cyan)}
.diagnosis-card{display:flex;flex-direction:column}.compact{margin-bottom:23px}.signal-badge{align-self:flex-start;padding:7px 10px;border:1px solid rgba(240,198,106,.28);background:rgba(240,198,106,.09);color:var(--amber);border-radius:7px;font-size:12px;font-weight:650}.conclusion{font-size:19px;line-height:1.55;letter-spacing:-.02em;margin:22px 0 24px}.reason-box,.risk-box{padding:15px;border-top:1px solid var(--line);margin-top:4px}.reason-box span,.risk-box span{font-size:10px;color:#6f8d84;letter-spacing:.08em}.reason-box p,.risk-box p{font-size:13px;line-height:1.6;margin:7px 0 0;color:#b5cbc4}.risk-box{margin-top:auto;background:var(--red-soft);border:1px solid rgba(255,111,115,.14);border-radius:10px}.risk-box span{color:var(--red)}
.level-panel{margin-top:15px}.timeframe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.frame-card{position:relative;padding:15px;border:1px solid var(--line);background:rgba(5,13,11,.5);border-radius:11px;overflow:hidden}.frame-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#718b84}.frame-card[data-bias="多"]:before{background:var(--red)}.frame-card[data-bias="空"]:before{background:var(--green)}.frame-top{display:flex;justify-content:space-between;align-items:center}.frame-top b{font-size:13px}.frame-top span{font:10px ui-monospace,monospace;padding:3px 6px;border-radius:4px;background:rgba(255,255,255,.04);color:#92aaa3}.frame-state{font-size:18px;margin:17px 0 12px;letter-spacing:-.03em}.frame-card dl{display:grid;grid-template-columns:auto 1fr;gap:7px 9px;font-size:11px;margin:0}.frame-card dt{color:#66857c}.frame-card dd{margin:0;color:#afc6bf}.frame-reason{margin:13px 0 0;padding-top:11px;border-top:1px solid var(--line);color:#78968d;font-size:10px;line-height:1.55}
.lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-top:15px}.scenario-list{display:grid;gap:9px}.scenario{display:grid;grid-template-columns:84px 1fr;gap:13px;padding:14px;border:1px solid var(--line);background:rgba(5,13,11,.45);border-radius:10px}.scenario-name{font-weight:650;font-size:12px}.scenario-body b{display:block;font-size:12px;margin-bottom:7px}.scenario-body p{margin:0;color:#8ea79f;font-size:11px;line-height:1.65}.evidence-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.evidence-panel li{position:relative;padding-left:18px;color:#a7beb7;font-size:11px;line-height:1.5}.evidence-panel li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border:1px solid var(--green);transform:rotate(45deg)}.provenance{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--line);display:grid;gap:8px}.provenance div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.provenance dt{color:#628078}.provenance dd{margin:0;text-align:right;color:#9bb3ac;font-family:ui-monospace,monospace;word-break:break-all}
.disclaimer{display:flex;gap:16px;margin-top:18px;padding:15px 18px;border:1px dashed var(--line-strong);border-radius:10px;color:#6d8981;font-size:11px;line-height:1.6}.disclaimer span{color:var(--amber);white-space:nowrap}.disclaimer p{margin:0}

@media(max-width:1000px){.work-grid,.lower-grid{grid-template-columns:1fr}.timeframe-grid{grid-template-columns:repeat(2,1fr)}.diagnosis-card{min-height:360px}.ticker-strip{grid-template-columns:repeat(3,1fr)}.hero{padding-top:60px}.structure-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){main{width:min(100% - 22px,1380px)}.topbar{padding:0 14px}.source-status{font-size:0}.hero{padding:50px 2px 44px}.hero h1{font-size:43px}.hero>p{font-size:14px;line-height:1.65}.search-shell{display:grid}.search-shell>button{width:100%}.examples{line-height:2}.instrument-head{align-items:flex-start}.ghost-button{font-size:0}.ghost-button:after{content:"↓";font-size:16px}.ticker-strip{grid-template-columns:repeat(2,1fr)}.chart-card,.diagnosis-card,.level-panel,.scenario-panel,.evidence-panel{padding:14px}.panel-head{align-items:flex-start;gap:10px}.chart-card>.panel-head{display:grid}.tabs{margin-left:40px}.chart-wrap{height:390px}.chart-legend{overflow:auto;margin-left:0}.structure-strip{grid-template-columns:repeat(2,1fr)}.timeframe-grid{grid-template-columns:1fr}.scenario{grid-template-columns:1fr}.price-line small{display:none}.instrument-title{flex-wrap:wrap}}