.home-page{color:#f7f8f5;--home-lime:#c8ff4b;--home-violet:#b77cff;--home-line:#ffffff1f;background:#06080c;min-height:100vh;overflow-x:hidden}.home-nav{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:20;background:#06080ceb;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(26px,3.4vw,66px);display:grid;position:relative}.home-logo{color:#fff;justify-self:start;align-items:center;text-decoration:none;display:inline-flex}.home-logo .brand-logo{width:160px;height:54px}.nav-links{align-self:stretch;gap:34px;display:flex}.nav-links a{color:#9ba0aa;align-items:center;gap:8px;font-size:14px;font-weight:650;text-decoration:none;display:flex;position:relative}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active svg{color:var(--home-lime)}.nav-links a.active:after{content:"";background:var(--home-lime);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #c8ff4bb3}.home-hero{background-image:linear-gradient(90deg,#05070bfa 0%,#05070be8 26%,#05070b47 55%,#05070b0d 100%),linear-gradient(#06080c00 74%,#06080c 100%),url(/home/shanchuang-hero.png);background-position:50%;background-size:cover;align-items:center;min-height:clamp(700px,72vh,820px);padding:36px clamp(30px,7.5vw,148px) 135px;display:flex;position:relative}.hero-copy{z-index:3;width:min(620px,48vw);animation:.7s both homeHeroIn;position:relative}.hero-kicker{color:var(--home-lime);letter-spacing:.1em;align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}.hero-copy h1{letter-spacing:-.055em;margin:22px 0 21px;font-size:clamp(52px,5vw,78px);line-height:1.08}.hero-copy h1 em{color:var(--home-violet);text-shadow:0 0 34px #b77cff40;font-style:normal}.hero-copy>p{color:#afb3bc;max-width:600px;margin:0;font-size:16px;line-height:1.8}.hero-actions{gap:14px;margin-top:32px;display:flex}.hero-actions button{background:var(--home-lime);color:#12180b;text-align:left;cursor:pointer;border:1px solid #c8ff4b8c;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:242px;min-height:72px;padding:12px 17px;transition:transform .18s,box-shadow .18s;display:grid;box-shadow:0 14px 42px #adec412e}.hero-actions button:hover{transform:translateY(-3px);box-shadow:0 18px 52px #adec4147}.hero-actions button.idea{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0d13c7;border-color:#b77cffa6}.hero-actions button span{gap:4px;display:grid}.hero-actions button b{font-size:16px}.hero-actions button small{opacity:.68;font-size:11px}.creation-track{z-index:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,28px);margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:36px;left:clamp(120px,10vw,160px);right:clamp(26px,5vw,98px)}.creation-track:before{content:"";z-index:-1;border-top:1px solid #c8ff4b5c;position:absolute;top:24px;left:6%;right:6%;box-shadow:0 0 14px #c8ff4b1f}.creation-track li{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:0;display:grid;position:relative}.creation-track li>svg:first-child{width:48px;height:48px;color:var(--home-lime);background:#06080cf0;border:1px solid #c8ff4b8c;border-radius:50%;flex:none;padding:11px;box-shadow:0 0 24px #c8ff4b1f}.creation-track span{gap:5px;min-width:0;display:grid}.creation-track b{color:#f2f4ef;font-size:14px}.creation-track b strong{color:var(--home-lime);font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;margin-right:3px;font-size:11px;font-weight:800}.creation-track small{color:#858b95;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.creation-track-arrow{color:#c8ff4bb8;filter:drop-shadow(0 0 7px #c8ff4b40);flex:none}.home-production-layout{background:#06080c;grid-template-columns:minmax(0,1fr);min-height:560px;padding:32px clamp(22px,3.3vw,64px) 96px clamp(120px,10vw,160px);display:grid}.home-identity-rail{z-index:19;background:0 0;border:0;flex-direction:column;align-items:center;gap:9px;width:80px;min-height:auto;padding:0;display:flex;position:fixed;bottom:clamp(20px,3vw,42px);left:18px}.identity-avatar{outline:1px solid var(--home-lime);color:#fff;border:2px solid #171c24;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:850;text-decoration:none;display:grid}.home-identity-rail>strong{text-overflow:ellipsis;align-self:center;max-width:100%;font-size:14px;overflow:hidden}.home-identity-rail>span{color:#9096a0;align-self:center;justify-items:center;gap:4px;display:grid}.identity-points small{color:var(--sc-points);align-items:center;gap:5px;font-size:11px;display:flex}.identity-points svg,.identity-points b{color:var(--sc-points)}.identity-points b{font-size:18px;line-height:1}.home-identity-rail>button{color:#eef0ec;cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;gap:7px;width:68px;min-height:52px;margin:8px 0 0;padding:5px 4px;display:grid;position:relative}.home-identity-rail>button span{font-size:10px}.home-identity-rail>button i{color:#fff;background:#f04455;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font:10px normal;display:grid;position:absolute;top:8px;right:8px}.home-projects{border:1px solid var(--home-line);background:#0a0d13;border-radius:15px;min-width:0;padding:28px 30px 34px}.home-projects>header{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.home-projects>header small{color:var(--home-lime);letter-spacing:.18em;font-size:9px}.home-projects h2{margin:5px 0 0;font-size:25px}.home-projects>header a{color:#c6cbd2;align-items:center;gap:7px;font-size:12px;text-decoration:none;display:flex}.home-projects>header a:hover{color:var(--home-lime)}.project-showcase{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.create-card,.film-card{border:1px solid var(--home-line);background:#0d1118;border-radius:12px;min-width:0;min-height:328px;overflow:hidden}.create-card{color:#979da7;cursor:pointer;place-content:center;justify-items:center;gap:9px;display:grid}.create-card svg{width:54px;height:54px;color:var(--home-lime);background:#171d25;border-radius:50%;padding:12px}.create-card b{color:#fff;font-size:15px}.create-card small{font-size:11px}.film-card{color:#fff;transition:transform .18s,border-color .18s;position:relative}.film-card:hover{border-color:#c8ff4b94;transform:translateY(-4px)}.film-card-link{color:#fff;grid-template-rows:210px 1fr;height:100%;text-decoration:none;display:grid}.film-art{background:radial-gradient(circle at 50% 30%,#ffffff24,#0000 38%),linear-gradient(145deg,#272044,#151224 70%);place-items:center;display:grid;position:relative;overflow:hidden}.film-card-2 .film-art{background:radial-gradient(circle at 50% 30%,#ffffff1f,#0000 38%),linear-gradient(145deg,#123a36,#0b201e 70%)}.film-card-3 .film-art{background:radial-gradient(circle at 50% 30%,#ffffff1f,#0000 38%),linear-gradient(145deg,#432127,#251216 70%)}.film-card-4 .film-art{background:radial-gradient(circle at 50% 30%,#ffffff1f,#0000 38%),linear-gradient(145deg,#203719,#101f0d 70%)}.film-art>span{color:#ffffffe6;text-shadow:0 10px 38px #00000047;font-size:68px;font-weight:850;transition:transform .28s}.film-card:hover .film-art>span{transform:scale(1.06)}.project-menu-trigger{z-index:3;color:#f4f5f2;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06080cc2;border:1px solid #ffffff29;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:10px;right:10px}.project-menu-trigger:hover,.project-menu-trigger[aria-expanded=true]{color:var(--home-lime);border-color:#c8ff4bad}.project-card-menu{z-index:4;background:#11161e;border:1px solid #303641;border-radius:10px;min-width:132px;padding:6px;position:absolute;top:50px;right:10px;box-shadow:0 16px 38px #00000075}.project-card-menu button{color:#ff7888;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;font-size:12px;display:flex}.project-card-menu button:hover{background:#ff5c701c}.project-card-menu button:disabled{cursor:wait;opacity:.55}.film-info{gap:5px;min-width:0;padding:12px 13px 11px;display:grid}.film-info>small,.film-info>time{color:#858b94;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.film-info>b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.message-layer{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000007a;position:fixed;inset:0}.message-drawer{background:#0d1118;border:1px solid #c8ff4b47;border-radius:16px;width:min(480px,100vw - 32px);max-height:min(720px,100vh - 40px);position:absolute;bottom:20px;left:20px;overflow:hidden;box-shadow:0 26px 90px #000000a6}.message-drawer>header{border-bottom:1px solid var(--home-line);justify-content:space-between;align-items:center;min-height:84px;padding:0 20px;display:flex}.message-drawer>header>div,.message-drawer>header span{align-items:center;gap:10px;display:flex}.message-drawer>header>div:first-child>svg{width:25px;height:25px;color:var(--home-lime)}.message-drawer>header span{flex-direction:column;align-items:start;gap:2px}.message-drawer>header small{color:#8c929d;font-size:12px}.message-drawer>header b{font-size:18px}.message-drawer>header button{color:#aeb4bc;background:0 0;border:0;align-items:center;gap:5px;padding:7px;font-size:13px;display:flex}.message-list{max-height:620px;overflow:auto}.message-list>button{color:#fff;text-align:left;background:#c8ff4b0a;border:0;border-bottom:1px solid #ffffff14;grid-template-columns:28px 1fr;gap:12px;width:100%;padding:20px;display:grid}.message-list>button.read{opacity:.66;background:0 0}.message-list>button>span{color:var(--home-lime)}.message-list>button>span svg{width:18px;height:18px}.message-list>button.warning>span{color:#ffad55}.message-list>button.success>span{color:#5fdfb2}.message-list>button div{gap:6px;min-width:0;display:grid}.message-list>button b{font-size:16px}.message-list>button p{color:#a6acb5;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.message-list>button time{color:#717883;font-size:11px}.message-empty{color:#7f8690;place-content:center;justify-items:center;gap:8px;min-height:270px;display:grid}.message-empty b{color:#d8dce0;font-size:16px}.message-empty span{font-size:13px}.home-notice{z-index:50;color:#eee5ff;background:#20172e;border:1px solid #b77cff8c;border-radius:9px;align-items:center;gap:9px;padding:11px 14px;display:flex;position:fixed;top:90px;right:24px}.home-loading{color:#8b919b;background:#06080c;place-content:center;justify-items:center;gap:15px;min-height:100vh;display:grid}.home-loading>.brand-logo{margin-bottom:4px}@keyframes homeHeroIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-copy,.film-card,.film-art img,.hero-actions button{transition:none;animation:none}}@media (max-width:1100px){.home-hero{background-position:56%;min-height:660px}.hero-copy{width:min(650px,68vw)}.creation-track{gap:12px}.creation-track li{grid-template-columns:44px minmax(0,1fr) auto;gap:9px}.creation-track li>svg:first-child{width:44px;height:44px;padding:10px}.creation-track small{display:none}.project-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.home-nav{grid-template-columns:1fr auto;height:68px;padding:0 18px}.home-logo .brand-logo{width:132px;height:46px}.nav-links{gap:14px}.nav-links a{gap:5px;font-size:12px}.nav-links a svg{width:14px;height:14px}.home-hero{background-position:63%;align-items:start;min-height:760px;padding:54px 20px 230px}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(42px,12vw,58px)}.hero-copy>p{font-size:14px}.hero-actions{display:grid}.hero-actions button{width:100%}.creation-track{grid-template-columns:1fr;gap:9px;padding-left:0;bottom:92px;left:88px;right:18px}.creation-track:before{border-top:0;border-left:1px solid #c8ff4b5c;inset:20px auto 20px 20px}.creation-track li{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:0}.creation-track li>svg:first-child{width:40px;height:40px;padding:9px}.creation-track-arrow,.creation-track small{display:none}.home-production-layout{grid-template-columns:1fr;padding:18px 12px 48px 88px}.home-identity-rail{flex-direction:column;gap:8px;width:72px;min-height:auto;padding:0;bottom:12px;left:8px;right:auto}.identity-avatar{width:30px;height:30px;font-size:13px}.home-identity-rail>button{width:64px;min-height:48px;margin:7px 0 0}.project-showcase{grid-template-columns:1fr 1fr}.home-projects{padding:18px}.home-projects h2{font-size:21px}.film-card-link{grid-template-rows:165px 1fr}.message-drawer{bottom:12px;left:16px}}@media (max-width:460px){.project-showcase{grid-template-columns:1fr}.home-projects>header{flex-direction:column;align-items:start;gap:10px}}