:root{color-scheme:dark;--bg:#080e1b;--panel:#101c2c;--text:#e3edf9;--muted:#8b9bb1;--line:#243246;--cyan:#6de7d7;--blue:#789cfc;font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#18365055,transparent 38%),var(--bg);color:var(--text);font-size:14px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:1660px;margin:auto}.preview-note{padding:10px 22px;text-align:center;font-size:11px;color:#b9c8db;background:#19283b;border-bottom:1px solid #35465d}.preview-note>span{color:#80f3df;border:1px solid #49796d;padding:2px 7px;border-radius:4px;margin-right:8px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:2px;font-weight:650}.brand-symbol{font-size:39px;color:var(--cyan);text-shadow:0 0 28px #69e4d73d}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-top:4px}.top-tools{display:flex;align-items:center;gap:20px}.top-tools button,.readonly{font-size:11px;color:#b0c1d5}.top-tools button{border:1px solid var(--line);padding:8px 12px;border-radius:7px}.avatar{display:grid;place-items:center;background:#23394c;color:#a5ece1;width:34px;height:34px;border:1px solid #426572;border-radius:50%;font-size:13px}.eyebrow{display:block;color:#6e9ba9;font-size:9px;letter-spacing:2px;font-weight:600}.subtle{color:var(--muted);font-size:12px;line-height:1.8}.workspace strong{display:block;font-size:19px;margin:14px 0 5px}.workspace .subtle{font-size:10px}.nav-button{display:flex;align-items:center;gap:14px;width:100%;color:#91a3bb;text-align:left;padding:15px 13px;border:1px solid transparent;border-radius:8px;margin-bottom:9px;font-size:13px}.nav-button>span{font-size:20px}.nav-button i{margin-left:auto;font-style:normal;font-size:9px;color:#53707f}.nav-button:hover{background:#142435}.nav-button.active{color:#82f3de;border-color:#2d5d61;background:linear-gradient(90deg,#1d47494d,#14293b55)}.sidebar-foot{border-top:1px solid var(--line);padding:28px 10px;margin-top:90px}.tiny-orbit{display:block;color:#75dfd1;font-size:32px;margin-bottom:17px}.sidebar-foot strong{font-size:18px;font-weight:400;line-height:1.8}.sidebar-foot p{font-size:11px;color:var(--muted);line-height:1.9;margin:15px 0 30px}.sidebar-foot .eyebrow{font-size:8px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}h1{font-size:25px;font-weight:500;letter-spacing:.6px;margin:10px 0}.page-heading p{font-size:12px;color:var(--muted);margin:0}.demo-badge,.pill{font-size:10px;border:1px solid #365854;background:#17383366;color:#92dacb;border-radius:20px;padding:6px 10px;white-space:nowrap}.hero{position:relative;overflow:hidden;border:1px solid #325062;border-radius:14px;background:radial-gradient(ellipse at 75% 45%,#286f7845,transparent 48%),linear-gradient(110deg,#142a3b,#102136 65%,#0e1b2e);min-height:330px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#64a4af08 1px,transparent 1px),linear-gradient(90deg,#64a4af08 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;padding:34px 36px;z-index:1}.hero-kicker{font-size:10px;color:#8bd6c9;letter-spacing:1px;display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 9px #69e4d777}.hero h2{font-size:30px;line-height:1.65;font-weight:450;letter-spacing:1px;margin:17px 0 12px}.hero-copy p{font-size:12px;line-height:1.9;color:#8da9ba;margin:0 0 22px}.primary{background:#9debdc;color:#0c3335;font-size:12px;border-radius:6px;padding:11px 17px;font-weight:600}.primary span{margin-left:28px}.hero-foot{font-size:9px;color:#638e9a;margin-left:15px}.hero-coordinate{position:absolute;right:25px;bottom:19px;font-size:8px;color:#54828d;letter-spacing:2px}.ai-visual{position:absolute;right:6%;top:15px;width:340px;height:320px;display:grid;place-items:center}.orbit{position:absolute;width:220px;height:220px;border:1px solid #6ddccb3b;border-radius:50%;transform:rotate(-24deg) scaleY(.5);box-shadow:0 0 30px #64e9d606}.orbit-two{width:290px;height:290px;transform:rotate(40deg) scaleY(.5);border-style:dashed;border-color:#7cbded3b}.orbit-three{width:315px;height:315px;transform:rotate(90deg) scaleY(.5)}.ai-core{width:136px;height:136px;border-radius:35%;border:1px solid #6ce6d15c;background:radial-gradient(circle at 35% 30%,#326c78cc,#10283d);box-shadow:0 0 60px #5ecfc624,inset 0 0 30px #5de5d315;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;transform:rotate(-8deg)}.ai-core>span{position:absolute;font-size:17px;top:12px;right:16px;color:#a4f7e9}.ai-core b{font-size:42px;letter-spacing:4px;font-weight:500;background:linear-gradient(135deg,#e5fff6,#69c7df);background-clip:text;color:transparent}.ai-core small{font-size:7px;color:#83c4c4;letter-spacing:2px}.orbit-label{position:absolute;padding:6px 11px;background:#193745c4;border:1px solid #37616e;color:#a4d1d5;border-radius:20px;font-size:9px;z-index:1}.label-one{top:54px;left:12px}.label-two{right:-10px;top:120px}.label-three{bottom:28px;left:90px}.orbit-point{position:absolute;inset:15px;border-radius:50%;border:1px solid #42627444}.orbit-point:before{content:"";position:absolute;top:40px;left:35px;width:5px;height:5px;border-radius:50%;background:#9fffe9;box-shadow:0 0 14px #87fff1}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:27px 0 14px}.section-head h2{font-size:18px;font-weight:500;margin:6px 0 0}.section-head h3{font-size:15px;font-weight:500}.periods,.tabs{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;gap:3px}.periods button,.tabs button{padding:7px 12px;color:#8e9eb4;font-size:11px;border-radius:4px}.periods .selected,.tabs .selected{background:#26424d;color:#a6f2e5}.data-note{font-size:10px;color:#8195a9;line-height:1.8;margin:0 0 13px}.metric{padding:20px 20px 15px;background:linear-gradient(120deg,#142638,#101a2b);border:1px solid #293c4e;border-radius:10px;min-width:0}.metric-label{display:flex;justify-content:space-between;align-items:center;color:#a9bccd;font-size:11px}.metric-icon{font-size:17px;color:#6d9dad}.metric strong{display:block;font-weight:500;font-size:30px;margin:12px 0 8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric:first-child strong{color:#a6f3e1}.metric strong small{font-size:13px}.metric>small{font-size:9px;color:#849bb0}.metric>small b{font-weight:500;color:#92dacc;margin-left:4px}.panel{padding:23px;border:1px solid var(--line);background:linear-gradient(125deg,#111f30bb,#0e1827ee);border-radius:11px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head h3{font-size:16px;font-weight:500;margin:7px 0 0}.panel-head h2{font-size:20px;margin:8px 0}.panel-foot{font-size:9px;color:#718a9f;line-height:1.8;margin:16px 0 0}.trend-chart{width:100%;height:175px;display:block}.trend-chart text{fill:#718ca4;font-size:10px}.chart-grid{stroke:#30445966;stroke-dasharray:3 5}.chart-line{fill:none;stroke:#7be0ce;stroke-width:2.5}.chart-area{fill:url(#reach-fill)}.delivery-item{margin:23px 0}.delivery-item>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.delivery-item span{font-size:11px;color:#a3b5c8}.delivery-item strong{font-size:20px;font-weight:500}.delivery-item strong small{font-size:10px;color:#8198ad}.progress{height:4px;border-radius:5px;background:#243746;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#498f92,#8cdcca)}.progress.blue i{background:linear-gradient(90deg,#3e598b,#8ba9f1)}.p60{width:60%}.p47{width:46.67%}.delivery-explain{font-size:10px;color:#7d95aa;line-height:1.8;border-top:1px solid var(--line);padding-top:16px}.delivery-explain b{color:#b3d6d6;font-weight:400}.text-button{color:#91c8c9;font-size:10px;padding:3px 0}.text-button:hover{color:#c6fff3}.platform-card{border:1px solid #2a3b50;background:linear-gradient(130deg,#142334,#101a2a);border-radius:10px;padding:18px;text-align:left;min-width:0}.platform-card:hover,.platform-card.chosen{border-color:#558e92}.platform-card.chosen{box-shadow:inset 0 0 25px #5adaab08}.platform-logo{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#223647;color:#d8fff3;font-size:16px;margin-right:9px;vertical-align:middle}.platform-logo.kuaishou{background:#493022;color:#fdb880}.platform-logo.shipinhao{background:#2b403b;color:#9ddebb}.platform-logo.xiaohongshu{background:#43283a;color:#f79eb0}.platform-title{font-size:13px}.platform-state{display:block;color:#88acb6;font-size:9px;margin:13px 0 6px}.platform-main{display:block;font-size:23px;font-weight:500;overflow-wrap:anywhere}.platform-main small{font-size:9px;color:#7c95ad;margin-left:5px;font-weight:400}.platform-card p{font-size:9px;color:#778ca3;line-height:1.8;margin:8px 0 0}.platform-card.unavailable{background:#111b28;opacity:.7}.platform-card.unavailable .platform-main{font-size:16px;color:#8d9bb0;margin-top:10px}.timeline{list-style:none;padding:0 0 0 17px;margin:0}.timeline li{position:relative;border-left:1px solid #2c4659;padding:0 0 23px 20px}.timeline li:before{content:"";position:absolute;left:-4px;top:2px;width:7px;height:7px;border-radius:50%;background:#68bfbc;box-shadow:0 0 9px #58bfbc33}.timeline li:last-child{padding-bottom:0;border-color:transparent}.timeline span{display:block;font-size:9px;color:#7491a4;margin-bottom:8px}.timeline b{font-size:12px;font-weight:400;color:#bfd3df}.timeline p{font-size:10px;line-height:1.7;color:#8194aa;margin:6px 0 0}.work-card{min-width:0;border:1px solid #26394d;background:#101c2b;border-radius:10px;overflow:hidden}.work-open{width:100%;text-align:left;padding:0;display:block}.cover{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 60% 35%,#ca9e5f44,transparent 58%),linear-gradient(145deg,#29332e,#171f25);color:#ecdcbf}.cover:before{content:"";width:83px;height:165px;border:1px solid #c6aa7959;border-radius:12px 12px 28px 28px;position:absolute;bottom:-45px;right:20px;transform:rotate(17deg);box-shadow:inset 0 0 25px #c2a3621c}.cover:after{content:"";position:absolute;inset:11px;border:1px solid #d0be8e20;pointer-events:none}.cover.night{background:radial-gradient(ellipse at 30% 60%,#6561bb4a,transparent 55%),linear-gradient(135deg,#1f2b46,#252431);color:#cad8ff}.cover.flavor{background:radial-gradient(ellipse at 70% 40%,#629b7b44,transparent 55%),linear-gradient(135deg,#263d38,#182725);color:#bfe5d4}.cover .cover-brand{font-size:8px;letter-spacing:3px;z-index:1}.cover strong{font-size:21px;font-weight:400;letter-spacing:2px;line-height:1.6;z-index:1;margin:10px 0}.cover>small{font-size:8px;letter-spacing:2px;z-index:1}.cover-play{position:absolute;left:12px;bottom:12px;font-size:9px;color:#d1e4e6}.cover-time{position:absolute;right:13px;bottom:12px;background:#07101988;border-radius:4px;padding:3px 5px;font-size:9px;color:#d5e1e8}.cover-mark{position:absolute;right:14px;top:14px;font-size:8px;color:#ccd2ca}.work-info{padding:15px}.work-info h3{font-size:13px;font-weight:500;margin:0 0 9px;line-height:1.6}.work-info p{font-size:10px;color:#8199ad;line-height:1.8;margin:6px 0 0}.work-badge{display:inline-block;font-size:9px;color:#8ed9c2;background:#19463b55;border:1px solid #315e52;padding:3px 7px;border-radius:4px}.work-badge.published{color:#a2c4ef;background:#1c3e6b44;border-color:#34547a}.latest-works .cover{height:150px}.latest-works .cover strong{font-size:17px}.latest-works .work-info{padding:12px}.latest-works .work-info h3{font-size:11px}.info-strip{padding:14px 17px;background:#15333766;border:1px solid #2e575d;color:#93bdc3;font-size:11px;line-height:1.9;border-radius:8px;margin-bottom:22px}.platform-detail{margin-top:22px}.platform-detail .metrics{margin-top:20px}.works-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.tabs button span{margin-left:6px;opacity:.6}.filter-label{font-size:11px;color:#8da3b8;display:flex;gap:9px;align-items:center}select{border:1px solid var(--line);border-radius:6px;background:#142437;padding:8px;font-size:11px}.preview-footnote{text-align:center;font-size:10px;color:#7790a3;margin:25px 0}.empty{padding:50px 20px;text-align:center;color:#829bb0;border:1px dashed #304758;border-radius:8px;font-size:12px;line-height:1.9;grid-column:1/-1}.service-card{padding:30px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:35px 0}.service-grid dt{font-size:11px;color:#8b9fb3;margin-bottom:10px}.service-grid dd{font-size:18px;margin:0;line-height:1.7}.service-grid dd small{font-size:11px;color:#7e96ac}.service-notes p{font-size:12px;color:#8fa5b9;line-height:2}.service-notes h3{font-size:15px;font-weight:500}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 25px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#69879a}footer i{font-style:normal;color:#536c82;margin-left:10px}dialog{width:min(530px,calc(100vw - 28px));background:#112033;color:var(--text);border:1px solid #426370;border-radius:13px;padding:28px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#030914c9}dialog h2{font-size:20px;font-weight:500}dialog>button{position:absolute;right:14px;top:10px;color:#b5cfda;font-size:26px}dialog>p{font-size:12px;line-height:1.9;color:#92b5c5}.video-placeholder{aspect-ratio:16/9;background:radial-gradient(ellipse,#204a51,#0c1826);border:1px solid #2e555b;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column}.video-placeholder span{font-size:40px;color:#8ce3d6}.video-placeholder b{font-size:13px;font-weight:400;margin:10px}.video-placeholder p{font-size:10px;color:#7195a7}.motion-on .orbit-point{animation:orbit-spin 30s linear infinite}.motion-on .ai-core{animation:core-float 6s ease-in-out infinite}.motion-on .status-dot{animation:pulse 3s ease-in-out infinite}.motion-on .hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#85efe208 50%,transparent 60%);animation:hero-sweep 12s linear infinite}.motion-on .metric,.motion-on .platform-card,.motion-on .work-card{transition:border-color .25s,transform .25s}.motion-on .work-card:hover{transform:translateY(-3px);border-color:#527f88}.motion-paused *,.motion-paused *:after{animation-play-state:paused!important}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes core-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(-5deg)}}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 14px #69e4d7}}@keyframes hero-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
