:root{--ink:#3c2d23;--muted:#806f62;--line:rgba(126,76,35,.15);--cream:#fffaf2;--paper:#fffdf8;--amber:#d98a1f;--coral:#e45f45;--green:#2f9b78;--blue:#497db6;--shadow:0 16px 44px rgba(111,69,31,.09)}
*{box-sizing:border-box}html{background:#f4ecdf;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 84% 2%,rgba(228,95,69,.13),transparent 31rem),radial-gradient(circle at 4% 26%,rgba(217,138,31,.13),transparent 29rem),linear-gradient(180deg,#fffaf2 0%,#f4ecdf 100%);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}button{font:inherit}.shell{position:relative;width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:28px 36px 22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#e45f45,#bd492f);color:#fffaf1;font-size:22px;font-weight:900;box-shadow:0 10px 28px rgba(194,91,46,.22)}.brand p{margin:0 0 3px;color:#9b806b;font-size:9px;letter-spacing:.15em}.brand h1{margin:0;font-size:20px;letter-spacing:-.02em}.period{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,253,248,.9);box-shadow:0 10px 28px rgba(112,69,31,.07)}.period .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(47,155,120,.11)}.period div{display:flex;flex-direction:column;gap:1px}.period small{color:#99816e;font-size:8px}.period strong{font-size:10px}.period b{padding:7px 8px;border-radius:9px;background:rgba(217,138,31,.12);color:#ad6618;font-size:10px}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:21px 0 18px;border-bottom:1px solid var(--line)}.nav-scroll{display:flex;align-items:center;gap:22px}.nav-btn{position:relative;min-height:42px;padding:0 0 12px;border:0;background:transparent;color:#a0846e;cursor:pointer}.nav-btn:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--amber),var(--coral));content:"";transform:scaleX(0);transition:.18s}.nav-btn.active{color:#813f2c;font-weight:800}.nav-btn.active:after{transform:scaleX(1)}.nav>span{color:#9a8472;font-size:10px}.view{animation:fade .24s ease both}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.panel{border:1px solid var(--line);border-radius:21px;background:linear-gradient(155deg,rgba(255,255,252,.98),rgba(255,249,240,.95));box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}.hero{position:relative;overflow:hidden;min-height:260px;padding:29px 31px}.hero:after{position:absolute;right:-12px;bottom:-52px;color:rgba(145,83,37,.045);content:"长";font-size:230px;font-weight:900;line-height:1}.kicker{display:flex;align-items:center;gap:9px;color:#a95e17;font-size:9px;font-weight:800;letter-spacing:.14em}.kicker i{display:block;width:46px;height:1px;background:linear-gradient(90deg,var(--amber),transparent)}.hero h2{position:relative;z-index:1;margin:20px 0 11px;font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.055em}.hero h2 em{color:#c85a37;font-style:normal}.hero>p{position:relative;z-index:1;max-width:680px;margin:0;color:#796b60;font-size:12px;line-height:1.75}.loop{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:26px}.loop span{padding:6px 9px;border:1px solid rgba(217,138,31,.2);border-radius:8px;background:rgba(217,138,31,.07);color:#6b4b32;font-size:10px}.loop b{color:#c8ad93;font-size:10px}.roi{padding:23px}.roi-head{display:flex;align-items:center;justify-content:space-between;color:#6f6055;font-size:10px}.roi-head b{padding:5px 8px;border-radius:99px;background:rgba(47,155,120,.1);color:var(--green);font-size:8px}.roi-value{margin:30px 0 13px;color:#773d27;font-size:60px;font-weight:900;letter-spacing:-.07em;line-height:.8}.roi-value small{margin-left:8px;color:#9c826c;font-size:11px;letter-spacing:0}.meter{height:6px;border-radius:99px;background:rgba(127,86,50,.1);overflow:hidden}.meter i{display:block;width:88%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--amber),var(--coral))}.roi-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.roi-stats div{padding:11px;border:1px solid rgba(126,76,35,.1);border-radius:12px;background:#fbf3e7}.roi-stats small,.roi-stats strong{display:block}.roi-stats small{color:#927e6d;font-size:8px}.roi-stats strong{margin-top:4px;font-size:13px}.roi>p{margin:14px 0 0;color:#806f62;font-size:10px;line-height:1.6}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.kpi{position:relative;overflow:hidden;min-height:125px;padding:17px 18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,253,249,.91);color:var(--ink);text-align:left;box-shadow:0 9px 28px rgba(111,69,31,.055);cursor:pointer;transition:.18s}.kpi:hover,.kpi.selected,.channel:hover,.channel.selected{transform:translateY(-2px);border-color:rgba(204,119,48,.32);background:#fff8ed;box-shadow:0 14px 36px rgba(111,69,31,.1)}.kpi>span{display:block;color:#927e6d;font-size:10px}.kpi>strong{display:block;margin:16px 0 3px;font-size:28px;letter-spacing:-.04em}.kpi>small{color:#927e6d;font-size:9px}.kpi>i,.channel>i,.priority>i{position:absolute;right:0;bottom:0;left:0;height:3px;transform:scaleX(0);transform-origin:left;transition:.18s}.kpi.selected>i,.channel.selected>i{transform:scaleX(1)}.amber>i,.priority.amber>i{background:var(--amber)}.coral>i,.priority.coral>i{background:var(--coral)}.green>i,.priority.green>i{background:var(--green)}.blue>i,.priority.blue>i{background:var(--blue)}.overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px}.transaction,.insight,.channel-detail,.attribution{padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-head>div>span,.intro>div>span,.content-side>span,.execution>div>span{color:#aa6219;font-size:8px;font-weight:800;letter-spacing:.12em}.panel-head h3{margin:5px 0 0;font-size:16px}.panel-head>b{padding:5px 8px;border:1px solid rgba(126,76,35,.1);border-radius:8px;background:#fbf3e7;color:#927e6d;font-size:8px}.transaction-body{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:25px;padding-top:19px}.donut{display:grid;place-items:center;width:174px;height:174px;margin:auto;border-radius:50%;background:conic-gradient(var(--green) 0 33.8%,var(--amber) 33.8% 73.2%,var(--coral) 73.2% 100%)}.donut>div{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:#fffaf2;box-shadow:inset 0 0 0 1px rgba(126,76,35,.09)}.donut strong{font-size:22px}.donut span{color:#927e6d;font-size:8px}.legend{display:grid;gap:13px}.legend-row{display:grid;grid-template-columns:1fr auto;gap:6px}.legend-row>div{display:flex;align-items:center;gap:8px}.legend-row>div:nth-child(2){justify-content:flex-end}.legend-row>div>i{width:8px;height:8px;border-radius:50%}.legend-row>div>i.green,.legend-row p i.green{background:var(--green)}.legend-row>div>i.amber,.legend-row p i.amber{background:var(--amber)}.legend-row>div>i.coral,.legend-row p i.coral{background:var(--coral)}.legend-row span,.legend-row strong{font-size:10px}.legend-row small{min-width:37px;color:#927e6d;font-size:8px;text-align:right}.legend-row p{grid-column:1/-1;height:4px;margin:0;border-radius:99px;background:rgba(127,86,50,.1);overflow:hidden}.legend-row p i{display:block;height:100%;border-radius:inherit}.dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 6px rgba(126,76,35,.055)}.dot.amber{background:var(--amber)}.dot.coral{background:var(--coral)}.dot.green{background:var(--green)}.dot.blue{background:var(--blue)}.insight{display:flex;flex-direction:column}.insight-value{margin:28px 0 8px;font-size:42px;font-weight:900;letter-spacing:-.05em}.insight>p{min-height:44px;margin:0;color:#796b60;font-size:11px;line-height:1.7}.focus,.takeaway{margin-top:18px;padding:13px 14px;border-left:3px solid var(--amber);background:linear-gradient(90deg,rgba(217,138,31,.09),transparent)}.focus span,.takeaway span{display:block;color:#ad6618;font-size:8px;font-weight:800}.focus strong{display:block;margin-top:5px;font-size:10px;line-height:1.6}.insight>small{margin-top:auto;padding-top:11px;color:#927e6d;font-size:8px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:12px;padding:23px 25px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(120deg,rgba(255,244,224,.95),rgba(255,253,247,.95) 48%,rgba(255,237,230,.82));box-shadow:0 12px 38px rgba(111,69,31,.065)}.intro h2{margin:7px 0 6px;font-size:clamp(25px,3vw,39px);line-height:1.08;letter-spacing:-.04em}.intro p{max-width:720px;margin:0;color:#796b60;font-size:11px;line-height:1.7}.summary{display:flex;align-items:center;gap:14px;flex:0 0 auto}.summary strong{color:#c86e1d;font-size:34px;letter-spacing:-.05em}.summary span{color:#927e6d;font-size:9px;line-height:1.5}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.channel{position:relative;overflow:hidden;min-height:145px;padding:17px 19px;border:1px solid var(--line);border-radius:17px;background:rgba(255,253,249,.91);color:var(--ink);text-align:left;box-shadow:0 9px 28px rgba(111,69,31,.055);cursor:pointer;transition:.18s}.channel>span{display:block;color:#927e6d;font-size:8px;letter-spacing:.1em}.channel>strong{display:block;margin-top:5px;font-size:14px}.channel>b{display:block;margin:17px 0 2px;font-size:31px;letter-spacing:-.04em}.channel>small{color:#927e6d;font-size:9px}.channel-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);gap:12px;margin-top:12px}.channel-detail,.attribution{min-height:360px}.channel-detail{display:flex;flex-direction:column}.channel-primary{display:flex;align-items:flex-end;gap:11px;margin:28px 0 22px}.channel-primary strong{font-size:58px;line-height:.82;letter-spacing:-.065em}.channel-primary span{color:#927e6d;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics div,.counters div,.chips span,.topics div,.steps>div{padding:12px;border:1px solid rgba(126,76,35,.1);border-radius:12px;background:#fbf3e7}.metrics span,.metrics strong{display:block}.metrics span{color:#927e6d;font-size:8px}.metrics strong{margin-top:6px;font-size:13px}.takeaway{margin-top:auto}.takeaway p{margin:5px 0 0;color:#796b60;font-size:10px;line-height:1.7}.overlap{position:relative;width:360px;height:205px;margin:8px auto 0}.circle{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%}.circle span{color:#67584c;font-size:9px}.circle strong{margin-top:3px;font-size:14px}.circle.video{top:22px;left:16px;border:1px solid rgba(228,95,69,.31);background:rgba(228,95,69,.13)}.circle.live{top:22px;right:16px;border:1px solid rgba(47,155,120,.3);background:rgba(47,155,120,.12)}.circle.local{top:48px;left:105px;border:1px solid rgba(217,138,31,.36);background:rgba(217,138,31,.17)}.overlap>b{position:absolute;z-index:3;top:116px;right:0;left:0;color:#6e421e;font-size:8px;text-align:center}.note{margin:0;padding:12px 14px;border:1px solid rgba(126,76,35,.1);border-radius:12px;background:#fbf3e7;color:#796b60;font-size:9px;line-height:1.65}.counters{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:0 0 auto}.counters div{min-width:115px}.counters strong,.counters span{display:block}.counters strong{font-size:28px;line-height:1}.counters div:first-child strong{color:var(--green)}.counters div:last-child strong{color:var(--amber)}.counters span{margin-top:6px;color:#927e6d;font-size:8px}.filters,.content-tabs{display:flex;align-items:center;gap:8px;margin-bottom:12px}.filters button,.content-tabs button{min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:rgba(255,253,248,.84);color:#8d7766;font-size:9px;cursor:pointer}.filters button.active,.content-tabs button.active{border-color:rgba(217,138,31,.34);background:#fff1d9;color:#a85f13;font-weight:800}.filters>span{margin-left:auto;color:#927e6d;font-size:8px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.work{position:relative;overflow:hidden;min-height:174px;padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,253,249,.92);box-shadow:0 9px 28px rgba(111,69,31,.055)}.work.pending{background:linear-gradient(145deg,rgba(255,246,229,.96),rgba(255,252,246,.95))}.work>div{display:flex;align-items:center;gap:8px}.work>div span{color:#927e6d;font-size:8px}.work>div b{margin-left:auto;padding:4px 7px;border-radius:99px;font-size:8px}.work.done>div b{background:rgba(47,155,120,.09);color:var(--green)}.work.pending>div b{background:rgba(217,138,31,.1);color:var(--amber)}.work h3{margin:16px 0 7px;font-size:14px}.work p{margin:0;color:#796b60;font-size:9px;line-height:1.7}.work>i{position:absolute;right:17px;bottom:13px;left:17px;height:3px;border-radius:99px;background:rgba(127,86,50,.1);overflow:hidden}.work>i b{display:block;height:100%}.work.done>i b{width:100%;background:var(--green)}.work.pending>i b{width:36%;background:var(--amber)}.pause{display:flex;align-items:flex-start;gap:16px;margin-top:11px;padding:14px 16px;border:1px solid rgba(217,138,31,.2);border-radius:14px;background:rgba(255,242,215,.62)}.pause strong{flex:0 0 auto;color:#ad6618;font-size:9px}.pause p{margin:0;color:#796b60;font-size:9px;line-height:1.65}.chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:390px}.chips span{color:#806f62;font-size:8px}.priority-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.priority{position:relative;overflow:hidden;display:flex;gap:12px;min-height:140px;padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,253,249,.92);box-shadow:0 9px 28px rgba(111,69,31,.055)}.priority>span{color:#927e6d;font-size:10px;font-weight:900}.priority h3{margin:0 0 7px;font-size:13px}.priority p{margin:0;color:#796b60;font-size:9px;line-height:1.65}.priority>i{transform:none}.content-studio{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:12px;margin-top:12px}.content-side,.content-board{padding:21px}.content-side h3{margin:7px 0;font-size:20px}.content-side>p{margin:0;color:#796b60;font-size:10px;line-height:1.7}.content-tabs{flex-wrap:wrap;margin:24px 0 0}.content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid var(--line)}.content-head>div{display:flex;flex-direction:column;gap:3px}.content-head span{color:#ad6618;font-size:9px;font-weight:800}.content-head strong{font-size:15px}.content-head small{color:#927e6d;font-size:8px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.topics div{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:8px;min-height:42px;padding:8px 10px}.topics span{color:#927e6d;font-size:8px}.topics strong{font-size:9px}.topics i{color:#ad6618;font-size:10px;font-style:normal}.execution{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px;padding:18px 21px}.execution h3{margin:5px 0 0;font-size:14px}.steps{display:flex;align-items:center;justify-content:flex-end;gap:8px}.steps>div{position:relative;display:flex;flex-direction:column;gap:2px;min-width:102px;padding:9px 10px}.steps span,.steps small{color:#927e6d;font-size:7px}.steps strong{font-size:9px}.steps i{position:absolute;top:20px;right:-9px;color:#bd9e82;font-size:9px;font-style:normal}footer{display:flex;justify-content:space-between;gap:18px;padding:17px 2px 0;color:#927e6d;font-size:8px}.no-js{margin:30px;padding:20px;border-radius:12px;background:#fff;color:#7a3122;text-align:center}
@media(max-width:980px){.shell{padding:22px 20px}.hero-grid,.overview-grid,.channel-detail-grid,.content-studio{grid-template-columns:1fr}.kpi-grid,.work-grid,.priority-grid{grid-template-columns:repeat(2,1fr)}.execution{align-items:flex-start;flex-direction:column}.steps{width:100%;justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:640px){body{background:linear-gradient(180deg,#fffaf2,#f4ecdf)}.shell{padding:14px 12px 22px}.topbar{align-items:stretch;flex-direction:column;gap:12px}.brand h1{font-size:19px;line-height:1.3}.brand p{display:none}.brand-mark{width:44px;height:44px}.period{width:100%;padding:10px 12px}.period div{margin-right:auto}.period small{font-size:10px}.period strong{font-size:11px}.period b{padding:8px 10px;font-size:10px}.nav{position:sticky;z-index:20;top:0;margin:14px -12px;padding:8px 12px 0;overflow:hidden;background:rgba(255,250,242,.96);backdrop-filter:blur(12px);box-shadow:0 8px 20px rgba(111,69,31,.06)}.nav-scroll{width:100%;gap:20px;overflow-x:auto;scrollbar-width:none}.nav-scroll::-webkit-scrollbar{display:none}.nav-btn{flex:0 0 auto;min-height:46px;padding-bottom:11px;font-size:13px}.nav>span{display:none}.hero-grid{gap:10px}.hero{min-height:auto;padding:22px 19px}.hero:after{font-size:150px}.hero h2{margin-top:17px;font-size:34px}.hero>p{font-size:11px}.loop{gap:5px;margin-top:20px}.loop span{padding:5px 7px}.loop b{font-size:8px}.roi{padding:19px}.roi-value{margin-top:25px;font-size:52px}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:114px;padding:14px}.kpi>strong{margin-top:14px;font-size:22px}.overview-grid{gap:10px}.transaction,.insight,.channel-detail,.attribution{padding:18px}.panel-head>b{display:none}.transaction-body{grid-template-columns:1fr;gap:18px}.donut{width:152px;height:152px}.donut>div{width:98px;height:98px}.intro{align-items:flex-start;flex-direction:column;padding:19px}.intro h2{font-size:28px}.summary{width:100%;justify-content:space-between}.channel-grid{grid-template-columns:1fr}.channel{min-height:110px}.channel>b{margin-top:10px;font-size:27px}.channel-detail-grid{gap:10px}.channel-detail,.attribution{min-height:auto}.channel-primary strong{font-size:50px}.metrics{grid-template-columns:1fr}.overlap{width:286px;height:185px;transform:scale(.9);transform-origin:center top;margin-bottom:-18px}.circle{width:135px;height:135px}.circle.video{left:0}.circle.live{right:0}.circle.local{left:75px}.counters{width:100%}.counters div{min-width:0}.filters{overflow-x:auto;padding-bottom:2px}.filters button{flex:0 0 auto;min-height:42px}.filters>span{display:none}.work-grid,.priority-grid{grid-template-columns:1fr}.work{min-height:168px}.pause{flex-direction:column;gap:7px}.chips{justify-content:flex-start}.content-side,.content-board{padding:18px}.content-tabs button{min-height:42px}.topics{grid-template-columns:1fr}.execution{gap:15px;padding:18px}.steps{display:grid;grid-template-columns:1fr 1fr}.steps>div{min-width:0}.steps i{display:none}footer{align-items:flex-start;flex-direction:column;gap:5px;padding-top:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}