:root{--dark:#09090b;--paper:#f3f1ed;--ink:#171719;--muted:#777169;--top:82px;--industry:62px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}body{background:var(--dark);color:#fff;transition:background .25s,color .25s}button,input{font:inherit}.topbar{position:fixed;z-index:30;top:0;left:0;width:100%;height:var(--top);padding:18px max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(7,7,9,.92),rgba(7,7,9,.35),transparent)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{width:47px;height:47px;border-radius:12px;background:#fff;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{font-size:18px;letter-spacing:5px;line-height:1.1}.brand small{margin-top:5px;font-size:9px;letter-spacing:2.5px;opacity:.52}.header-actions{display:flex;align-items:center;gap:13px}.icon-button{width:43px;height:43px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:inherit;font-size:26px;cursor:pointer}.case-count{padding:10px 13px;border:1px solid rgba(255,255,255,.24);border-radius:5px;font-size:10px;letter-spacing:2px}.industry-nav{position:fixed;z-index:25;top:var(--top);left:0;width:100%;height:var(--industry);padding:7px max(22px,calc((100vw - 1180px)/2));display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;background:linear-gradient(180deg,rgba(7,7,9,.74),transparent)}.industry-nav::-webkit-scrollbar{display:none}.industry-nav button{flex:none;height:42px;padding:0 22px;border:1px solid rgba(255,255,255,.22);border-radius:23px;background:transparent;color:rgba(255,255,255,.62);cursor:pointer}.industry-nav button.active{background:#fff;border-color:#fff;color:#101012;font-weight:700}.video-feed{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.video-feed::-webkit-scrollbar{display:none}.video-item{height:100vh;min-height:680px;position:relative;scroll-snap-align:start;overflow:hidden;background:#111}.video-item video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 28%,rgba(0,0,0,.08) 47%,rgba(0,0,0,.94) 100%)}.video-watermark{position:absolute;z-index:2;right:max(25px,calc((100vw - 1120px)/2));top:calc(var(--top) + var(--industry) + 20px);width:58px;height:58px;padding:4px;border-radius:13px;background:rgba(255,255,255,.88)}.video-copy{position:absolute;z-index:3;left:max(28px,calc((100vw - 1120px)/2));right:max(95px,calc((100vw - 1120px)/2 + 90px));bottom:120px;max-width:720px}.tags{display:flex;gap:9px;margin-bottom:18px}.tags span{padding:6px 11px;border:1px solid rgba(255,255,255,.4);border-radius:4px;font-size:12px;letter-spacing:1px}.video-copy h2{margin:0;font-size:clamp(30px,5vw,56px);line-height:1.2}.video-copy>p{max-width:650px;margin:13px 0 0;color:rgba(255,255,255,.76);font-size:16px;line-height:1.75}.meta{display:flex;justify-content:space-between;gap:25px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.5);font-size:12px}.sound-button{position:absolute;z-index:5;right:max(25px,calc((100vw - 1120px)/2));top:calc(var(--top) + var(--industry) + 90px);padding:8px 13px;border:1px solid rgba(255,255,255,.4);border-radius:18px;background:rgba(0,0,0,.28);color:#fff;cursor:pointer}.poster-art{position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,var(--accent),transparent 35%),linear-gradient(150deg,var(--base),#08080a 72%)}.poster-art b{position:absolute;right:7%;top:21%;font:italic 180px Georgia;color:rgba(255,255,255,.08)}.poster-art span{position:absolute;left:7%;top:31%;letter-spacing:6px;font-size:12px;opacity:.68}.data-view{min-height:100vh;padding:calc(var(--top) + var(--industry) + 45px) max(22px,calc((100vw - 1180px)/2)) 150px;background:var(--paper);color:var(--ink)}body.is-data{background:var(--paper);color:var(--ink)}body.is-data .topbar{background:rgba(243,241,237,.94)}body.is-data .icon-button{background:#e7e4df}body.is-data .case-count{border-color:#cdc8c0}body.is-data .industry-nav{background:var(--paper)}body.is-data .industry-nav button{border-color:#d6d0c8;color:#777169;background:rgba(255,255,255,.35)}body.is-data .industry-nav button.active{background:#1b1b1d;border-color:#1b1b1d;color:#fff}.data-hero{max-width:760px}.data-hero>p{margin:0;color:#9b6b47;font-size:12px;letter-spacing:5px}.data-hero h1{margin:18px 0 0;font:700 clamp(44px,7vw,76px)/1.16 Georgia,"Songti SC",serif}.data-hero>span{display:block;max-width:560px;margin-top:19px;color:var(--muted);font-size:16px;line-height:1.8}.data-type-nav{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:27px}.data-type-nav button{padding:20px 22px;border:1px solid #d8d2ca;border-radius:13px;background:rgba(255,255,255,.55);text-align:left;cursor:pointer}.data-type-nav b,.data-type-nav small{display:block}.data-type-nav b{font-size:18px}.data-type-nav small{margin-top:6px;color:#918b84}.data-type-nav button.active{border-color:#1b1b1d;background:#1b1b1d;color:#fff;box-shadow:0 12px 28px rgba(30,28,25,.16)}.data-type-nav button.active small{color:rgba(255,255,255,.62)}.data-grid{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.data-card{padding:18px;border:0;border-radius:12px;background:var(--card);box-shadow:0 12px 35px rgba(61,50,38,.08);text-align:left;cursor:pointer}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-brand{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:700}.card-brand img{width:25px;height:25px;border-radius:7px;background:#fff}.card-date{color:#8d8780;font-size:11px}.data-screen{min-height:245px;padding:17px;border-radius:7px;background:rgba(255,255,255,.86);display:flex;flex-direction:column;box-shadow:0 7px 20px rgba(70,50,30,.07)}.screen-head{display:flex;align-items:center;gap:7px;color:#343438;font-size:12px}.screen-head i{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#087ee1,#9d38f0 58%,#ff7900)}.screen-head em{margin-left:auto;color:#999;font-style:normal}.screen-label{margin-top:27px;color:#8c8986;font-size:12px}.screen-value{margin-top:4px;color:var(--accent);font:700 42px Georgia}.chart{height:64px;margin-top:auto;display:flex;align-items:flex-end;gap:7px;color:var(--accent);opacity:.58}.chart i{flex:1;border-radius:3px 3px 0 0;background:currentColor}.card-caption{display:flex;justify-content:space-between;align-items:flex-end;padding:17px 2px 2px}.card-caption span{display:flex;flex-direction:column;color:#282629;font-weight:700}.card-caption small{margin-top:6px;color:#8c857d;font-weight:400}.card-caption>i{font-size:23px;color:#68615a}.data-view footer{display:flex;align-items:center;gap:14px;margin-top:48px;color:#99928a;font-size:11px;letter-spacing:1px}.data-view footer i{height:1px;flex:1;background:#d5cfc8}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:330px;height:72px;padding:0 8px;border:1px solid rgba(255,255,255,.16);border-radius:40px;background:rgba(20,20,22,.83);backdrop-filter:blur(20px);display:flex;align-items:center;box-shadow:0 14px 45px rgba(0,0,0,.24)}.bottom-nav button{flex:1;height:58px;border:0;background:transparent;color:rgba(255,255,255,.42);cursor:pointer}.bottom-nav button.active{color:#fff;font-weight:700}.bottom-nav i{width:1px;height:27px;background:rgba(255,255,255,.14)}.bottom-nav button span{margin-right:7px}body.is-data .bottom-nav{border-color:#dedad4;background:rgba(255,255,255,.9)}body.is-data .bottom-nav button{color:#9a948c}body.is-data .bottom-nav button.active{color:#171719}body.is-data .bottom-nav i{background:#ddd7d0}.search-panel{position:fixed;z-index:60;top:0;left:0;width:100%;height:90px;padding:14px max(22px,calc((100vw - 900px)/2));background:#f3f1ed;color:#171719;display:flex;align-items:center;gap:15px}.search-panel[hidden]{display:none}.search-panel label{height:52px;flex:1;padding:0 20px;border-radius:28px;background:#fff;display:flex;align-items:center;gap:13px}.search-panel input{width:100%;border:0;outline:0;background:transparent;font-size:15px}.search-panel button{border:0;background:transparent;cursor:pointer}.empty{height:70vh;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6)}.empty.light{color:#777}.modal{position:fixed;z-index:70;inset:0;padding:20px;background:rgba(0,0,0,.68);display:flex;align-items:center;justify-content:center}.modal[hidden]{display:none}.modal-card{position:relative;width:min(560px,100%);max-height:92vh;overflow:auto;padding:27px;border-radius:23px;background:#f7f5f2;color:#1d1d1f}.modal-close{position:absolute;right:20px;top:20px;width:42px;height:42px;border:0;border-radius:50%;background:#e7e3dd;color:#777;font-size:28px;cursor:pointer}.modal-heading small{color:#9b6b47;letter-spacing:2px}.modal-heading h2{margin:8px 55px 0 0;font-size:28px}.modal-screen{margin-top:22px;padding:25px;border-radius:14px;background:var(--card)}.modal-card>p{margin:16px 3px 0;color:#99938c;font-size:12px}.detail-value{display:block;margin:6px 0 20px;color:var(--accent);font:700 55px Georgia}.detail-row{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid rgba(50,50,50,.1);color:#68645f}.detail-row b{color:#242426}@media(max-width:780px){:root{--top:72px;--industry:58px}.topbar{padding:13px 18px}.brand img{width:43px;height:43px}.brand b{font-size:16px}.case-count{display:none}.industry-nav{padding:7px 16px}.industry-nav button{height:39px;padding:0 18px}.video-item{min-height:610px}.video-watermark,.sound-button{right:18px}.video-copy{left:20px;right:80px;bottom:115px}.video-copy h2{font-size:30px}.video-copy>p{font-size:14px;line-height:1.6}.meta{font-size:10px}.data-view{padding-left:17px;padding-right:17px}.data-grid{grid-template-columns:1fr 1fr;gap:12px}.data-card{padding:12px}.data-screen{min-height:205px;padding:13px}.screen-value{font-size:31px}.data-type-nav button{padding:17px}.bottom-nav{width:304px;height:68px}.modal{padding:12px;align-items:flex-end}.modal-card{border-radius:23px 23px 0 0}.modal-heading h2{font-size:24px}}@media(max-width:480px){.data-grid{grid-template-columns:1fr}.data-screen{min-height:260px}.video-copy{right:72px}.meta span:last-child{display:none}}