/* Theme surfaces are authored together; public pages keep their fixed appearance. */
:root{color-scheme:light;--ink:#253b44;--muted:#586a71;--accent:#b5442e;--canvas:#efede7;--panel:#fbfaf5e8;--card:#fffdf7;--glass:#ffffff42;--glass-edge:#ffffffc4;--selected:#e1ebeab8;--control:#ffffffa8;--edge:#3147511f;--warm:#f7e9dd;--shadow:#24394114}
html[data-theme=dark]{color-scheme:dark;--ink:#e3e9e7;--muted:#a3b3b8;--accent:#f0a48a;--canvas:#121d25;--panel:#1c2a33ef;--card:#24343e;--glass:#71909b15;--glass-edge:#b2c9d433;--selected:#acc9d526;--control:#31434b;--edge:#b2cbd426;--warm:#3e3633;--shadow:#050e1959}
body{background-color:var(--canvas);background-image:radial-gradient(ellipse at 0% 50%,#d5e4e06b,transparent 36%),radial-gradient(ellipse at 85% 95%,#ecc9b340,transparent 48%);color:var(--ink)}
html[data-theme=dark] body{background-image:radial-gradient(ellipse at 0% 50%,#3a646e35,transparent 36%),radial-gradient(ellipse at 85% 95%,#69534c26,transparent 48%)}
.shell{align-items:center;padding-bottom:30px}nav{align-self:center;background:linear-gradient(135deg,var(--glass),transparent 85%);border-color:var(--glass-edge);backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 0 var(--glass-edge),0 15px 32px var(--shadow)}
nav>a{color:var(--muted)}nav>a:hover{background:var(--glass);color:var(--ink)}nav a[aria-current=page]{background:var(--selected);color:var(--ink);box-shadow:inset 0 1px 0 var(--glass-edge),0 5px 15px var(--shadow)}nav a[aria-current=page] .nav-icon{color:var(--accent)}
#stage{background:var(--panel);border-color:var(--glass-edge)}.page-heading>.muted,.muted,.brand>.slogan,#sceneSwitch,.crumb,.choice span,section.block p{color:var(--muted)}.crumb a{color:var(--ink)}
#spaceName,button{background:var(--control);border-color:var(--edge)}button:hover{background:var(--selected)}button.primary{background:var(--accent);color:#fffaf5}html[data-theme=dark] button.primary{color:#231e1a}button.primary:hover{filter:brightness(.94)}
.header-tools{gap:12px}#themeToggle,#motionToggle,.entry-link{font-size:12px;padding:7px 10px;border:0;border-radius:10px;color:var(--muted);white-space:nowrap}#themeToggle{color:var(--ink);background:var(--selected)}
.choice{background:var(--card);border-color:transparent}.choice:hover{background:var(--selected)}.choice::after{color:var(--muted)}input:not([type=checkbox]),textarea,select{background:var(--control);border-color:var(--edge)}input::placeholder,textarea::placeholder{color:var(--muted)}.preview{background:var(--card);border-color:var(--edge)}section.block{border-color:var(--edge)}
#feed{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.feed-card,.feed-card:first-child{display:flex;flex-direction:column;align-items:stretch;padding:0;background:var(--card);border:0;border-radius:18px;overflow:hidden;min-width:0}.feed-card:first-child{box-shadow:inset 0 0 0 1px var(--edge)}
.feed-visual{margin:0;position:relative;overflow:hidden;aspect-ratio:2.7;background:var(--warm)}.feed-visual img{width:100%;height:100%;object-fit:cover;display:block}.feed-visual.artwork img{object-fit:cover;object-position:center 54%}.feed-visual figcaption{position:absolute;right:12px;bottom:10px;padding:3px 8px;background:#13222c99;color:#fff;font-size:11px;border-radius:5px;backdrop-filter:blur(6px)}
.feed-visual .dark-art{display:none}html[data-theme=dark] .feed-visual .light-art{display:none}html[data-theme=dark] .feed-visual .dark-art{display:block}
.feed-copy{padding:22px 24px 24px}.feed-card h2{font-size:21px;line-height:1.5;margin:12px 0 10px}.feed-copy>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;min-height:3.6em}.feed-card .tag{display:inline-block}.feed-card details{font-size:12px;color:var(--muted);margin:12px 0}.feed-card .actions{margin-top:18px}.feed-card .actions a{font-size:13px;padding:8px 13px;background:var(--control);color:var(--ink);border-color:var(--edge)}.feed-card:first-child .actions a{background:var(--selected);color:var(--accent)}
html[data-theme=dark] .tag{background:#364c57;color:#cadce2}html[data-theme=dark] .tag[data-type=content]{background:#594137;color:#f0bb9f}html[data-theme=dark] .tag[data-type=opportunity]{background:#453f59;color:#d1c2e9}html[data-theme=dark] .tag[data-type=execution]{background:#324f47;color:#b7d8c8}
#feedMore button,#feedEnd{color:var(--muted)}
.assistant{position:fixed;right:30px;bottom:26px;display:flex;align-items:center;z-index:12;border-radius:22px;padding:5px;background:var(--panel);border:1px solid var(--glass-edge);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 9px 26px var(--shadow);max-width:calc(100vw - 16px)}
.drag-handle{display:grid;place-items:center;width:22px;height:38px;cursor:grab;padding:3px;border:0;background:transparent;color:var(--muted);touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:12px;height:22px;fill:currentColor}
.ai{position:static;min-height:40px;padding:5px 10px 5px 3px;border:0;border-radius:16px;background:transparent;color:var(--ink);box-shadow:none;font-size:13px;letter-spacing:.04em;gap:9px}.ai:hover{background:var(--selected);box-shadow:none}.ai-symbol{background:var(--selected);color:var(--accent);width:30px;height:30px;border-radius:50%}.ai>svg{width:16px;color:var(--muted);margin-left:2px}
dialog{background:var(--panel);color:var(--ink);box-shadow:0 24px 90px var(--shadow)}.dialog-heading+#aiContext{color:var(--muted)}.dialog-mark{color:var(--accent)}

@font-face{font-family:YaoshiXiaowei;src:url('assets/fonts/cn10.ttf');font-weight:400;font-display:swap}
@font-face{font-family:YaoshiLatin;src:url('assets/fonts/en10.ttf');font-weight:100 900;font-display:swap}
:root{--light-canvas:#efede7;--canvas:var(--light-canvas)}
body{font-family:YaoshiLatin,'LXGW WenKai',sans-serif;font-size:17px;line-height:1.65;font-synthesis:none}
h1,.choice strong,.brand strong,.dialog-heading h2{font-family:YaoshiLatin,YaoshiXiaowei,serif;font-weight:400}
h2,h3,nav>a{font-weight:700}.brand-ai{font-family:YaoshiLatin,sans-serif;font-weight:500}.brand strong{letter-spacing:.03em;font-size:29px}.brand .brand-mark{width:43px;height:43px}.brand>.slogan{font-family:YaoshiXiaowei,serif;font-size:16px;letter-spacing:.02em}.brand{gap:13px}header{height:94px;padding-inline:clamp(24px,3vw,64px)}.header-tools{gap:14px}#spaceName{font-size:15px}#themeToggle,#motionToggle,.entry-link{font-size:13px}
.shell{width:100%;max-width:1560px;margin:0 auto;grid-template-columns:148px minmax(0,1fr);gap:42px;padding:10px 36px 38px;align-items:center}
nav{width:148px;padding:12px;gap:10px;border-radius:28px}nav>a{min-height:108px;font-size:20px;letter-spacing:.06em;gap:10px}.nav-icon{width:34px;height:34px}nav .nav-icon svg{width:34px;height:34px}
#stage{border-radius:24px}.page-intro{padding:28px 34px 0}.page-heading{margin:4px 0 23px}h1{font-size:38px;line-height:1.35;margin-bottom:10px}.page-heading>.muted{font-size:16px}.page-scroll{padding:0 34px 28px}.page-meta:empty{display:none}
#feed{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.feed-visual{aspect-ratio:3.1;max-height:176px}.feed-copy{padding:18px 20px 20px}.feed-card h2{font-size:21px;line-height:1.5;margin:9px 0}.feed-copy>p{font-size:16px;line-height:1.65;min-height:0}.feed-card details{font-size:14px;margin:10px 0}.feed-card .tag{font-size:13px}.feed-card .actions{margin-top:14px}.feed-card .actions a{font-size:15px;padding:7px 12px}.choice{padding:24px 60px 24px 26px}.choice strong{font-size:28px}.choice span,.muted,section.block p{font-size:16px}.choices{gap:16px}.ai{font-size:16px}.assistant{right:28px;bottom:24px}button,input,select,textarea{font-size:17px}
[hidden]{display:none!important}.public-mode>header,.public-mode>.shell,.public-mode>.assistant{display:none}.public-mode #publicStage{height:100dvh;width:100%;overflow:hidden}.public-mode{background:var(--light-canvas)}
.public-experience{position:relative;height:100%;isolation:isolate}.login-screen{height:100%;display:flex;flex-direction:column;overflow-y:auto;padding:26px clamp(24px,5vw,90px);background:var(--light-canvas);color:#253b44;--ink:#253b44;--muted:#586970;--accent:#a3442c;--control:#fffc;--edge:#253b4425;color-scheme:light}
.back-welcome{font-size:15px;color:#586970;align-self:flex-start}.login-content{width:100%;max-width:1320px;margin:auto;display:flex;flex-direction:column;gap:clamp(32px,5vh,72px);padding:28px 0}.login-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center;min-height:330px}#sloganSlot{min-height:240px;display:flex;align-items:center;justify-content:center}
.shared-slogan{width:max-content;max-width:100%;font:400 clamp(38px,4.3vw,72px)/1.5 YaoshiXiaowei,serif;letter-spacing:.025em;margin:0;color:#253b44}.shared-slogan span{display:block;white-space:nowrap}.shared-slogan span+span{color:#9d462c}
.is-welcome .shared-slogan:not(.in-slot){position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(42px,6.6vw,112px);z-index:5;color:#f2ece0}.is-welcome .shared-slogan:not(.in-slot) span+span{color:#cbad85}
.login-card{justify-self:center;max-width:480px;padding:30px 36px 36px;border-radius:16px;background:#fff9;border:1px solid #ffffffb0;width:100%}.login-tabs{display:flex;gap:26px;margin-bottom:20px}.login-tabs button{background:transparent;padding:0 0 9px;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:19px;color:#68777a}.login-tabs button[aria-pressed=true]{color:#253b44;border-color:#a3442c}.login-card label{margin:13px 0 7px;font-size:16px;color:#41585f}.login-card input{background:#fff9;color:#253b44;border:1px solid #253b4425;min-height:47px;padding:10px 13px}.login-submit{width:100%;margin-top:18px;display:flex;align-items:center;justify-content:space-between;color:#fff!important;background:#a3442c!important}.login-card .code-row{display:flex;gap:8px}.code-row input{min-width:0}.code-row button{font-size:14px;white-space:nowrap;padding:8px}#loginError{font-size:14px;color:#a3442c;margin:8px 0 0}#loginError:empty{display:none}.login-footer{font:400 19px YaoshiXiaowei,serif;margin:0;text-align:center;max-width:none;color:#667980}
.login-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.login-cases article{min-width:0}.login-cases video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;background:#18262e;border-radius:10px}.login-cases h2{font-family:YaoshiLatin,'LXGW WenKai',sans-serif;font-size:17px;font-weight:400;margin:10px 0 0;color:#41585f}
.curtain-layer{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.curtain{position:absolute;top:0;width:50.1%;height:100%;filter:drop-shadow(12px 0 20px #0009)}.curtain-left{left:0}.curtain-right{right:0;transform:scaleX(-1)}#sloganDust{position:fixed;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}
.curtain-trigger{position:fixed;bottom:9%;left:50%;transform:translateX(-50%);font:400 25px YaoshiXiaowei,serif;letter-spacing:.3em;border:0;background:transparent;color:#e7d6bc;z-index:7;padding:16px 26px;box-shadow:none}.curtain-trigger span{display:block;font:18px YaoshiLatin,sans-serif;letter-spacing:0;margin-top:12px;opacity:.7}.curtain-trigger:hover{background:transparent;color:#fff;box-shadow:none}.welcome-motion{position:fixed;bottom:22px;right:26px;z-index:7;background:transparent;color:#b3b9b8;border:0;font-size:13px}.welcome-motion:hover{background:#ffffff15}.is-opening .curtain-trigger,.is-opening .welcome-motion{opacity:0;pointer-events:none;transition:opacity .8s}.is-login .shared-slogan{position:static}
@media(min-width:1800px){.shell{max-width:1660px;gap:52px;padding-inline:46px}.feed-visual{max-height:185px}.login-content{max-width:1480px}.login-top{min-height:410px}.login-cases{gap:26px}.login-card{padding:32px 34px}.login-screen{padding-block:36px}}
@media(max-width:1100px){header{height:88px;padding-inline:24px}.brand>.slogan{display:none}.shell{grid-template-columns:124px minmax(0,1fr);gap:24px;padding-inline:22px}nav{width:124px}nav>a{font-size:18px;min-height:98px}.page-intro{padding-inline:24px}.page-scroll{padding-inline:24px}.login-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.shared-slogan{font-size:clamp(30px,4vw,44px)}.login-cases{gap:14px}.feed-card h2{font-size:20px}.feed-copy{padding:16px}.header-tools{gap:5px}}
@media(max-width:760px){header{height:80px;padding-inline:18px}.brand strong{font-size:25px}.brand .brand-mark{width:36px;height:36px}.header-tools .entry-link,#motionToggle{display:none}.shell{display:block;padding:0 12px 108px}nav{position:fixed;width:auto;left:16px;right:16px;bottom:14px;top:auto;height:70px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;gap:8px}nav>a{min-height:0;flex-direction:row;font-size:18px;gap:9px;padding:8px}.nav-icon,nav .nav-icon svg{width:26px;height:26px}.assistant{bottom:96px;right:18px}.page-intro{padding:22px 20px 0}.page-scroll{padding:0 20px 26px}h1{font-size:34px}#feed{grid-template-columns:1fr}.feed-visual{max-height:170px}.page-heading>.muted{font-size:15px}.login-screen{padding:20px}.login-content{max-width:480px;gap:28px;padding:30px 0}.login-top{grid-template-columns:1fr;gap:22px;min-height:0}#sloganSlot{min-height:110px}.shared-slogan{font-size:clamp(29px,8vw,43px)}.is-welcome .shared-slogan:not(.in-slot){font-size:clamp(33px,9vw,64px)}.login-card{padding:22px}.login-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.login-cases h2{font-size:15px}.login-footer{padding-bottom:12px}.curtain-trigger{font-size:24px}.welcome-motion{font-size:12px;right:12px}}
@media(max-height:720px) and (min-width:761px){.login-screen{padding-block:16px}.login-content{padding:15px 0;gap:24px}.login-top{min-height:0}.login-card{padding:18px 24px}.login-card input{min-height:40px;padding:7px 12px}.login-tabs{margin-bottom:10px}.login-cases video{max-height:160px}.login-footer{display:none}.shell{padding-bottom:24px}nav>a{min-height:88px}}

body>header{width:100%;max-width:1660px;margin-inline:auto;padding-inline:46px}@media(max-width:1100px){body>header{padding-inline:24px}}@media(max-width:760px){body>header{padding-inline:18px}}

html[data-theme=dark] .brand-mark path:nth-child(1){fill:#7596a0}html[data-theme=dark] .brand-mark path:nth-child(2){fill:#486a75}html[data-theme=dark] .brand-mark path:nth-child(3){fill:#335461}

/* Clear glass belongs to controls; reading surfaces retain contrast. */
:root{--glass-surface:#ffffff24;--glass-rim:#ffffffc9;--glass-shadow:#253f4a14}
html[data-theme=dark]{--glass-surface:#bddbe00c;--glass-rim:#d3e9ed52;--glass-shadow:#00000038}
nav,.assistant,.login-card{background:linear-gradient(125deg,#ffffff30,transparent 35%,#ffffff0a 65%,#ffffff24),var(--glass-surface);border:1px solid var(--glass-rim);backdrop-filter:blur(14px) saturate(175%);-webkit-backdrop-filter:blur(14px) saturate(175%);box-shadow:inset 1px 1px 0 #ffffff80,inset -1px -1px 0 #ffffff22,0 12px 32px var(--glass-shadow)}
nav a[aria-current=page]{background:linear-gradient(135deg,#ffffff5c,#c1d7d72b);box-shadow:inset 0 1px 0 var(--glass-rim),0 4px 12px var(--glass-shadow)}
html[data-theme=dark] nav a[aria-current=page]{background:linear-gradient(135deg,#b7d9de29,#b7d9de08)}
.login-screen{background-image:radial-gradient(ellipse at 72% 35%,#bdd7d342,transparent 42%),radial-gradient(ellipse at 14% 65%,#dfb18b25,transparent 45%)}
.login-card{border-radius:26px;--glass-surface:#ffffff24;--glass-rim:#ffffffc9;--glass-shadow:#253f4a14}
.login-card input{background:#ffffff50;box-shadow:inset 0 1px 3px #253b4406}
.login-card input:focus{background:#ffffffa3;box-shadow:0 0 0 5px #9cbcb421}
nav>a,.nav-icon,button,input,textarea,select,.feed-card,.login-cases video,.assistant,.login-card,.feed-visual img,.feed-card .actions a{transition:background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease}
nav>a:hover .nav-icon{transform:translateY(-3px)}
nav>a:active .nav-icon{transform:scale(.92)}
.assistant:hover,.login-card:focus-within{box-shadow:inset 1px 1px 0 #ffffffb0,inset -1px -1px 0 #ffffff38,0 16px 40px var(--glass-shadow),0 0 24px #a4c9c214}
.feed-card:hover{box-shadow:0 9px 24px var(--shadow)}
.feed-card:hover .feed-visual img{transform:scale(1.025)}
.login-cases video:hover{transform:translateY(-3px);box-shadow:0 12px 24px #253b441a}
.login-submit{position:relative;overflow:hidden}
.login-submit::after{content:'';position:absolute;inset:-60% -30%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,#ffffff28 50%,transparent 60%);transform:translateX(-110%);transition:transform .8s ease}
.login-submit:hover::after,.login-submit:focus-visible::after{transform:translateX(110%)}
.login-submit:active,.feed-card .actions a:active{transform:scale(.98)}
dialog[open]{animation:glass-enter .32s cubic-bezier(.2,.7,.2,1)}
dialog[open]::backdrop{animation:veil-enter .32s ease}
@keyframes glass-enter{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@keyframes veil-enter{from{opacity:0}to{opacity:1}}

/* One image layer below all glass, with 72% surface transparency. */
body{isolation:isolate;background:var(--canvas)}
html[data-theme=dark] body{background:var(--canvas)}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('assets/workspace-backdrop.svg?v=9') center/cover no-repeat}
html[data-theme=dark] body::before{filter:brightness(.23) saturate(.75)}
body.public-mode::before{filter:none}
:root{--surface-glass:rgb(255 255 255 / 28%)}
html[data-theme=dark]{--surface-glass:rgb(18 18 18 / 28%)}
nav,#stage,.assistant,.login-card{background:var(--surface-glass);backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%);border:1px solid var(--glass-rim);box-shadow:inset 1px 1px 0 #ffffff80,inset -1px -1px 0 #ffffff18,0 14px 40px var(--glass-shadow)}
#stage main,.page-ghost{background:transparent}
.login-screen{background:transparent;--surface-glass:rgb(255 255 255 / 28%)}
.login-content{gap:clamp(68px,9vh,120px)}
@media(max-width:760px){.login-content{gap:52px}}
@media(max-height:720px) and (min-width:761px){.login-content{gap:44px}}

/* Inner cards use the same neutral glass tint as their outer frame. */
.feed-card,.feed-card:first-child{background:var(--surface-glass);border:1px solid var(--glass-rim);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff55,0 5px 18px var(--glass-shadow)}
.feed-copy{background:transparent}

.reveal-shade{position:fixed;inset:0;z-index:4;background:#10181c;opacity:.55;pointer-events:none}
.choice{background:var(--surface-glass);border:1px solid var(--glass-rim);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff55,0 5px 18px var(--glass-shadow)}
.choice:hover{background:var(--surface-glass);box-shadow:inset 0 1px 0 var(--glass-rim),0 9px 26px var(--glass-shadow)}