:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e5e7eb;background:#090d16;font-synthesis:none;--panel: rgba(17, 24, 39, .84);--panel-2: rgba(31, 41, 55, .72);--line: rgba(148, 163, 184, .16);--muted: #94a3b8;--text: #f8fafc;--gold: #f2c66d;--green: #8dd6a8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(65,88,138,.22),transparent 28%),radial-gradient(circle at 88% 18%,rgba(133,93,45,.2),transparent 30%),linear-gradient(180deg,#0b1020,#090d16)}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1100px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 4px 22px}.eyebrow{margin:0 0 7px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.17em}h1{margin:0;font-size:clamp(32px,6vw,56px);letter-spacing:-.04em}h2{margin:0;font-size:clamp(22px,3vw,30px)}.sub{color:var(--muted);margin:10px 0 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:0 18px 50px #00000038;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.zone-switch{display:flex;padding:4px;border-radius:14px;background:#ffffff0d;border:1px solid var(--line)}.zone-switch button{border:0;color:var(--muted);background:transparent;padding:9px 12px;border-radius:10px}.zone-switch button.active{background:#f8fafc;color:#111827;font-weight:800}.control-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.date-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px}.date-fields{display:grid;grid-template-columns:1fr 150px;gap:12px}label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em}input{width:100%;border:1px solid var(--line);background:#ffffff0e;color:var(--text);border-radius:12px;padding:11px 12px;outline:none}input:focus{border-color:#f2c66db3;box-shadow:0 0 0 3px #f2c66d14}.icon-btn,.primary-btn{border:0;border-radius:12px;min-height:43px;padding:0 16px}.icon-btn{background:#ffffff0f;color:var(--text);font-size:20px}.primary-btn{background:var(--gold);color:#191919;font-weight:850}.zone-note{grid-column:1 / -1;color:var(--muted);font-size:12px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.pill{border:1px solid rgba(242,198,109,.3);color:var(--gold);background:#f2c66d14;border-radius:999px;padding:7px 11px;font-size:12px;white-space:nowrap}.grid{display:grid;gap:12px}.metrics{grid-template-columns:repeat(3,1fr)}.metrics article,.jie-grid article,.term-track article,.relation{border:1px solid var(--line);border-radius:17px;background:var(--panel-2);padding:17px;min-height:118px}.metrics span,.jie-grid span,.term-track span,.relation>span{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.metrics strong,.jie-grid strong,.term-track strong{display:block;font-size:25px;color:var(--text)}.metrics small,.jie-grid small,.term-track small{display:block;color:var(--muted);margin-top:7px}.metrics .accent{background:linear-gradient(135deg,#f2c66d2b,#1f2937b8);border-color:#f2c66d5c}.term-track{display:grid;grid-template-columns:1fr 130px 1fr;gap:12px;align-items:center}.term-track article{min-height:150px}.term-track strong{color:var(--gold);font-size:34px}.term-track em,.jie-grid em{display:inline-block;margin-top:10px;color:var(--green);font-style:normal;font-size:12px}.track-line{height:2px;background:linear-gradient(90deg,rgba(242,198,109,.25),var(--gold),rgba(242,198,109,.25));position:relative}.track-line i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px var(--gold)}.jie-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.accent-soft{border-color:#8dd6a84d!important;background:#1f453340!important}.number-input-wrap{display:flex;gap:8px;width:210px}.number-input-wrap input{text-align:center;font-size:18px;font-weight:800}.stem-hero{display:flex;align-items:center;gap:18px;padding:10px 0 20px}.big-num{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:var(--gold);color:#151515;font-size:34px;font-weight:900}.big-gan{font-size:54px;line-height:1;font-weight:900}.stem-hero p{margin:7px 0 0;color:var(--muted)}.relations{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.relation{min-height:unset}.relation strong{display:block;margin-bottom:12px;font-size:18px}.relation div{display:flex;flex-wrap:wrap;gap:7px}.primary-relation{border-color:#f2c66d4d}.same{grid-column:1 / -1}.stem-chip{display:inline-flex;align-items:center;gap:5px;background:#ffffff0f;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#dbe4ef;font-size:13px}.stem-chip b{color:var(--gold)}footer{color:#64748b;font-size:12px;text-align:center;padding:14px 5px 0}@media(max-width:760px){.shell{width:min(100% - 18px,1100px);padding-top:12px}.hero{align-items:flex-start;flex-direction:column}.zone-switch{width:100%}.zone-switch button{flex:1}.control-card{grid-template-columns:1fr}.date-fields{grid-template-columns:1fr 115px}.metrics{grid-template-columns:repeat(2,1fr)}.term-track{grid-template-columns:1fr}.track-line{display:none}.jie-grid,.relations{grid-template-columns:1fr}.same{grid-column:auto}.number-card .section-head{flex-direction:column}.number-input-wrap{width:100%}}@media(max-width:470px){.card{border-radius:18px;padding:16px}.date-nav{grid-template-columns:42px 1fr 42px}.date-fields,.metrics{grid-template-columns:1fr}.section-head{flex-direction:column}.pill{align-self:flex-start}}