:root[data-surface=landing]{color:#eef5ff;font-synthesis:none;text-rendering:optimizelegibility;background:#050a14;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}[data-surface=landing] *{box-sizing:border-box}html[data-surface=landing],html[data-surface=landing] body,html[data-surface=landing] #root{min-width:320px;min-height:100%;margin:0}html[data-surface=landing] body{min-height:100svh}[data-surface=landing] button,[data-surface=landing] a{font:inherit}.landing-shell{--landing-cyan:#55bff2;--landing-violet:#9a63dc;--landing-magenta:#ed6ab6;--landing-warm:#ffba4d;isolation:isolate;background:#050a14;min-height:100svh;position:relative;overflow:hidden}.landing-shell:before{content:"";z-index:-2;filter:brightness(.42)saturate(.72)contrast(1.12);image-rendering:auto;background:url(/assets/backgrounds/stage-background-dijiang.png) 50%/cover no-repeat;position:absolute;inset:72px 0 0}.landing-shell:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#040a172e,#030710a8);position:absolute;inset:72px 0 0}.landing-header{background:#050b17f7;border:1px solid #213a5e;border-width:1px 4px;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 clamp(20px,4vw,58px);display:flex;box-shadow:inset 0 -2px #101f36}.landing-brand,.landing-fan-label,.landing-panel h1,.landing-notice-index,.landing-actions{font-family:Consolas,Microsoft YaHei,PingFang SC,monospace}.landing-brand{color:#fff;letter-spacing:.18em;white-space:nowrap;align-items:center;gap:15px;font-size:clamp(20px,2vw,29px);font-weight:800;display:flex}.landing-brand span{color:var(--landing-magenta);text-shadow:0 0 12px #ed6ab68c}.landing-fan-label{color:#829abe;letter-spacing:.16em;font-size:14px}.landing-header-actions{align-items:center;gap:16px;display:flex}.landing-language{color:#dbe9fb;background:#071326;border:1px solid #47729e;min-width:104px;padding:7px 9px;font-family:Consolas,Microsoft YaHei,PingFang SC,monospace}.landing-main{place-items:center;min-height:calc(100svh - 72px);padding:24px 24px 32px;display:grid}.landing-panel{clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);background:#050b17f2;border:2px solid #32628c;width:min(900px,100vw - 48px);padding:clamp(28px,3vw,40px);position:relative;box-shadow:0 24px 80px #00000080,inset 0 0 0 4px #081527f2}.landing-panel:before,.landing-panel:after{content:"";background:var(--landing-violet);width:56px;height:4px;position:absolute;box-shadow:0 0 12px #9a63dc80}.landing-panel:before{top:17px;left:30px}.landing-panel:after{bottom:17px;right:30px}.landing-panel-mark{width:38px;height:24px;color:var(--landing-magenta);text-shadow:0 0 10px #ed6ab699;place-items:center;margin:0 auto 8px;font-size:20px;display:grid}.landing-panel h1{color:#fff;letter-spacing:.12em;text-align:center;margin:0;font-size:clamp(27px,2.7vw,38px);line-height:1.2}.landing-divider{background:linear-gradient(90deg,#0000,#3f5d88 22%,#8b56c1 50%,#3f5d88 78%,#0000);width:min(320px,60%);height:1px;margin:18px auto 16px}.landing-notices{background:#050c18b8;border:1px solid #2b405f;margin:0;padding:0;list-style:none}.landing-notices li{border-bottom:1px solid #2b405f;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:24px;min-height:82px;padding:12px 20px;display:grid}.landing-notices li:last-child{border-bottom:0}.landing-notice-index{color:#a8e4ff;background:#071326;border:1px solid #4d81ad;place-items:center;width:50px;height:50px;font-size:25px;font-weight:800;display:grid;box-shadow:inset 0 0 0 3px #0b1c34}.landing-notices p{color:#aebdd2;letter-spacing:.025em;margin:0;font-size:clamp(14px,1.3vw,17px);line-height:1.75}.landing-notices a{color:var(--landing-cyan);text-underline-offset:4px;overflow-wrap:anywhere}.landing-notices a:hover{color:#b4eaff}.landing-actions{grid-template-columns:minmax(260px,1.25fr) minmax(220px,1fr);gap:24px;margin-top:20px;display:grid}.landing-enter,.landing-decline{letter-spacing:.08em;cursor:pointer;border-radius:0;place-items:center;min-height:56px;padding:14px 24px;font-size:17px;font-weight:800;text-decoration:none;display:grid}.landing-enter{color:#fff2c9;border:2px solid var(--landing-warm);background:#38230c;box-shadow:inset 0 0 0 3px #6a430f,0 0 18px #ffba4d3d}.landing-enter:hover{background:#4b300e;box-shadow:inset 0 0 0 3px #805416,0 0 24px #ffba4d5c}.landing-decline{color:#a6c5e7;background:#071326;border:1px solid #47729e;box-shadow:inset 0 0 0 3px #0a1b31}.landing-decline:hover{color:#d5ebff;background:#0a1a30;border-color:#69a4d6}.landing-enter:focus-visible,.landing-decline:focus-visible,.landing-language:focus-visible,.landing-notices a:focus-visible{outline-offset:4px;outline:3px solid #fff}.landing-mascot{z-index:1;object-fit:contain;filter:drop-shadow(0 10px 18px #000000a6);width:220px;height:220px;image-rendering:pixelated;pointer-events:none;position:absolute;bottom:12px;left:clamp(22px,4vw,70px)}@media (width<=1439px){.landing-mascot{display:none}}@media (width>=681px) and (height>=900px){.landing-main{align-items:start;padding-top:78px;padding-bottom:30px}.landing-panel{min-height:720px;padding:52px}.landing-panel-mark{margin-bottom:14px}.landing-panel h1{font-size:42px}.landing-divider{margin:24px auto 20px}.landing-notices li{min-height:108px;padding:18px 24px}.landing-actions{margin-top:28px}.landing-enter,.landing-decline{min-height:62px}}@media (width<=680px){.landing-shell{overflow:auto}.landing-shell:before,.landing-shell:after{inset:60px 0 0}.landing-header{gap:10px;min-height:60px;padding:0 14px}.landing-brand{letter-spacing:.08em;gap:9px;font-size:17px}.landing-header-actions{gap:8px}.landing-fan-label{display:none}.landing-language{min-width:86px;padding:6px;font-size:12px}.landing-main{min-height:calc(100svh - 60px);padding:18px 12px 26px}.landing-panel{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);width:100%;padding:28px 18px 24px}.landing-panel-mark{margin-bottom:8px}.landing-panel h1{letter-spacing:.06em;font-size:clamp(24px,7vw,31px)}.landing-divider{margin:18px auto 16px}.landing-notices li{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:13px;min-height:0;padding:15px 13px}.landing-notice-index{width:38px;height:38px;font-size:19px}.landing-notices p{font-size:13px;line-height:1.65}.landing-actions{grid-template-columns:1fr;gap:12px;margin-top:18px}.landing-enter,.landing-decline{min-height:52px;font-size:15px}}@media (prefers-reduced-motion:reduce){.landing-enter,.landing-decline{transition:none}}
