:root{--paper:#f5f0e4;--card:#fffaf0;--ink:#171715;--muted:#747067;--coral:#ef6b6d;--yellow:#f1cc52;--blue:#6693c7;--green:#78a47a;--orange:#dd9b63;--grid:rgba(23,23,21,.065);--line:rgba(23,23,21,.18);--shadow:8px 8px 0 #171715}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}body{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px}.shell{height:100vh;min-height:760px;padding:0 22px 14px;overflow:hidden}.masthead{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center}.brand{display:flex;align-items:center;gap:11px}.brand-dot{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font:bold 20px Georgia,serif}.brand strong{font-size:23px}.brand small{font-size:10px;letter-spacing:5px;color:var(--muted)}nav{margin-left:auto;display:flex;align-self:stretch}.nav-btn{border:0;border-left:1px solid var(--line);background:transparent;padding:0 25px;font:700 13px inherit;color:#4f4b44;cursor:pointer}.nav-btn.active{color:var(--coral);background:rgba(255,250,240,.5)}.clock{height:100%;min-width:130px;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.clock strong{font-size:25px;line-height:1}.clock span{font-size:10px;color:var(--muted);margin-top:4px}.view{display:none}.view.active{display:block}#daily-view{height:calc(100vh - 72px);min-height:688px}.hero{height:205px;display:grid;grid-template-columns:43% 57%;align-items:center}.hero-copy{align-self:stretch;padding-top:16px;display:flex;flex-direction:column;justify-content:center}.auto-label{width:340px;border:1.5px solid var(--line);border-radius:42px;padding:11px 16px;display:grid;grid-template-columns:10px 1fr;gap:5px 9px;background:rgba(255,250,240,.55)}.auto-label i{width:8px;height:8px;border-radius:50%;background:var(--coral);margin-top:2px}.auto-label b{font-size:9px;letter-spacing:2px}.auto-label span{grid-column:2;font-size:9px}.hero-copy h1{font-size:51px;line-height:.95;letter-spacing:-3.5px;margin:17px 0 3px}.hero-copy h1 em{font-style:normal;color:var(--coral)}.hero-copy p{margin:0;color:var(--muted);font-size:13px}.overview{height:178px;display:grid;grid-template-columns:23% 31% 46%;background:var(--card);border:3px solid var(--ink);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.overview>div{border-right:1px solid var(--line);padding:26px 24px}.overview>div:last-child{border:0}.overview small{display:block;color:#92312e;font-weight:800;font-size:10px;margin-bottom:10px}.overview-alert{background:var(--coral);color:#fff;display:flex;flex-direction:column;justify-content:center}.overview-alert small{color:#fff}.overview-alert strong{font-size:42px}.overview-alert strong span{font-size:18px;margin-left:6px}.overview-focus{display:flex;flex-direction:column;justify-content:center}.overview-focus strong{font-size:24px}.overview-focus>span{font-size:10px;color:var(--muted);margin-top:7px}.overview-facts{display:grid;grid-template-columns:1fr .75fr 1.25fr!important;gap:14px;align-items:center}.overview-facts>div{padding-left:12px}.overview-facts strong{display:block;font-size:15px;white-space:nowrap}.overview-facts strong b{font-size:24px;color:#9a312f}.meta-strip{height:49px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;align-items:center}.meta-strip>*{height:100%;padding:0 28px;display:flex;align-items:center;border-right:1px solid var(--line);font-size:11px}.meta-strip strong{padding-left:26px}.metric-grid{height:293px;padding:15px 0 12px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{min-width:0;background:var(--card);border:2px solid var(--ink);border-radius:13px;box-shadow:6px 7px 0 var(--ink);padding:16px 18px 10px;display:grid;grid-template-rows:auto 60px 28px 1fr}.metric-card.alert{background:var(--coral);color:#fff}.metric-card.post{border-top:7px solid var(--blue);padding-top:11px}.metric-head{display:flex;justify-content:space-between;align-items:center}.metric-head h3{font-size:15px;margin:0}.tag{border:1.5px solid currentColor;border-radius:6px;padding:4px 9px;font-size:9px;font-weight:800;background:rgba(255,255,255,.12)}.metric-card:not(.alert) .tag.target{background:var(--yellow)}.metric-value{display:flex;align-items:flex-end;gap:10px}.metric-value strong{font-size:47px;line-height:1}.delta{font-size:10px;margin-bottom:8px;font-weight:700}.delta.down{color:#af3e3b}.metric-card.alert .delta{color:#fff}.delta.up{color:#3f7d4a}.metric-meta{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;font-size:9px;color:var(--muted)}.metric-card.alert .metric-meta{color:#fff}.meter{grid-column:1/-1;height:5px;border:1.2px solid currentColor;border-radius:9px;overflow:hidden}.meter i{display:block;height:100%;background:var(--yellow)}.spark{width:100%;height:78px;overflow:visible}.spark-grid{stroke:rgba(23,23,21,.15);stroke-width:1;stroke-dasharray:5 6}.spark-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.spark-dot{stroke:var(--ink);stroke-width:1.5}.spark-date{font-size:8px;fill:#68645c}.bottom-grid{height:calc(100% - 547px);min-height:205px;display:grid;grid-template-columns:minmax(0,3.15fr) minmax(330px,.95fr);gap:22px}.card{background:var(--card);border:2px solid var(--ink);border-radius:14px;box-shadow:7px 7px 0 var(--ink);overflow:hidden}.daily-table,.signals{padding:13px 20px 9px}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1.5px solid var(--ink);padding-bottom:7px}.section-head small{font-size:8px;letter-spacing:2px;color:#9a312f;font-weight:900}.section-head h2{font-size:20px;margin:2px 0 0}.legend{display:flex;gap:16px;font-size:9px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid var(--ink);margin-right:5px}.legend .user:before{background:var(--yellow)}.legend .review:before{background:var(--green)}.legend .post:before{background:var(--blue)}.legend .reply:before{background:var(--orange)}table{width:100%;border-collapse:collapse;font-size:10px}th{height:24px;text-align:right;color:var(--muted);font-size:8px}th:first-child,td:first-child{text-align:left}td{text-align:right;border-top:1px solid var(--line);height:27px;font-weight:700}.status-dot{display:inline-block;width:7px;height:7px;border:1px solid var(--ink);border-radius:50%;margin-left:6px}.status-dot.pass{background:var(--green)}.status-dot.fail{background:var(--coral)}.result{display:inline-block;border:1px solid var(--ink);border-radius:4px;padding:2px 6px;font-size:8px;background:#f2d8d2}.result.pass{background:#d9ead7}.signal-mark{width:42px;height:8px;border-radius:8px;background:var(--coral)}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.signal-item{border:1.5px solid var(--ink);border-radius:6px;padding:7px 8px;background:#f6d7d2}.signal-item.good{background:#dfead9}.signal-item.warn{background:#f4e7c0}.signal-item b{display:block;font-size:10px}.signal-item span{font-size:7px;color:var(--muted)}.averages{display:grid;grid-template-columns:1fr 1fr;margin-top:7px;border:1px solid var(--line)}.averages div{display:flex;justify-content:space-between;padding:4px 7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:8px}.growth-entry{width:100%;margin-top:7px;border:1.5px solid var(--ink);border-radius:6px;background:var(--yellow);padding:6px 8px;display:flex;justify-content:space-between;font:800 8px inherit;cursor:pointer}.signals footer{font-size:7px;color:var(--muted);margin-top:5px}.growth-view{height:calc(100vh - 72px);padding:22px 0}.growth-view.active{display:grid;grid-template-rows:105px 125px 1fr;gap:14px}.growth-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink)}.growth-header small{font-size:9px;letter-spacing:2px;color:#9a312f;font-weight:900}.growth-header h1{font-size:42px;margin:3px 0 0;letter-spacing:-2px}.growth-header h1 em{font-style:normal;color:var(--coral)}.growth-header p{margin:0;color:var(--muted);font-size:10px}.back-btn{border:1.5px solid var(--ink);border-radius:8px;background:var(--card);padding:12px 18px;font-weight:800;cursor:pointer}.growth-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.growth-kpi{border:2px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:5px 5px 0 var(--ink);padding:16px 20px}.growth-kpi.coral{background:var(--coral);color:#fff}.growth-kpi small,.growth-kpi span{display:block;font-size:9px}.growth-kpi strong{font-size:33px;display:block;margin:3px 0}.growth-content{display:grid;grid-template-columns:3fr 1fr;gap:20px;min-height:0}.sankey-card,.growth-side{padding:17px 20px}.plan-note{font-size:9px;color:var(--muted)}.sankey-stage{height:calc(100% - 52px);display:grid;grid-template-columns:210px 1fr 155px;align-items:stretch;padding-top:15px}.channel-list{display:flex;flex-direction:column;justify-content:space-between;padding:3px 0 14px}.channel-row{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:10px}.channel-row i{width:8px;height:8px;border-radius:50%}.channel-row b{font-size:12px}.sankey-stage svg{width:100%;height:100%}.target-node{align-self:center;border:2px solid var(--ink);border-radius:12px;background:var(--coral);box-shadow:6px 6px 0 var(--ink);padding:24px 10px;text-align:center;color:#fff}.target-node small,.target-node span{display:block;font-size:9px}.target-node strong{display:block;font-size:32px;margin:5px 0}.growth-side{display:flex;flex-direction:column}.progress-ring{width:170px;height:170px;margin:22px auto 15px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--coral) 0deg,var(--paper) 0deg);position:relative;border:2px solid var(--ink)}.progress-ring:after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--card);border:1px solid var(--ink)}.progress-ring>div{position:relative;z-index:1;text-align:center}.progress-ring strong{display:block;font-size:29px}.progress-ring span{font-size:9px;color:var(--muted)}.growth-progress{height:8px;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden}.growth-progress i{display:block;height:100%;background:var(--coral)}.growth-facts{margin-top:14px}.growth-facts div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;font-size:10px}.growth-side p{font-size:9px;color:var(--muted);line-height:1.6;margin-top:auto}@media(max-width:1280px),(max-height:759px){.shell{height:auto;min-height:100vh;overflow:visible}.masthead{height:64px}.hero{grid-template-columns:1fr;height:auto;padding:20px 0}.overview{margin-top:18px}.metric-grid{height:auto;grid-template-columns:repeat(2,1fr)}.metric-card{min-height:250px}.bottom-grid{height:auto;grid-template-columns:1fr}.growth-view.active{height:auto}.growth-content{grid-template-columns:1fr}.sankey-card{min-height:550px}}@media(max-width:720px){.shell{padding:0 12px}.brand small,nav,.clock{display:none}.overview{grid-template-columns:1fr}.overview>div{min-height:110px}.overview-facts{grid-template-columns:1fr 1fr!important}.meta-strip{overflow:auto}.metric-grid,.growth-kpis{grid-template-columns:1fr}.sankey-stage{grid-template-columns:125px 1fr 100px}.daily-table{overflow:auto}}