:root { --ink:#15211d; --paper:#f2f0e9; --lime:#d7ff43; --muted:#75807a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; }
.nav { position:absolute; z-index:5; top:0; left:0; width:100%; height:94px; padding:0 clamp(24px,6vw,88px); display:flex; align-items:center; justify-content:flex-end; }
.brand { font-size:31px; font-weight:900; letter-spacing:-2px; }
.brand span,.hero h2 span,.contact h2 span { color:#8aa900; }
.navLinks { display:flex; gap:34px; font-size:14px; font-weight:700; }
.navLinks a { transition:opacity .2s; }
.navLinks a:hover { opacity:.55; }
.hero { min-height:100vh; padding:clamp(140px,20vh,210px) clamp(24px,9vw,130px) 80px; position:relative; display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
.hero:after { content:""; position:absolute; right:-7vw; top:8vh; width:40vw; height:40vw; border-radius:50%; border:1px solid rgba(21,33,29,.08); box-shadow:0 0 0 7vw rgba(21,33,29,.018),0 0 0 14vw rgba(21,33,29,.014); z-index:0; }
.hero>:not(.recordPlayer) { position:relative; z-index:2; }
.heroEyebrow { display:flex; align-items:center; gap:11px; font-size:13px; letter-spacing:3px; font-weight:700; }
.heroEyebrow span { display:block; width:34px; height:3px; background:#8aa900; }
.hero h2 { font-size:clamp(54px,8.4vw,126px); line-height:.94; letter-spacing:-.075em; margin:28px 0 32px; max-width:1100px; }
.heroCopy { max-width:610px; font-size:clamp(17px,1.55vw,22px); color:#51605a; line-height:1.8; margin:0; }
.namePlaceholder { color:var(--ink); font-weight:800; border-bottom:5px solid var(--lime); }
.heroActions { display:flex; flex-wrap:wrap; gap:13px; margin-top:42px; }
.button { min-height:54px; padding:0 26px; display:inline-flex; align-items:center; justify-content:center; gap:25px; font-size:14px; font-weight:800; }
.primary { background:var(--ink); color:white; }
.primary span { color:var(--lime); font-size:20px; }
.secondary { border:1px solid #aeb4af; }
.scrollHint { position:absolute; right:6vw; bottom:42px; display:flex; align-items:center; gap:15px; color:#68736e; font-size:11px; writing-mode:vertical-rl; letter-spacing:2px; }
.scrollHint i { height:45px; width:1px; background:#68736e; }
.section { padding:120px clamp(24px,9vw,130px); }
.sectionLabel { font-size:12px; font-weight:800; letter-spacing:2px; margin-bottom:58px; color:#718078; }
.aboutGrid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(60px,10vw,150px); }
.about h2,.work h2,.contact h2 { margin:0; font-size:clamp(44px,5.8vw,82px); line-height:1.02; letter-spacing:-.055em; }
.aboutText { padding-top:6px; }
.aboutText>p { margin:0 0 22px; font-size:17px; line-height:1.9; color:#4e5c56; max-width:620px; }
.skillList { border-top:1px solid #c9ccc5; margin-top:45px; display:grid; grid-template-columns:1fr 1fr; }
.skillList span { padding:17px 5px; border-bottom:1px solid #c9ccc5; font-size:14px; font-weight:700; display:flex; gap:16px; }
.skillList span:nth-child(odd) { margin-right:20px; }
.skillList b { font-size:10px; color:#8aa900; }
.work { background:var(--ink); color:white; }
.sectionLabel.light { color:#9aaba3; }
.workIntro { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:65px; }
.workIntro p { max-width:400px; margin:0; color:#9eaaa4; line-height:1.7; }
.project { display:grid; grid-template-columns:80px 1fr 60px; gap:20px; padding:37px 0; border-top:1px solid #42504a; align-items:center; transition:padding .25s,background .25s; }
.project:last-child { border-bottom:1px solid #42504a; }
.project:hover { padding-left:18px; background:rgba(255,255,255,.025); }
.projectNumber { color:var(--lime); font-size:12px; font-weight:800; }
.project h3 { font-size:clamp(25px,3vw,39px); margin:0 0 12px; letter-spacing:-.035em; }
.project p { color:#a9b4af; margin:0 0 17px; max-width:650px; line-height:1.7; }
.tags { display:flex; flex-wrap:wrap; gap:8px; }
.tags span { border:1px solid #52605a; padding:6px 10px; font-size:11px; color:#c1cac5; }
.projectArrow { font-size:30px; text-align:right; color:var(--lime); }
.worldLogoTrigger { position:absolute; z-index:30; top:22px; left:clamp(24px,6vw,88px); width:54px; height:54px; padding:0; border:0; display:grid; place-items:center; background:transparent; color:var(--ink); cursor:pointer; transition:opacity .25s,transform .25s; -webkit-tap-highlight-color:transparent; }
.worldLogoGlyph { position:relative; z-index:2; font-size:31px; font-weight:900; line-height:1; letter-spacing:-2px; transition:transform .35s,color .35s; }
.worldLogoGlyph span { color:#8aa900; }
.worldLogoOrbit { position:absolute; inset:1px; border:1px solid rgba(21,33,29,.18); border-radius:50%; opacity:.55; transition:opacity .3s,transform .42s,border-color .3s; }
.worldLogoOrbit:after { content:""; position:absolute; top:4px; right:6px; width:6px; height:6px; border-radius:50%; background:#8aa900; box-shadow:0 0 10px rgba(138,169,0,.6); }
.worldLogoHint { position:absolute; left:62px; top:50%; width:max-content; padding-left:12px; border-left:1px solid rgba(21,33,29,.2); text-align:left; opacity:0; transform:translate(-6px,-50%); pointer-events:none; transition:opacity .25s,transform .25s; }
.worldLogoHint small { display:block; margin-bottom:3px; color:#7d8983; font-size:7px; font-weight:900; letter-spacing:1.4px; }
.worldLogoHint b { font-size:10px; letter-spacing:.4px; }
.worldLogoTrigger:hover { transform:translateY(-2px); }
.worldLogoTrigger:hover .worldLogoOrbit,.worldLogoTrigger.isOpening .worldLogoOrbit { opacity:1; border-color:#8aa900; transform:rotate(90deg) scale(1.08); }
.worldLogoTrigger:hover .worldLogoHint { opacity:1; transform:translate(0,-50%); }
.worldLogoTrigger.isOpening .worldLogoGlyph { transform:scale(.72) rotate(-12deg); color:#8aa900; }
.worldLogoTrigger:focus-visible { outline:3px solid #8aa900; outline-offset:5px; border-radius:50%; }
.worldLogoTrigger.isHidden { opacity:0; pointer-events:none; }
.entertainmentWorld { position:fixed; z-index:100; inset:0; overflow:hidden; color:#f2f0e9; background:radial-gradient(circle at 82% 16%,rgba(215,255,67,.12),transparent 26%),linear-gradient(145deg,#17251f,#080e0c 72%); animation:worldReveal .45s cubic-bezier(.2,.8,.2,1) both; }
.entertainmentWorld[hidden] { display:none; }
@keyframes worldReveal { from { opacity:0; clip-path:circle(0 at 7% 6%); } to { opacity:1; clip-path:circle(150vmax at 7% 6%); } }
.worldHeader { height:82px; padding:0 clamp(20px,4vw,62px); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(255,255,255,.13); }
.worldHeader button { color:inherit; border:0; background:transparent; cursor:pointer; }
.worldBrand { justify-self:start; padding:0; font-size:18px; font-weight:900; letter-spacing:-.5px; }
.worldBrand span { color:var(--lime); }
.worldBreadcrumb { display:flex; align-items:center; gap:9px; color:#aebbb4; font-size:10px; font-weight:800; letter-spacing:1.5px; }
.worldBreadcrumb i { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 11px rgba(215,255,67,.75); }
.worldExit { justify-self:end; padding:9px 0; font-size:11px; font-weight:800; letter-spacing:.5px; }
.worldExit span { margin-left:10px; color:var(--lime); }
.worldLobby { min-height:calc(100dvh - 82px); padding:clamp(38px,6vw,82px) clamp(24px,6vw,90px); display:grid; grid-template-columns:.75fr 1.25fr; align-items:start; gap:clamp(40px,7vw,110px); overflow:auto; }
.worldLobby[hidden],.worldRoom[hidden] { display:none; }
.lobbyIntro>span { color:var(--lime); font-size:10px; font-weight:900; letter-spacing:2px; }
.lobbyIntro h2 { margin:22px 0 28px; font-size:clamp(58px,7.5vw,112px); line-height:.88; letter-spacing:-.075em; }
.lobbyIntro h2 b { color:var(--lime); font-weight:inherit; }
.lobbyIntro p { max-width:430px; margin:0; color:#aab7b0; font-size:15px; line-height:1.8; }
.roomCards { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.roomCard { position:relative; min-height:clamp(300px,34vh,380px); padding:26px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:#1d2d27; color:white; text-align:left; cursor:pointer; transition:transform .3s,border-color .3s; }
.roomCard:hover { transform:translateY(-8px); border-color:rgba(215,255,67,.65); }
.roomNumber { position:absolute; top:24px; right:24px; color:#93a29a; font-size:9px; font-weight:900; letter-spacing:1.5px; }
.roomMeta { display:block; margin-top:28px; color:var(--lime); font-size:9px; font-weight:900; letter-spacing:1.3px; }
.roomCard h3 { margin:10px 0 12px; font-size:clamp(34px,4vw,58px); line-height:1; letter-spacing:-.05em; }
.roomCard p { min-height:48px; margin:0; color:#aebbb4; font-size:12px; line-height:1.65; }
.roomEnter { position:absolute; left:26px; right:26px; bottom:24px; padding-top:16px; border-top:1px solid rgba(255,255,255,.16); display:flex; justify-content:space-between; color:#dce3df; font-size:11px; font-weight:800; }
.roomEnter b { color:var(--lime); font-size:16px; }
.arcadeMachine { position:relative; width:142px; height:176px; margin:28px auto 8px; display:block; border:9px solid #0e1714; border-radius:16px 16px 9px 9px; background:#d7ff43; box-shadow:14px 18px 0 rgba(0,0,0,.2); transform:rotate(-3deg); }
.arcadeMachine:after { content:""; position:absolute; left:-22px; right:-22px; bottom:-16px; height:51px; border:8px solid #0e1714; background:#2b3b34; clip-path:polygon(8% 0,92% 0,100% 100%,0 100%); }
.arcadeMachine i { position:absolute; left:14px; right:14px; top:16px; height:67px; display:grid; place-items:center; border:7px solid #0e1714; background:#16231e; color:var(--lime); font:900 12px Arial; letter-spacing:2px; }
.arcadeMachine b { position:absolute; z-index:2; left:32px; bottom:21px; width:26px; height:26px; border-radius:50%; background:#ff7b6d; box-shadow:0 0 0 5px #111a17; }
.arcadeMachine em { position:absolute; z-index:2; right:23px; bottom:11px; width:8px; height:45px; border-radius:99px; background:#101815; transform:rotate(16deg); }
.arcadeMachine strong { position:absolute; z-index:3; right:14px; bottom:48px; width:25px; height:25px; border-radius:50%; background:#8fdccd; box-shadow:0 0 0 5px #111a17; }
.screenCard { background:#222520; }
.miniScreen { position:relative; width:90%; aspect-ratio:16/10; margin:45px auto 22px; display:block; border:8px solid #090d0b; background:linear-gradient(145deg,#f2f0e9,#aeb8b1); box-shadow:0 20px 35px rgba(0,0,0,.25); }
.miniScreen:before { content:"正阳门下"; position:absolute; inset:0; display:grid; place-items:center; color:#16211d; font:900 20px Arial,"PingFang SC",sans-serif; letter-spacing:2px; }
.miniScreen i,.miniScreen b,.miniScreen em { position:absolute; bottom:-25px; width:20%; height:12px; border-radius:10px 10px 2px 2px; background:#56645d; }
.miniScreen i { left:12%; }.miniScreen b { left:40%; }.miniScreen em { right:12%; }
.worldRoom { height:calc(100dvh - 82px); overflow:auto; padding:20px clamp(18px,4vw,60px) 50px; }
.roomHeader { min-height:45px; margin:0 auto 14px; width:min(1100px,100%); display:flex; align-items:center; justify-content:space-between; color:#8f9e96; font-size:9px; font-weight:900; letter-spacing:1.5px; }
.roomHeader button { padding:9px 0; border:0; background:transparent; color:#e7ece9; font:800 11px Arial,"PingFang SC",sans-serif; cursor:pointer; }
.gameSwitcher { width:min(1100px,100%); margin:0 auto 24px; display:flex; gap:8px; border-bottom:1px solid rgba(255,255,255,.13); }
.gameSwitcher button { position:relative; min-height:52px; padding:0 20px 13px; border:0; background:transparent; color:#7f8e87; font:800 13px Arial,"PingFang SC",sans-serif; cursor:pointer; }
.gameSwitcher button:after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:var(--lime); transform:scaleX(0); transition:transform .2s; }
.gameSwitcher button.isActive { color:white; }
.gameSwitcher button.isActive:after { transform:scaleX(1); }
.gameSwitcher small { margin-left:8px; color:#74827b; font-size:9px; letter-spacing:1px; }
.growthGame { width:min(1100px,100%); margin:0 auto; }
.gameIntro { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:28px; }
.gameKicker { display:inline-block; margin-bottom:12px; color:#91a098; font-size:10px; font-weight:900; letter-spacing:2px; text-transform:uppercase; }
.gameIntro h2 { margin:0; color:white; font-size:clamp(46px,6vw,82px); line-height:.9; letter-spacing:-.07em; }
.gameIntro h2 span { color:var(--lime); font-size:.25em; vertical-align:top; margin-left:8px; letter-spacing:0; }
.gameIntro p { max-width:420px; margin:0; color:#a9b5af; font-size:14px; line-height:1.7; }
.gameShell { border-radius:28px; padding:18px; background:#14211d; color:white; box-shadow:0 34px 70px rgba(21,33,29,.2); }
.gameTopbar { min-height:74px; padding:0 22px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
.gameTopbar>div:first-child { justify-self:start; }
.gameTopbar>div:last-child { justify-self:end; text-align:right; }
.gameTopbar span { display:block; margin-bottom:4px; color:#91a098; font-size:9px; font-weight:800; letter-spacing:1.5px; }
.gameTopbar strong { color:var(--lime); font-size:21px; letter-spacing:1px; font-variant-numeric:tabular-nums; }
.gameSignal { display:flex; align-items:center; gap:9px; color:#bdc8c2; font-size:11px; font-weight:800; letter-spacing:1px; }
.gameSignal i { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px rgba(215,255,67,.85); }
.gameSignal em { font-style:normal; }
.gameStage { position:relative; overflow:hidden; border-radius:18px; border:1px solid rgba(255,255,255,.1); background:#0d1714; }
.gameStage canvas { display:block; width:100%; height:auto; aspect-ratio:5/3; cursor:crosshair; touch-action:manipulation; outline:none; }
.gameStage canvas:focus-visible { box-shadow:inset 0 0 0 3px var(--lime); }
.gameOverlay { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:30px; background:rgba(8,16,13,.72); backdrop-filter:blur(5px); }
.gameOverlay[hidden] { display:none; }
.overlayIndex { color:var(--lime); font-size:10px; font-weight:900; letter-spacing:2px; }
.gameOverlay h3 { margin:16px 0 15px; font-size:clamp(36px,5vw,70px); line-height:.98; letter-spacing:-.055em; }
.gameOverlay p { margin:0 0 24px; color:#bdc8c2; font-size:14px; line-height:1.75; }
.gameOverlay p strong { color:var(--lime); font-size:1.2em; }
.gameOverlay button,.gameOverlay a { min-height:50px; padding:0 24px; border:0; display:inline-flex; align-items:center; justify-content:center; gap:24px; background:var(--lime); color:var(--ink); font:800 13px Arial,"PingFang SC",sans-serif; cursor:pointer; }
.gameOverlay button b { font-size:18px; }
.overlayActions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.overlayActions a { background:transparent; color:white; border:1px solid #64736c; }
.gameLegend { min-height:62px; padding:12px 22px 0; display:flex; align-items:center; flex-wrap:wrap; gap:18px 28px; color:#9ca9a2; font-size:10px; font-weight:700; letter-spacing:.5px; }
.gameLegend span { display:flex; align-items:center; gap:8px; }
.gameLegend i { width:8px; height:8px; border-radius:2px; }
.gameLegend .positive { background:var(--lime); }
.gameLegend .negative { background:#ff7b6d; }
.gameLegend b { margin-left:auto; color:#d9dfdc; font-weight:800; }
.strategyGame { width:min(1100px,100%); margin:0 auto; }
.strategyHero { display:flex; align-items:end; justify-content:space-between; gap:44px; margin-bottom:22px; }
.strategyHero>div>span { display:inline-block; margin-bottom:10px; color:var(--lime); font-size:9px; font-weight:900; letter-spacing:2px; }
.strategyHero h2 { margin:0; color:white; font-size:clamp(38px,5vw,67px); line-height:.92; letter-spacing:-.06em; }
.strategyHero p { max-width:440px; margin:0; color:#a9b5af; font-size:13px; line-height:1.7; }
.strategyDashboard { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid rgba(255,255,255,.13); border-radius:18px; overflow:hidden; background:rgba(255,255,255,.035); }
.strategyDashboard>div { min-height:78px; padding:15px 18px; border-right:1px solid rgba(255,255,255,.1); }
.strategyDashboard>div:last-child { border-right:0; }
.strategyDashboard span { display:block; margin-bottom:7px; color:#84928b; font-size:9px; font-weight:800; letter-spacing:1px; }
.strategyDashboard strong { color:white; font-size:24px; font-variant-numeric:tabular-nums; }
.strategyDashboard small { margin-left:5px; color:var(--lime); font-size:9px; }
.strategyProgress { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin:13px 0 20px; }
.strategyProgress i { height:3px; border-radius:4px; background:#34413b; transition:background .2s,box-shadow .2s; }
.strategyProgress i.isDone { background:#8fac21; }
.strategyProgress i.isCurrent { background:var(--lime); box-shadow:0 0 13px rgba(215,255,67,.6); }
.strategyBoard { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:18px; align-items:stretch; }
#strategy-content,.strategyWelcome,.strategyScenario,.strategyChoices,.strategyResult { min-width:0; grid-column:1; }
.strategyBoard>.strategyLog { grid-column:2; grid-row:1 / span 2; }
.strategyWelcome,.strategyResult,.strategyScenario { padding:clamp(25px,4vw,46px); border-radius:22px; background:#f2f0e9; color:#17221e; }
.strategyWelcome>span,.strategyResult>span,.strategyScenario>span { color:#7b8f18; font-size:9px; font-weight:900; letter-spacing:1.6px; }
.strategyWelcome h3,.strategyResult h3,.strategyScenario h3 { margin:15px 0 14px; font-size:clamp(28px,4vw,50px); line-height:1.02; letter-spacing:-.05em; }
.strategyWelcome p,.strategyResult p,.strategyScenario p { max-width:690px; margin:0; color:#66716c; font-size:13px; line-height:1.75; }
.strategyWelcome button,.strategyResult button { min-height:49px; margin-top:24px; padding:0 21px; border:0; display:inline-flex; align-items:center; gap:28px; background:#17221e; color:white; font:800 12px Arial,"PingFang SC",sans-serif; cursor:pointer; }
.strategyWelcome button b,.strategyResult button b { color:var(--lime); font-size:17px; }
.strategyScenario { border-radius:22px 22px 0 0; padding-bottom:30px; }
.strategyChoices { margin-top:1px; padding:0 22px 22px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; border-radius:0 0 22px 22px; background:#f2f0e9; }
.strategyChoice { min-height:190px; padding:20px; border:1px solid #ccd0c9; border-top:4px solid #91aa30; background:#fff; color:#17221e; text-align:left; cursor:pointer; transition:transform .2s,border-color .2s; }
.strategyChoice.bold { border-top-color:#ff7b6d; }
.strategyChoice.careful { border-top-color:#82c9bb; }
.strategyChoice:hover:not(:disabled) { transform:translateY(-4px); border-color:#6e7d75; }
.strategyChoice:disabled { opacity:.38; cursor:not-allowed; }
.strategyChoice>span { color:#87928d; font-size:9px; font-weight:900; letter-spacing:.8px; }
.strategyChoice h4 { margin:12px 0 8px; font-size:18px; }
.strategyChoice p { min-height:58px; margin:0; color:#65716b; font-size:11px; line-height:1.65; }
.strategyChoice>b { display:block; margin-top:15px; color:#6e8511; font-size:10px; }
.strategyResult { text-align:center; display:grid; place-content:center; }
.strategyResult strong { display:block; color:#7b9811; font-size:clamp(54px,7vw,88px); line-height:1; }
.strategyResult strong small { color:#89928e; font-size:13px; }
.strategyResult button { justify-self:center; }
.strategyLog { min-height:100%; padding:22px; border:1px solid rgba(255,255,255,.13); border-radius:20px; background:#14211d; color:white; }
.strategyLog>span { display:block; margin-bottom:17px; color:var(--lime); font-size:9px; font-weight:900; letter-spacing:1.4px; }
.strategyLog p { margin:0; padding:12px 0; border-top:1px solid rgba(255,255,255,.1); color:#aab6b0; font-size:11px; line-height:1.65; }
.screeningRoom { overflow:auto; }
.screeningExperience { width:min(1160px,100%); min-height:calc(100% - 60px); margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:28px; align-items:center; perspective:900px; }
.screeningStage { min-width:0; }
.cinemaScreen { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border:12px solid #0a0f0d; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:radial-gradient(circle at center,#f7f5ee,#c7ccc5 72%,#8d9690); color:#17221e; box-shadow:0 0 80px rgba(242,240,233,.2),0 30px 80px rgba(0,0,0,.55); transform:rotateX(-2deg); }
.cinemaScreen>span { position:relative; z-index:2; color:#718078; font-size:10px; font-weight:900; letter-spacing:3px; }
.cinemaScreen h2 { position:relative; z-index:2; margin:12px 0; font-size:clamp(48px,7vw,92px); line-height:.9; letter-spacing:-.07em; }
.cinemaScreen p { position:relative; z-index:2; margin:0; color:#5f6c66; font-size:13px; line-height:1.75; }
.screenBackdrop { position:absolute; inset:0; overflow:hidden; opacity:.23; pointer-events:none; background:linear-gradient(#d8ddd8 0 58%,#89948e 58%); }
.screenBackdrop:before,.screenBackdrop:after,.screenBackdrop i,.screenBackdrop b,.screenBackdrop em { content:""; position:absolute; bottom:18%; display:block; background:#38473f; }
.screenBackdrop:before { left:-3%; width:44%; height:23%; clip-path:polygon(0 34%,10% 34%,10% 15%,38% 15%,38% 0,64% 0,64% 20%,100% 20%,100% 100%,0 100%); }
.screenBackdrop:after { right:-4%; width:49%; height:31%; clip-path:polygon(0 42%,20% 42%,20% 9%,55% 9%,55% 0,82% 0,82% 28%,100% 28%,100% 100%,0 100%); }
.screenBackdrop i { left:43%; width:14%; height:45%; clip-path:polygon(36% 0,64% 0,64% 23%,100% 23%,100% 100%,0 100%,0 23%,36% 23%); }
.screenBackdrop b { left:16%; bottom:9%; width:68%; height:4%; border-radius:50%; }
.screenBackdrop em { left:49%; bottom:54%; width:2%; height:33%; border-radius:2px; }
.screenWatchButton { position:relative; z-index:3; min-height:48px; margin-top:22px; padding:0 22px; display:inline-flex; align-items:center; gap:26px; border:1px solid #17221e; background:#17221e; color:#f5f2e9; font-size:12px; font-weight:900; letter-spacing:.4px; transition:background .2s,color .2s; }
.screenWatchButton:hover { background:var(--lime); color:#17221e; }
.screenWatchButton b { color:var(--lime); font-size:17px; }
.screenWatchButton:hover b { color:#17221e; }
.screenLight { position:absolute; inset:-40%; pointer-events:none; background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.55) 48%,transparent 62%); animation:screenSweep 6s ease-in-out infinite; }
@keyframes screenSweep { 0%,25% { transform:translateX(-50%); } 70%,100% { transform:translateX(50%); } }
.cinemaSeats { width:min(760px,72vw); margin-top:50px; display:grid; grid-template-columns:repeat(6,1fr); gap:20px 28px; transform:rotateX(52deg); transform-origin:top; }
.cinemaSeats i { height:32px; border-radius:13px 13px 5px 5px; background:linear-gradient(#33443c,#18241f); border:1px solid #44564e; box-shadow:0 10px 0 #0a100d; }
.screeningPlaylist { padding:20px; border:1px solid rgba(255,255,255,.14); border-radius:22px; background:rgba(20,33,29,.86); box-shadow:0 24px 60px rgba(0,0,0,.3); }
.playlistHeader>span { color:var(--lime); font-size:8px; font-weight:900; letter-spacing:1.7px; }
.playlistHeader h3 { margin:8px 0 7px; color:white; font-size:28px; letter-spacing:-.04em; }
.playlistHeader p { margin:0 0 17px; color:#899790; font-size:10px; line-height:1.6; }
.playlistItems { display:grid; gap:8px; }
.playlistItem { width:100%; min-height:66px; padding:10px 11px; border:1px solid rgba(255,255,255,.1); display:grid; grid-template-columns:25px 1fr auto; align-items:center; gap:9px; background:#1c2a25; color:white; text-align:left; cursor:pointer; }
.playlistItem>i { color:#77857e; font:900 9px Arial,sans-serif; }
.playlistItem>span b,.playlistItem>span small { display:block; }
.playlistItem>span b { margin-bottom:5px; font-size:11px; }
.playlistItem>span small { color:#87948e; font-size:8px; line-height:1.35; }
.playlistItem>em { color:#77857e; font-style:normal; }
.playlistItem.isActive { border-color:var(--lime); background:#24342e; }
.playlistItem.isActive>i,.playlistItem.isActive>em { color:var(--lime); }
.playlistNote { margin-top:15px; padding:13px; display:flex; align-items:center; gap:11px; border:1px dashed #526159; color:#96a49d; }
.playlistNote>span { width:29px; height:29px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#2b3b34; color:var(--lime); }
.playlistNote p { margin:0; font-size:9px; line-height:1.55; }
.playlistNote b { color:#dfe5e2; }
.photoCard { background:linear-gradient(145deg,#30443a,#15211d); }
.photoWorkbench { position:relative; width:168px; aspect-ratio:1; margin:31px auto 8px; display:block; overflow:hidden; border:8px solid #0b120f; background:linear-gradient(145deg,#d7ff43 0 18%,#92d4be 46%,#273d34 47%); box-shadow:14px 18px 0 rgba(0,0,0,.2); transform:rotate(3deg); }
.photoWorkbench:before { content:""; position:absolute; inset:17px; border:1px solid rgba(13,27,21,.5); background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(13,27,21,.16) 24px),repeating-linear-gradient(0deg,transparent 0 23px,rgba(13,27,21,.16) 24px); }
.photoWorkbench i { position:absolute; left:24px; top:27px; width:52px; height:52px; border-radius:50%; border:7px solid #14211d; background:#e6f5df; }
.photoWorkbench b { position:absolute; right:21px; bottom:25px; width:62px; height:45px; border:5px solid #14211d; background:linear-gradient(145deg,#4d8c79 0 48%,#c1ed45 49%); }
.photoWorkbench em { position:absolute; left:22px; bottom:21px; width:27px; height:27px; border:4px solid #14211d; background:#ff907e; transform:rotate(45deg); }
.photoWorkbench strong { position:absolute; right:12px; top:13px; width:12px; height:12px; border-radius:50%; background:#ff7b6d; box-shadow:0 0 0 4px #14211d; }
.musicCard { background:linear-gradient(145deg,#1d342b,#0c1d18); }
.musicVisualizer { position:relative; width:185px; height:148px; margin:37px auto 18px; display:flex; align-items:end; justify-content:center; gap:8px; border-bottom:7px solid #d7ff43; background:radial-gradient(circle at 50% 84%,rgba(215,255,67,.24),transparent 45%); }
.musicVisualizer i { width:12px; border-radius:8px 8px 1px 1px; background:linear-gradient(#d7ff43,#79cbb7); box-shadow:0 0 16px rgba(215,255,67,.24); animation:barPulse 1.6s ease-in-out infinite; }
.musicVisualizer i:nth-child(1) { height:51px; animation-delay:-.2s; }.musicVisualizer i:nth-child(2) { height:94px; animation-delay:-.7s; }.musicVisualizer i:nth-child(3) { height:70px; }.musicVisualizer i:nth-child(4) { height:115px; animation-delay:-1.1s; }.musicVisualizer i:nth-child(5) { height:62px; animation-delay:-.45s; }
.musicVisualizer b { position:absolute; bottom:-29px; left:50%; width:48px; height:48px; border-radius:50%; border:6px solid #0b120f; background:#21352d; transform:translateX(-50%); }
@keyframes barPulse { 50% { transform:scaleY(.48); transform-origin:bottom; } }
.photoStudio,.musicRoomExperience { width:min(1100px,100%); margin:0 auto; }
.studioIntro { margin:8px 0 20px; padding:28px; display:flex; align-items:end; justify-content:space-between; gap:42px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(110deg,rgba(215,255,67,.12),transparent 58%); }
.studioIntro>div>span,.musicRoomIntro>span,.aiRequestHeading>span,.controlHeading>span,.soundMeta>span { color:var(--lime); font-size:9px; font-weight:900; letter-spacing:1.8px; }
.studioIntro h2,.musicRoomIntro h2 { margin:10px 0 0; color:white; font-size:clamp(38px,5vw,67px); line-height:.9; letter-spacing:-.06em; }
.studioIntro h2 b,.musicRoomIntro h2 b { color:var(--lime); font-weight:inherit; }
.studioIntro p,.musicRoomIntro p { max-width:390px; margin:0; color:#aebbb4; font-size:13px; line-height:1.75; }
.studioLayout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px; }
.studioCanvas,.studioControls { padding:18px; border:1px solid rgba(255,255,255,.13); background:#14211d; }
.photoDropzone { min-height:390px; display:grid; place-items:center; overflow:hidden; border:1px dashed #53645b; background:linear-gradient(145deg,#20332c,#0c1512); }
.photoDropzone.hasImage { border-style:solid; }
.photoDropzone img { display:block; width:100%; height:100%; max-height:520px; object-fit:contain; }
.dropPlaceholder { display:grid; justify-items:center; gap:12px; padding:38px; color:#a9b5af; text-align:center; }
.dropPlaceholder i { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:#15211d; font-size:29px; font-style:normal; }
.dropPlaceholder b { color:white; font-size:16px; }.dropPlaceholder span { font-size:10px; }
.studioCanvasActions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.studioCanvasActions button,.photoPresets button,.requirementComposer button,.musicRoomActions button { min-height:42px; padding:0 14px; border:1px solid #697b71; background:transparent; color:#e7ece9; font:800 11px Arial,"PingFang SC",sans-serif; cursor:pointer; }
.studioCanvasActions button:first-child,.requirementComposer button { border-color:var(--lime); background:var(--lime); color:#15211d; }
.studioCanvasActions button.isActive { border-color:#ffbe72; color:#ffbe72; }.studioCanvasActions button:disabled { opacity:.35; cursor:not-allowed; }
.studioControls { display:grid; align-content:start; gap:16px; }.controlHeading { padding-top:3px; }.controlHeading h3 { margin:6px 0 0; color:white; font-size:22px; letter-spacing:-.04em; }
.photoPresets { display:grid; gap:8px; }.photoPresets button { display:flex; justify-content:space-between; border-color:#43544b; text-align:left; }.photoPresets button b { color:var(--lime); }
.studioControls label { position:relative; display:grid; gap:9px; color:#dbe2de; font-size:11px; font-weight:800; }.studioControls output { position:absolute; right:0; color:var(--lime); font-size:10px; }
.studioControls input[type="range"] { width:100%; accent-color:var(--lime); }
.aiRequestPanel { margin-top:18px; padding:22px; display:grid; grid-template-columns:.85fr 1.15fr; gap:18px; border:1px solid rgba(255,255,255,.13); background:#20332c; }.aiRequestHeading p { margin:9px 0 0; color:#aebbb4; font-size:11px; line-height:1.7; }.aiRequestHeading h3 { margin:8px 0 0; color:white; font-size:27px; letter-spacing:-.05em; }
.requirementComposer { display:grid; gap:10px; }.requirementComposer textarea { min-height:100px; padding:13px; resize:vertical; border:1px solid #526259; outline:none; background:#122019; color:white; font:13px/1.65 Arial,"PingFang SC",sans-serif; }.requirementComposer textarea:focus { border-color:var(--lime); }
.aiBrief { grid-column:1 / -1; padding:15px; border-left:3px solid var(--lime); background:rgba(5,13,10,.35); }.aiBrief span { color:var(--lime); font-size:8px; font-weight:900; letter-spacing:1.6px; }.aiBrief p { margin:7px 0 0; color:#c3ceca; font-size:11px; line-height:1.7; }
.musicRoomExperience { padding:clamp(24px,5vw,58px); border:1px solid rgba(255,255,255,.13); background:radial-gradient(circle at 72% 18%,rgba(215,255,67,.15),transparent 25%),#14211d; }.musicRoomIntro { display:flex; align-items:end; justify-content:space-between; gap:40px; }.soundStage { position:relative; min-height:330px; margin:30px 0 18px; padding:35px; display:grid; grid-template-columns:260px 1fr auto; align-items:center; gap:35px; overflow:hidden; border:1px solid rgba(255,255,255,.11); background:linear-gradient(135deg,#0c1512,#21362e); }.soundRecord { position:relative; width:220px; aspect-ratio:1; border-radius:50%; background:repeating-radial-gradient(circle,#101915 0 7px,#1e2d26 8px 10px); box-shadow:0 20px 45px rgba(0,0,0,.4); animation:spinRecord 8s linear infinite paused; }.isPlaying .soundRecord { animation-play-state:running; }.soundRecord:before { content:""; position:absolute; inset:24%; border:10px solid #0d1512; border-radius:50%; background:var(--lime); }.soundRecord i { position:absolute; inset:45%; border-radius:50%; background:#173126; }.soundRecord b { position:absolute; inset:0; z-index:1; display:grid; place-items:center; color:#14211d; font-size:28px; }.soundRecord span { position:absolute; left:50%; top:50%; z-index:2; width:9px; height:9px; border-radius:50%; background:#f2f0e9; transform:translate(-50%,-50%); }
.soundArm { position:absolute; left:232px; top:28px; width:125px; height:16px; border-radius:12px; background:#aebbb4; transform:rotate(20deg); transform-origin:left; }.soundArm:before { content:""; position:absolute; left:-11px; top:-9px; width:32px; height:32px; border:7px solid #67756e; border-radius:50%; background:#1b2b25; }.soundArm i { position:absolute; right:-7px; top:-8px; width:18px; height:36px; border-radius:3px; background:#dfe5e1; }
.soundPulse { display:flex; align-items:end; gap:7px; height:105px; }.soundPulse i { width:10px; height:var(--h,50px); border-radius:7px 7px 2px 2px; background:var(--lime); animation:barPulse 1.2s ease-in-out infinite paused; }.soundPulse i:nth-child(1) { --h:36px; }.soundPulse i:nth-child(2) { --h:83px; animation-delay:-.4s; }.soundPulse i:nth-child(3) { --h:58px; animation-delay:-.8s; }.soundPulse i:nth-child(4) { --h:95px; animation-delay:-.15s; }.soundPulse i:nth-child(5) { --h:45px; animation-delay:-.6s; }.isPlaying .soundPulse i { animation-play-state:running; }
.soundMeta { grid-column:2; }.soundMeta h3 { margin:9px 0 7px; color:white; font-size:clamp(32px,4vw,54px); letter-spacing:-.055em; }.soundMeta p { margin:0; color:#9eada6; font-size:12px; }.soundPlayButton { min-width:100px; min-height:56px; border:0; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 16px; background:var(--lime); color:#15211d; font:900 12px Arial,"PingFang SC",sans-serif; cursor:pointer; }.soundPlayButton b { font-size:16px; }.musicRoomActions { display:flex; align-items:center; gap:15px; }.musicRoomActions button { border-color:var(--lime); color:var(--lime); }.musicRoomActions span { color:#94a29b; font-size:10px; }
.careerCard { grid-column:1/-1; min-height:295px; background:linear-gradient(115deg,#17251f 0 47%,#273c33); }.careerCard h3 { font-size:clamp(42px,5vw,68px); }.careerCard p { max-width:440px; }.careerConsole { position:absolute; right:9%; top:50%; width:220px; height:145px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:19px; border:7px solid #0c1512; background:#263a31; box-shadow:18px 18px 0 rgba(0,0,0,.22); transform:translateY(-50%) rotate(3deg); }.careerConsole:before { content:""; position:absolute; inset:11px; border:1px solid rgba(215,255,67,.3); }.careerConsole i { z-index:1; align-self:end; height:var(--bar,36px); border-radius:5px 5px 0 0; background:var(--lime); }.careerConsole i:nth-child(1) { --bar:45px; }.careerConsole i:nth-child(2) { --bar:70px; background:#8ed8c1; }.careerConsole i:nth-child(3) { --bar:29px; }.careerConsole b { position:absolute; right:17px; top:20px; z-index:2; color:#d7ff43; font:900 10px/1.2 Arial; letter-spacing:1.2px; text-align:right; }.careerConsole em { position:absolute; left:17px; top:20px; width:11px; height:11px; border-radius:50%; background:#ff8c7c; }
.jobRadar { width:min(1100px,100%); margin:0 auto; padding-bottom:30px; }.radarIntro { margin:8px 0 18px; padding:28px; display:flex; align-items:end; justify-content:space-between; gap:42px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(110deg,rgba(215,255,67,.14),transparent 56%); }.radarIntro>div>span,.radarPanelHeading>span { color:var(--lime); font-size:9px; font-weight:900; letter-spacing:1.8px; }.radarIntro h2 { margin:10px 0 0; color:white; font-size:clamp(38px,5vw,67px); line-height:.9; letter-spacing:-.06em; }.radarIntro h2 b { color:var(--lime); font-weight:inherit; }.radarIntro p { max-width:415px; margin:0; color:#aebbb4; font-size:13px; line-height:1.75; }.radarStatus { display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:18px; border:1px solid rgba(255,255,255,.12); background:#14211d; }.radarStatus>div { min-height:109px; padding:17px; border-right:1px solid rgba(255,255,255,.1); }.radarStatus>div:last-child { border-right:0; }.radarStatus span,.radarStatus small { display:block; color:#8f9e96; font-size:9px; line-height:1.5; }.radarStatus span { font-weight:900; letter-spacing:1.2px; }.radarStatus strong { display:block; margin:10px 0 5px; color:white; font-size:clamp(18px,2vw,29px); letter-spacing:-.04em; }.radarStatus>div:nth-child(2) strong,.radarStatus>div:nth-child(4) strong { color:var(--lime); }.radarGrid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.radarPanel { padding:22px; border:1px solid rgba(255,255,255,.13); background:#14211d; }.radarPanelHeading h3 { margin:7px 0 8px; color:white; font-size:27px; letter-spacing:-.05em; }.radarPanelHeading p { max-width:520px; margin:0; color:#9eada6; font-size:11px; line-height:1.7; }
.sourceList { display:grid; gap:8px; margin-top:20px; }.sourceList a { min-height:58px; padding:10px; display:grid; grid-template-columns:25px 1fr auto; align-items:center; gap:8px; border:1px solid rgba(255,255,255,.11); background:#1c2a25; }.sourceList a:hover { transform:translateX(4px); border-color:rgba(215,255,67,.6); }.sourceList i { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:#15211d; font-style:normal; font-size:12px; }.sourceList span b,.sourceList span small { display:block; }.sourceList span b { color:#edf1ee; font-size:11px; }.sourceList span small { margin-top:4px; color:#8f9e96; font-size:8px; }.sourceList em { color:var(--lime); font-style:normal; font-size:8px; font-weight:900; }.radarSafety { margin-top:13px; padding:13px; border-left:3px solid #ffbe72; background:#1e2c27; }.radarSafety b { color:#ffce95; font-size:10px; }.radarSafety p { margin:6px 0 0; color:#acb8b2; font-size:10px; line-height:1.6; }.profileFields { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:20px 0 14px; }.profileFields label { display:grid; gap:6px; color:#bfc9c4; font-size:9px; font-weight:900; letter-spacing:.8px; }.profileFields input,.profileFields select,.applicationForm input { width:100%; min-height:39px; padding:0 10px; border:1px solid #46574e; background:#0e1915; color:white; font:11px Arial,"PingFang SC",sans-serif; }.radarPrimary { min-height:42px; padding:0 14px; border:0; background:var(--lime); color:#15211d; font:900 11px Arial,"PingFang SC",sans-serif; cursor:pointer; }.strategyBrief { margin-top:14px; padding:14px; border-left:3px solid var(--lime); background:#1f3029; }.strategyBrief span { color:var(--lime); font-size:8px; font-weight:900; letter-spacing:1.4px; }.strategyBrief p { margin:7px 0 0; color:#c5cfca; font-size:10px; line-height:1.7; }
.matcherPanel,.pathwayPanel { margin-top:18px; }.extendedProfile { grid-template-columns:repeat(3,1fr); }.matcherActions { display:flex; flex-wrap:wrap; gap:8px; }.radarSecondary { min-height:42px; padding:0 14px; border:1px solid #668077; background:transparent; color:#dce5df; font:800 10px Arial,"PingFang SC",sans-serif; cursor:pointer; }.pathwayList { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:18px; }.pathwayCard { min-height:96px; display:grid; grid-template-columns:30px 1fr; align-items:start; gap:10px; padding:13px; border:1px solid rgba(255,255,255,.12); background:#1b2b25; transition:transform .18s,border-color .18s; }.pathwayCard:hover { border-color:rgba(215,255,67,.72); transform:translateY(-2px); }.pathwayIndex { color:var(--lime); font-size:11px; font-weight:900; letter-spacing:1px; }.pathwayCard b,.pathwayCard small,.pathwayCard p,.pathwayCard em { display:block; }.pathwayCard b { color:#f2f5f2; font-size:12px; }.pathwayCard small { margin-top:4px; color:#98a8a0; font-size:9px; }.pathwayCard p { margin:8px 0 0; color:#c6d0ca; font-size:9px; line-height:1.5; }.pathwayCard em { grid-column:2; margin-top:4px; color:var(--lime); font-size:9px; font-style:normal; font-weight:900; }.workflowList { display:grid; gap:0; margin:19px 0 0; padding:0; list-style:none; }.workflowList li { display:grid; grid-template-columns:31px 1fr; gap:10px; min-height:55px; align-items:center; border-bottom:1px solid rgba(255,255,255,.1); color:#c6d0ca; font-size:11px; line-height:1.55; }.workflowList li:first-child { border-top:1px solid rgba(255,255,255,.1); }.workflowList i { color:var(--lime); font-size:9px; font-style:normal; font-weight:900; letter-spacing:1px; }
.applicationPanel { margin-top:18px; }.applicationForm { display:grid; grid-template-columns:1.05fr 1.05fr .78fr 1.45fr auto; gap:8px; margin:18px 0 14px; }.applicationForm button { min-height:39px; padding:0 12px; border:1px solid var(--lime); background:var(--lime); color:#15211d; font:900 10px Arial,"PingFang SC",sans-serif; cursor:pointer; }.stageFilters { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }.stageFilters button { min-height:28px; padding:0 9px; border:1px solid #46574e; background:transparent; color:#9eada6; font:800 9px Arial,"PingFang SC",sans-serif; cursor:pointer; }.stageFilters button.isActive { border-color:var(--lime); color:#15211d; background:var(--lime); }.applicationList { border-top:1px solid rgba(255,255,255,.1); }.applicationList article { display:grid; grid-template-columns:1fr auto 24px; align-items:center; gap:12px; min-height:64px; padding:11px 4px; border-bottom:1px solid rgba(255,255,255,.1); }.applicationList article div>b,.applicationList article div>span,.applicationList article div>small { display:block; }.applicationList article div>b { color:white; font-size:12px; }.applicationList article div>span { margin:3px 0; color:#c5cfca; font-size:10px; }.applicationList article div>small { color:#87958e; font-size:9px; }.stageTag { min-width:43px; min-height:27px; border:1px solid #56685f; background:transparent; color:#c7d0cb; font:800 9px Arial,"PingFang SC",sans-serif; cursor:pointer; }.stage-待投 { color:#ffce95; border-color:#9a7044; }.stage-笔试,.stage-面试 { color:#96d9cf; border-color:#568b82; }.stage-Offer { color:var(--lime); border-color:var(--lime); }.stage-暂停 { color:#83918a; }.deleteApplication { border:0; background:transparent; color:#75837d; font-size:21px; cursor:pointer; }.emptyApplications { min-height:105px; display:grid; align-content:center; gap:8px; color:#8f9d96; text-align:center; }.emptyApplications b { color:#d6deda; font-size:12px; }.emptyApplications span { font-size:10px; }
.verificationRule { display:flex; align-items:flex-start; gap:10px; margin-top:18px; padding:12px; border-left:3px solid var(--lime); background:#1f3029; }.verificationRule i { width:18px; height:18px; display:grid; flex:0 0 auto; place-items:center; border-radius:50%; background:var(--lime); color:#15211d; font-size:11px; font-style:normal; font-weight:900; }.verificationRule p { margin:0; color:#b8c4be; font-size:10px; line-height:1.65; }.verificationRule b { color:#f1f5f2; }.verifiedJobEmpty { min-height:116px; display:grid; align-content:center; gap:8px; margin-top:13px; padding:15px; border:1px solid rgba(255,255,255,.1); background:#1a2923; color:#93a19a; text-align:center; }.verifiedJobEmpty b { color:#e5ece8; font-size:12px; }.verifiedJobEmpty span { font-size:10px; line-height:1.6; }.verifiedJobList { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:13px; }.verifiedJobCard { min-height:252px; padding:15px; border:1px solid rgba(255,255,255,.12); background:#1b2b25; }.verifiedJobTop { display:flex; justify-content:space-between; align-items:center; gap:8px; }.verifiedJobTop span { padding:4px 6px; background:var(--lime); color:#15211d; font-size:8px; font-weight:900; letter-spacing:.8px; }.verifiedJobTop small { color:#98a79f; font-size:9px; }.verifiedJobCard h4 { margin:14px 0 3px; color:white; font-size:15px; }.verifiedJobCard h5 { margin:0; color:var(--lime); font-size:12px; }.verifiedJobCard>p { margin:10px 0 0; color:#c0cbc5; font-size:10px; line-height:1.6; }.verifiedJobCard .jobMajor { color:#94a39b; }.verifiedJobCard dl { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:13px 0; }.verifiedJobCard dl div { padding:8px; background:#14211d; }.verifiedJobCard dt { color:#809088; font-size:8px; }.verifiedJobCard dd { margin:4px 0 0; color:#d8e1dc; font-size:9px; }.verifiedJobLinks { display:flex; flex-wrap:wrap; gap:7px; }.verifiedJobLinks a { min-height:28px; display:inline-flex; align-items:center; padding:0 8px; border:1px solid #61736a; color:#e3ebe6; font-size:9px; font-weight:800; }.verifiedJobLinks a:first-child { border-color:var(--lime); color:var(--lime); }.jobEvidence { display:block; margin-top:11px; color:#85948c; font-size:8px; line-height:1.5; }.officialSourceArea { margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); }.officialSourceArea>div>span { color:var(--lime); font-size:8px; font-weight:900; letter-spacing:1.5px; }.officialSourceArea h4 { margin:8px 0 5px; color:white; font-size:17px; }.officialSourceArea p { margin:0; color:#95a49c; font-size:10px; line-height:1.65; }
.lowerRadarGrid { margin-top:18px; }.checklist { display:grid; gap:7px; margin-top:19px; }.checklist label { min-height:35px; display:flex; align-items:center; gap:9px; padding:0 10px; border:1px solid rgba(255,255,255,.1); color:#cbd4cf; font-size:11px; cursor:pointer; }.checklist input { position:absolute; opacity:0; }.checklist i { width:16px; height:16px; display:grid; place-items:center; border:1px solid #6c7b74; color:transparent; font-size:10px; font-style:normal; }.checklist input:checked + i { border-color:var(--lime); background:var(--lime); color:#15211d; }.interviewQuestion { margin-top:19px; padding:17px; min-height:172px; display:flex; flex-direction:column; align-items:flex-start; border:1px solid rgba(215,255,67,.22); background:linear-gradient(145deg,#20342c,#14211d); }.interviewQuestion span { color:var(--lime); font-size:9px; font-weight:900; letter-spacing:1.4px; }.interviewQuestion b { margin:16px 0; color:white; font-size:17px; line-height:1.4; letter-spacing:-.03em; }.interviewQuestion button { margin-top:auto; padding:0; border:0; background:transparent; color:#c4d0ca; font:800 10px Arial,"PingFang SC",sans-serif; cursor:pointer; }.interviewQuestion button i { margin-left:8px; color:var(--lime); font-size:15px; font-style:normal; }.interviewTip { margin-top:10px; padding:12px; border-left:3px solid #8fd8c1; background:#1c2a25; }.interviewTip b { color:#b8ece0; font-size:10px; }.interviewTip p { margin:5px 0 0; color:#a7b4ae; font-size:10px; line-height:1.65; }
@keyframes spinRecord { to { transform:rotate(360deg); } }
.contact { min-height:85vh; display:flex; flex-direction:column; justify-content:center; position:relative; }
.contactLead { margin:0 0 15px; color:#64716b; font-size:16px; }
.contact h2 { font-size:clamp(55px,8vw,112px); }
.contactLinks { display:flex; flex-direction:column; align-items:flex-start; gap:18px; margin-top:52px; }
.email { padding-bottom:12px; border-bottom:2px solid var(--ink); width:max-content; max-width:100%; font-size:clamp(19px,2vw,29px); font-weight:800; overflow-wrap:anywhere; }
.email span { color:#8aa900; margin-left:25px; }
.phone { font-size:15px; color:#65716b; letter-spacing:1px; border-bottom:1px solid #aeb4af; padding-bottom:5px; }
footer { position:absolute; bottom:35px; left:clamp(24px,9vw,130px); right:clamp(24px,9vw,130px); border-top:1px solid #c9ccc5; padding-top:22px; display:flex; justify-content:space-between; font-size:12px; color:#6a7670; }
.footerMeta { display:flex; flex-wrap:wrap; gap:10px 18px; }
.footerMeta a:hover { color:var(--ink); }
.recordPlayer { position:absolute; z-index:1; top:clamp(112px,13vh,150px); right:clamp(-46px,-2vw,-18px); width:clamp(290px,34vw,470px); aspect-ratio:1/.82; color:white; filter:drop-shadow(0 28px 36px rgba(21,33,29,.2)); }
.recordDeck { position:absolute; inset:3% 4% 8% 1%; overflow:hidden; border-radius:10% 10% 12% 12%; background:linear-gradient(145deg,#283832 0%,#14211d 58%,#0c1512 100%); border:1px solid rgba(255,255,255,.14); box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -18px 30px rgba(0,0,0,.18); transform:perspective(900px) rotateX(6deg) rotateZ(-3deg); }
.record { position:absolute; left:7%; top:7%; width:72%; aspect-ratio:1; border-radius:50%; background:repeating-radial-gradient(circle at center,#101412 0 2px,#252b28 3px 4px,#111614 5px 7px); border:2px solid #080b0a; box-shadow:0 0 0 5px #19221e,0 15px 28px rgba(0,0,0,.42); }
.record:after { content:""; position:absolute; inset:2%; border-radius:50%; background:linear-gradient(116deg,transparent 37%,rgba(255,255,255,.12) 43%,transparent 49%); }
.recordLabel { position:absolute; z-index:2; inset:34%; border-radius:50%; display:grid; place-content:center; text-align:center; background:var(--lime); color:var(--ink); box-shadow:0 0 0 3px #0f1613; }
.recordLabel b { font-size:clamp(16px,2vw,28px); line-height:.9; }
.recordLabel span { margin-top:3px; font-size:clamp(5px,.55vw,8px); font-weight:900; letter-spacing:2px; }
.deckLight { position:absolute; left:8%; bottom:8%; width:7px; height:7px; border-radius:50%; background:#7b8b84; box-shadow:0 0 0 4px rgba(255,255,255,.04); }
.deckName { position:absolute; left:14%; bottom:6.5%; font-size:clamp(7px,.72vw,10px); font-weight:800; letter-spacing:2px; color:#8f9c96; }
.tonearm { position:absolute; z-index:4; right:5.5%; top:8%; width:25%; height:79%; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; transform-origin:50% 17%; transform:rotate(0deg); transition:transform .55s cubic-bezier(.2,.9,.25,1); -webkit-tap-highlight-color:transparent; }
.tonearm:hover { transform:rotate(-4deg); }
.tonearm:focus-visible { outline:3px solid var(--lime); outline-offset:5px; border-radius:999px; }
.tonearmPivot { position:absolute; top:5%; left:26%; width:48%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 38% 34%,#e8ecea 0 9%,#75827d 11% 29%,#18221e 31% 52%,#9aa6a1 54% 61%,#23302b 63%); box-shadow:0 7px 14px rgba(0,0,0,.35); }
.tonearmRod { position:absolute; top:18%; left:46%; width:7%; height:60%; border-radius:999px; background:linear-gradient(90deg,#6d7974,#e5ebe8 43%,#707c77); box-shadow:2px 3px 6px rgba(0,0,0,.35); transform:rotate(-4deg); transform-origin:top center; }
.tonearmNeedle { position:absolute; left:34%; top:73%; width:34%; height:15%; border-radius:4px 4px 9px 9px; background:linear-gradient(90deg,#0a0d0c,#45534d 50%,#111614); box-shadow:0 5px 8px rgba(0,0,0,.35); transform:rotate(-4deg); }
.recordHint { position:absolute; z-index:5; right:6%; bottom:0; display:flex; align-items:center; gap:7px; color:#596760; font-size:clamp(9px,.8vw,12px); letter-spacing:1px; }
.recordHint span { width:7px; height:7px; border-radius:50%; background:#7d8b85; }
.recordHint b { font-weight:800; }
.isPlaying .tonearm { transform:rotate(28deg); }
.isPlaying .tonearm:hover { transform:rotate(24deg); }
.isPlaying .record { animation:recordSpin 5.5s linear infinite; }
.isPlaying .deckLight,.isPlaying .recordHint span { background:var(--lime); box-shadow:0 0 12px rgba(215,255,67,.85); }
@keyframes recordSpin { to { transform:rotate(360deg); } }
.srOnly { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media (max-width:720px) {
  .navLinks { gap:18px; font-size:12px; }
  .hero { min-height:92vh; padding-top:clamp(320px,46vh,420px); justify-content:flex-start; }
  .hero h2 { letter-spacing:-.06em; }
  .scrollHint { display:none; }
  .section { padding-top:90px; padding-bottom:90px; }
  .aboutGrid { grid-template-columns:1fr; gap:45px; }
  .skillList { grid-template-columns:1fr; }
  .skillList span:nth-child(odd) { margin-right:0; }
  .workIntro { display:block; }
  .workIntro p { margin-top:25px; }
  .project { grid-template-columns:38px 1fr 24px; gap:10px; }
  .project p { font-size:14px; }
  .worldLogoTrigger { top:12px; left:16px; width:48px; height:48px; }
  .worldLogoGlyph { font-size:29px; }
  .worldLogoHint { display:none; }
  .worldHeader { height:66px; grid-template-columns:1fr 1fr; padding:0 18px; }
  .worldBreadcrumb { display:none; }
  .worldLobby { height:calc(100dvh - 66px); min-height:0; padding:34px 20px 55px; display:block; overflow:auto; }
  .lobbyIntro h2 { margin:17px 0 20px; font-size:clamp(50px,16vw,78px); }
  .lobbyIntro p { font-size:13px; }
  .roomCards { margin-top:34px; grid-template-columns:1fr; }
  .roomCard { min-height:380px; }
  .careerCard { grid-column:auto; min-height:340px; }.careerConsole { right:28px; top:42%; width:155px; height:110px; opacity:.65; }.careerCard h3 { font-size:47px; }
  .arcadeMachine { width:104px; height:130px; margin-top:18px; }
  .arcadeMachine:after { bottom:-13px; height:40px; }
  .arcadeMachine i { height:49px; top:10px; }
  .arcadeMachine b { left:23px; bottom:14px; width:19px; height:19px; }
  .arcadeMachine em { right:16px; bottom:5px; height:35px; }
  .arcadeMachine strong { right:8px; bottom:34px; width:19px; height:19px; }
  .miniScreen { width:75%; margin-top:35px; }
  .worldRoom { height:calc(100dvh - 66px); padding:12px 12px 40px; }
  .roomHeader { margin-bottom:8px; }
  .gameSwitcher { margin-bottom:20px; overflow-x:auto; }
  .gameSwitcher button { flex:1 0 auto; min-height:47px; padding:0 12px 11px; font-size:11px; }
  .gameSwitcher small { margin-left:5px; font-size:8px; }
  .gameIntro { display:block; padding:6px 6px 0; }
  .gameIntro p { margin-top:24px; }
  .gameShell { margin-left:-14px; margin-right:-14px; padding:8px; border-radius:20px; }
  .gameTopbar { min-height:64px; padding:0 10px; grid-template-columns:1fr 1fr; }
  .gameSignal { display:none; }
  .gameStage { border-radius:14px; }
  .gameOverlay { padding:18px; }
  .gameOverlay h3 { font-size:clamp(30px,9vw,48px); }
  .gameOverlay p { margin-bottom:18px; font-size:12px; }
  .gameLegend { padding:12px 10px 5px; gap:9px 18px; }
  .gameLegend b { width:100%; margin-left:0; }
  .strategyHero { display:block; padding:4px 5px 0; }
  .strategyHero p { margin-top:17px; }
  .strategyDashboard { grid-template-columns:repeat(2,1fr); border-radius:14px; }
  .strategyDashboard>div { min-height:67px; padding:12px; border-bottom:1px solid rgba(255,255,255,.1); }
  .strategyDashboard>div:nth-child(2n) { border-right:0; }
  .strategyDashboard>div:last-child { grid-column:1/-1; border-bottom:0; }
  .strategyBoard { grid-template-columns:1fr; }
  .strategyBoard>.strategyLog { grid-column:1; grid-row:auto; }
  .strategyWelcome,.strategyResult,.strategyScenario { padding:25px 20px; }
  .strategyWelcome h3,.strategyResult h3,.strategyScenario h3 { font-size:clamp(30px,10vw,43px); }
  .strategyChoices { grid-template-columns:1fr; padding:0 14px 14px; }
  .strategyChoice { min-height:0; }
  .strategyChoice p { min-height:0; }
  .strategyLog { min-height:0; }
  .screeningRoom { overflow:auto; }
  .screeningExperience { min-height:calc(100dvh - 140px); grid-template-columns:1fr; gap:18px; align-content:start; }
  .cinemaScreen { width:100%; aspect-ratio:10/11; border-width:7px; padding:20px; }
  .cinemaScreen p br { display:none; }
  .screenWatchButton { margin-top:18px; }
  .cinemaSeats { width:82vw; margin:34px auto 0; gap:14px 10px; }
  .cinemaSeats i { height:22px; }
  .screeningPlaylist { padding:17px; }
  .studioIntro,.musicRoomIntro { display:block; padding:20px; }
  .studioIntro p,.musicRoomIntro p { margin-top:18px; }
  .studioLayout { grid-template-columns:1fr; }
  .photoDropzone { min-height:280px; }
  .studioControls { padding:18px; }
  .aiRequestPanel { grid-template-columns:1fr; padding:18px; }
  .radarIntro { display:block; padding:20px; }.radarIntro p { margin-top:18px; }.radarStatus { grid-template-columns:1fr 1fr; }.radarStatus>div:nth-child(2) { border-right:0; }.radarStatus>div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); }.radarGrid { grid-template-columns:1fr; }.extendedProfile { grid-template-columns:1fr 1fr; }.pathwayList { grid-template-columns:1fr; }.applicationForm { grid-template-columns:1fr 1fr; }.applicationForm input:nth-child(4) { grid-column:1/-1; }.applicationForm button { grid-column:1/-1; }.applicationList article { grid-template-columns:1fr auto 20px; }.lowerRadarGrid { grid-template-columns:1fr; }
  .verifiedJobList { grid-template-columns:1fr; }
  .soundStage { min-height:0; padding:30px 20px; grid-template-columns:1fr; justify-items:center; gap:21px; text-align:center; }
  .soundRecord { width:185px; }
  .soundArm { display:none; }
  .soundPulse { height:62px; }
  .soundMeta { grid-column:auto; }
  .musicRoomActions { align-items:flex-start; flex-direction:column; }
  .contact { min-height:80vh; }
  footer { align-items:flex-start; gap:18px; }
  .footerMeta { flex-direction:column; }
  .recordPlayer { top:105px; right:-42px; width:min(290px,72vw); }
  .recordHint { right:10%; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } .isPlaying .record,.screenLight { animation:none; } .entertainmentWorld { animation:none; } }

/* H.懵谢助：首页工作台与站长留言 */
.careerHome { padding:132px clamp(20px,6vw,88px) 64px; border-bottom:1px solid #ccd3c8; scroll-margin-top:24px; }
.careerHomeHeader,.careerLetter { max-width:1080px; margin:0 auto; }
.careerHomeEyebrow { display:block; color:#59694e; font-size:14px; font-weight:700; letter-spacing:.08em; }
.careerHomeHeader h1 { margin:18px 0; font-size:clamp(40px,6vw,76px); letter-spacing:-.045em; line-height:1.15; }
.careerHomeHeader h1 span { display:block; font-size:clamp(18px,2.2vw,26px); letter-spacing:0; font-weight:500; margin-top:14px; color:#51605a; }
.careerHomeHeader>p { font-size:17px; line-height:1.85; max-width:740px; }
.careerHomeActions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; margin:24px 0; }
.careerHomeActions a { min-height:48px; display:inline-flex; align-items:center; padding:12px 20px; font-size:16px; font-weight:700; border:1px solid #adb7a5; border-radius:10px; }
.careerHomeActions a:first-child { background:var(--ink); color:var(--lime); border-color:var(--ink); gap:24px; }
.careerHome a:focus-visible { outline:3px solid #789922; outline-offset:4px; }
.careerHome #job-radar-root { scroll-margin-top:24px; }
.careerLetter { padding:clamp(24px,4vw,44px); margin-top:40px; border-left:5px solid #87a500; background:#e8ecdf; border-radius:0 18px 18px 0; scroll-margin-top:24px; }
.careerLetter h2 { margin:14px 0 20px; font-size:clamp(24px,3vw,34px); line-height:1.4; }
.careerLetter blockquote { margin:0; max-width:880px; font-size:clamp(17px,1.7vw,20px); line-height:2; color:#344538; overflow-wrap:anywhere; }
.careerLetterFooter { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:28px; font-size:16px; }
.careerLetterFooter a { text-decoration:underline; text-underline-offset:4px; }
.careerMaintenanceNote,.careerHomeHeader>p.careerMaintenanceNote { padding-top:20px; border-top:1px solid #bcc8b5; font-size:14px; line-height:1.85; color:#526249; margin:24px 0 0; }
@media(max-width:600px) {
  .nav { padding-left:94px; min-height:94px; height:auto; padding-top:22px; padding-bottom:22px; }
  .navLinks { justify-content:flex-end; flex-wrap:wrap; gap:10px 14px; font-size:14px; }
  .careerHome { padding-top:120px; }
  .careerHomeActions a { justify-content:center; }
  .careerLetterFooter { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }