:root{--bg:#000;--panel:#101114;--text:#fff;--muted:#a2a7b3;--brand:#fe2c55;--soft:#f2f2f2;--ok:#2ecc71}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.app-layout{background:var(--bg);min-height:100vh;display:block}.app-main{width:100%;padding-top:72px;padding-bottom:86px}.mobile-topbar{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f5;border-bottom:1px solid #1f2024;justify-content:space-between;align-items:center;height:72px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-logo img{height:auto;display:block}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;width:42px;height:42px;font-size:32px;line-height:1}.menu-popover{z-index:60;background:#0d0f14;border:1px solid #2a2d35;border-radius:12px;width:172px;padding:10px;position:absolute;top:62px;right:12px;box-shadow:0 12px 30px #00000073}.menu-label{color:#8f96a6;margin:0 0 8px;font-size:12px}.menu-label.section-gap{margin-top:8px}.menu-lang{color:#d5d9e3;text-align:left;cursor:pointer;background:#141821;border:1px solid #2a2d35;border-radius:8px;width:100%;margin-bottom:6px;padding:8px 10px}.menu-lang:last-child{margin-bottom:0}.menu-lang.active{color:#fff;background:#1b1638;border-color:#5d45ff}.mobile-bottom-nav{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f5;border-top:1px solid #1f2024;grid-template-columns:repeat(3,1fr);height:84px;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-item{color:#707686;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.bottom-icon{font-size:22px;line-height:1}.bottom-item.active{color:#fff}body.theme-light{--bg:#fff;--panel:#f4f5f8;--text:#101114;--muted:#5f6572}body.theme-light .mobile-topbar{background:#fffffff5;border-bottom:1px solid #e3e5ea}body.theme-light .menu-btn{color:#111}body.theme-light .menu-popover{background:#fff;border:1px solid #d7dbe4;box-shadow:0 12px 30px #13182124}body.theme-light .menu-label{color:#6f7788}body.theme-light .menu-lang{color:#2a2f3b;background:#f7f8fc;border:1px solid #d9deea}body.theme-light .menu-lang.active{color:#1a2d9b;background:#eef2ff;border-color:#4264ff}body.theme-light .mobile-bottom-nav{background:#fffffff5;border-top:1px solid #e3e5ea}body.theme-light .bottom-item{color:#6f7788}body.theme-light .bottom-item.active{color:#111}body.theme-light .work-card{background:#fff;border:1px solid #e7e9ef}.page-shell{max-width:900px;margin:0 auto;padding:10px 10px 0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.work-card{background:#121317;border:1px solid #2b2d34;border-radius:18px;text-decoration:none;display:block;overflow:hidden}.work-cover{aspect-ratio:9/16;background:#111;width:100%;position:relative}.work-cover img{object-fit:cover;display:block}.work-overlay{background:linear-gradient(#0000,#000c 45%,#000000eb);padding:12px;position:absolute;bottom:0;left:0;right:0}.overlay-title{color:#fff;margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.2}.overlay-row{color:#d7dbe4;justify-content:space-between;align-items:center;font-size:14px;display:flex}.overlay-badge{color:#fff;background:#0000008c;border-radius:9px;padding:2px 8px;font-family:Courier New,monospace}.work-card-body{padding:14px}.work-card-body h2{margin:0 0 8px;font-size:18px}.work-card-body p{color:var(--soft);margin:0}.work-card-meta{display:none}.seo-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.player-shell{background:var(--panel);border:1px solid #262626;border-radius:14px;position:relative;overflow:hidden}.buffer-bar{background:var(--ok);height:4px;transition:width .1s linear}.player-zone{background:#000;width:100%}.player-zone video{width:100%;max-height:70vh;display:block}.hint-panel{background:#0d0d0d;border-top:1px solid #232323;padding:16px}.hint-title{margin:0 0 8px;font-size:18px;font-weight:700}.primary-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:14px}.primary-btn:hover{filter:brightness(1.05)}.error-text{color:#ff6b6b}.is-player-page .mobile-topbar,.is-player-page .mobile-bottom-nav{display:none}.is-player-page .app-main{padding-top:0;padding-bottom:0}.is-player-page .page-shell.player-page{max-width:none;min-height:100dvh;margin:0;padding:0}.is-player-page .player-shell{background:#000;border:none;border-radius:0;min-height:100dvh}.is-player-page .buffer-bar{z-index:4;position:absolute;top:0;left:0}.is-player-page .player-zone,.is-player-page .player-zone video{object-fit:cover;background:#000;width:100%;height:100dvh;max-height:none}.is-player-page .hint-panel{z-index:3;background:linear-gradient(#0000,#000000bf 35%,#000000e6);border-top:none;position:absolute;bottom:0;left:0;right:0}@media (min-width:1024px){.page-shell{max-width:980px;padding:14px}.card-grid{gap:12px}}