:root{--ink:#123c34;--muted:#5f746b;--paper:#f5f3eb;--line:#d8dfd3;--green:#d6ed9f;--up:#b3442f;--down:#257361}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px}header,main{max-width:1240px;margin:auto}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-family:Georgia,"SimSun",serif;font-size:38px;font-weight:bold;display:flex;gap:20px;align-items:center}.brand span{font:11px "Microsoft YaHei",sans-serif;letter-spacing:2px}.tag{padding:8px 14px;border:1px solid var(--line);border-radius:30px;font-size:12px}.intro{display:flex;justify-content:space-between;gap:50px;padding:54px 0 40px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted)}h1{font-family:Georgia,"SimSun",serif;font-size:64px;font-weight:500;line-height:1.2;letter-spacing:-2px;margin:18px 0}p{line-height:1.85}.intro>div>p:last-child{color:var(--muted)}.intro aside{max-width:310px;align-self:center;border-left:2px solid var(--ink);padding:8px 0 8px 24px}.intro aside p,small{color:var(--muted);line-height:1.8}small{display:block;font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;background:#659943;border-radius:50%;margin-right:7px}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.6;cursor:wait}.quiet{padding:8px 0;background:none;color:var(--ink);border-bottom:1px solid var(--ink);margin-bottom:10px}nav{display:flex;border-bottom:1px solid var(--line);gap:30px;margin-bottom:30px}nav button{padding:18px 0;background:none;color:var(--muted);border-bottom:3px solid transparent}nav .active{color:var(--ink);border-color:var(--ink);font-weight:bold}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{font-size:22px;margin:0}.section-head h3{font-size:16px;margin:0}.section-head span,.section-head a{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px}.card{padding:24px;background:#fffef9;border:1px solid var(--line);border-radius:4px;animation:arrive .4s ease-out both}.card:first-child{background:var(--ink);color:white}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card strong{display:block;font:46px Georgia,serif;margin:20px 0 12px}.card strong small{display:inline;font:11px sans-serif;color:inherit;margin-left:5px}.card p{margin:7px 0;font-size:12px}.card:first-child .down{color:#d6ed9f}.card:first-child .up{color:#ffb39b}.up{color:var(--up)}.down{color:var(--down)}.workspace{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);background:#fffef9;border-radius:4px;overflow:hidden}.workspace form{padding:30px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fields label{display:flex;flex-direction:column;gap:9px;font-size:12px}input:not([type=range]){min-width:0;width:100%;padding:11px;border:1px solid var(--line);border-radius:3px;background:white;color:var(--ink)}input:focus{outline:2px solid #639a75;outline-offset:2px}.slider-label{display:block;margin:26px 0;font-size:12px}.slider-label output{float:right;font-size:18px;font-family:Georgia,serif}input[type=range]{display:block;width:100%;accent-color:var(--ink);margin:18px 0}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;color:var(--muted);font-size:12px}details .fields{margin-top:18px}.primary{display:flex;justify-content:space-between;width:100%;margin-top:20px;padding:14px 18px;background:var(--ink);color:#fff;border-radius:3px}.primary:hover{background:#24584c}.explanation{background:#e9eddf;padding:30px}.explanation h3{font-family:"SimSun",serif;font-size:28px;font-weight:400}.model-note{border-top:1px solid #c9d2bf;margin-top:25px;padding-top:18px;color:var(--muted);font-size:11px;line-height:2}.explanation dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.explanation dd{text-align:right;margin:0;font-family:Georgia,serif}.explanation dt{font-size:12px}.empty{grid-column:1/-1;padding:40px;border:1px dashed var(--line);color:var(--muted);text-align:center}.entry-form{padding:24px;background:#e9eddf;margin-bottom:24px}.entry-form .fields{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-form .primary{max-width:200px;margin-bottom:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:11px;color:var(--muted);font-weight:normal}td,th{padding:16px 12px;border-bottom:1px solid var(--line)}td{font-size:13px}td:last-child{white-space:normal;min-width:180px;max-width:400px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:50px;padding:25px 0;color:var(--muted);font-size:11px}#message{padding:14px 20px;background:var(--green);margin-bottom:20px}#message.error{background:#f3d9ce}.trend svg{width:100%;height:150px}.trend p{font-size:11px;color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:2px solid #639a75;outline-offset:4px}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1280px){header,main{margin-left:30px;margin-right:30px}}@media(max-width:760px){header{height:80px}.brand{font-size:30px;gap:12px}.brand span{font-size:9px;letter-spacing:0}.tag{display:none}.intro{padding-top:25px;gap:20px}.intro aside{max-width:210px;padding-left:15px}h1{font-size:42px}.workspace{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.entry-form .fields{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:18px}nav button{font-size:12px}.section-head{align-items:flex-start}.section-head span{max-width:140px}.workspace form,.explanation{padding:22px}.card strong{font-size:36px}footer{flex-direction:column}}@media(max-width:430px){header,main{margin-left:16px;margin-right:16px}.intro{display:block}.intro aside{max-width:none;margin-top:25px}.intro aside p{margin:8px 0}.fields{gap:12px}.card{padding:18px}.section-head h2{font-size:18px}h1 br{display:none}h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
