:root{color-scheme:dark;--ink: #f7fbff;--ink-soft: rgba(244, 249, 255, .72);--ink-faint: rgba(244, 249, 255, .46);--stroke: rgba(255, 255, 255, .19);--stroke-strong: rgba(255, 255, 255, .34);--glass: rgba(8, 31, 67, .55);--glass-deep: rgba(4, 21, 48, .67);--glass-light: rgba(230, 246, 255, .13);--cyan: #a8ecff;--coral: #ffc5b8;--navy: #082147;--red: #ff6258;--yellow: #ffbd2e;--green: #28c840;--window-radius: 8px;--font-content: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden;color:var(--ink);background:#0876e7;font-family:var(--font-content);font-weight:400;letter-spacing:0}button{color:inherit;font:inherit}a{color:inherit;text-decoration:none}.scene{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;isolation:isolate}.wallpaper-wrap{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#0876e7;transition:filter .52s ease,transform .7s cubic-bezier(.2,.75,.18,1)}.wallpaper-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#0876e7}.scene.desktop-open .wallpaper-wrap{filter:blur(15px) saturate(.88) brightness(.78);transform:scale(1.045)}.scene:after{position:absolute;inset:0;z-index:-2;content:"";background:#0019470f;pointer-events:none;transition:background .52s ease}.scene.desktop-open:after{background:#00123038}.cover{position:absolute;inset:0;z-index:10;cursor:pointer;outline:none;transition:opacity .32s ease,visibility .32s ease,transform .56s cubic-bezier(.2,.75,.18,1)}.cover:focus-visible{box-shadow:inset 0 0 0 2px var(--cyan)}.scene.desktop-open .cover{visibility:hidden;opacity:0;pointer-events:none;transform:scale(1.025)}.cover-brand{position:absolute;top:clamp(28px,5vh,58px);left:clamp(24px,6vw,96px);display:flex;gap:10px;align-items:center;font-size:12px;font-weight:500}.cover-brand:before{width:8px;height:8px;content:"";background:var(--coral);border:1px solid rgba(255,255,255,.76);border-radius:50%;box-shadow:0 0 18px #ffc5b8cc}.cover-copy{position:absolute;top:50%;left:clamp(24px,8vw,132px);width:min(470px,43vw);text-shadow:0 2px 24px rgba(0,43,103,.24);transform:translateY(-51%)}.cover-copy h1{margin:0;font-family:var(--font-content);font-size:clamp(42px,5vw,68px);font-weight:600;line-height:1.2;letter-spacing:0}.cover-intro{max-width:360px;margin:20px 0 0;color:#ffffffd1;font-size:clamp(13px,1.2vw,16px);line-height:1.65}.identity-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.identity-strip span{padding:6px 10px;color:#ffffffd1;background:#041f483b;border:1px solid rgba(255,255,255,.22);border-radius:999px;backdrop-filter:blur(10px);font-size:10px}.enter-cue{position:absolute;bottom:clamp(26px,6vh,60px);left:50%;display:block;padding:9px 15px;color:#ffffffc7;background:#07204642;border:1px solid rgba(255,255,255,.28);border-radius:999px;backdrop-filter:blur(14px);transform:translate(-50%);animation:cue 2.2s ease-in-out infinite}.enter-cue span{font-size:10px;font-weight:500}.desktop{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(24px) scale(.965);transition:opacity .42s ease .1s,transform .65s cubic-bezier(.16,.84,.2,1) 80ms}.scene.desktop-open .desktop{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.menu-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:31px;padding:0 15px;background:#05183485;border-bottom:1px solid var(--stroke);box-shadow:inset 0 1px #ffffff21;backdrop-filter:blur(18px) saturate(140%);font-size:10px}.menu-left,.menu-right{display:flex;gap:14px;align-items:center}.menu-left b{font-weight:600}.menu-center,.menu-right time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.menu-center{color:var(--ink-soft)}.menu-right{justify-content:flex-end}.online{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #a8ecffcc}.window{position:absolute;top:clamp(54px,7vh,78px);right:clamp(18px,4vw,66px);bottom:clamp(38px,5vh,58px);left:clamp(18px,4vw,66px);display:grid;grid-template-rows:46px minmax(0,1fr);overflow:hidden;background:var(--glass);border:1px solid var(--stroke-strong);border-radius:var(--window-radius);box-shadow:inset 0 1px #ffffff5e,inset 1px 0 #ffffff1a,0 28px 80px #00163d57;backdrop-filter:blur(24px) saturate(140%);transition:top .36s cubic-bezier(.2,.8,.2,1),right .36s cubic-bezier(.2,.8,.2,1),bottom .36s cubic-bezier(.2,.8,.2,1),left .36s cubic-bezier(.2,.8,.2,1),border-radius .36s cubic-bezier(.2,.8,.2,1)}.desktop.window-fullscreen .window{inset:31px 0 0;border-radius:0}.window-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;background:#04142d99;border-bottom:1px solid var(--stroke)}.window-left{display:flex;gap:10px;align-items:center}.traffic{display:flex;gap:7px;margin-left:2px}.traffic button{width:10px;height:10px;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;cursor:pointer;transition:filter .12s ease,transform .12s ease}.traffic button:hover{filter:brightness(1.15);transform:scale(1.14)}.traffic button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.traffic button:disabled{opacity:.38;filter:saturate(.25);cursor:default;transform:none}.traffic button:nth-child(1){background:var(--red)}.traffic button:nth-child(2){background:var(--yellow)}.traffic button:nth-child(3){background:var(--green)}.window-title{color:#ffffffb8;font-size:10px;font-weight:500}.window-tools{min-width:70px}.window-grid{display:grid;grid-template-columns:205px minmax(0,1fr) 245px;min-height:0}.panel{min-width:0;min-height:0;overflow:auto}.nav-panel{display:flex;flex-direction:column;padding:19px 12px 13px;background:var(--glass-deep);border-right:1px solid var(--stroke)}.profile{display:flex;gap:10px;align-items:center;margin:0 8px 24px}.profile-avatar{width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(255,255,255,.68);border-radius:7px;object-fit:cover}.profile b{display:block;font-size:12px;font-weight:500}.profile span{color:var(--ink-faint);font-size:9px}.nav-label{margin:0 9px 7px;color:var(--ink-faint);font-size:8px;font-weight:500;text-transform:uppercase}.nav-list{display:grid;gap:3px}.nav-list a,.nav-item{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;min-height:36px;padding:0 9px;color:var(--ink-soft);border-radius:6px;font-size:11px}.nav-list a:hover,.nav-list a:focus-visible{background:#ffffff12;outline:none}.nav-list a.active{color:#fff;background:#d2f0ff26;box-shadow:inset 0 1px #ffffff14}.nav-count{color:var(--ink-faint);font-family:var(--font-mono);font-size:9px;font-variant-numeric:tabular-nums}.nav-foot{margin:auto 9px 0;padding-top:12px;color:var(--ink-faint);border-top:1px solid var(--stroke);font-size:8px;line-height:1.6}.main-panel{background:#061c3d21}.content{width:min(100%,720px);margin:0 auto;padding:clamp(28px,4vw,52px)}.content-head{padding-bottom:21px;border-bottom:1px solid var(--stroke)}.content-head h1{margin:0;font-family:var(--font-content);font-size:clamp(28px,3vw,36px);font-weight:600;line-height:1.35;letter-spacing:0}.post-list{display:grid}.post-row{display:grid;grid-template-columns:38px minmax(0,1fr) 88px;gap:16px;align-items:center;min-height:82px;border-bottom:1px solid var(--stroke)}.post-row:focus-visible{outline:1px solid var(--cyan);outline-offset:-1px}.post-index{color:var(--ink-faint);font-family:var(--font-mono);font-size:8px;font-variant-numeric:tabular-nums}.post-copy{display:grid;gap:4px;min-width:0}.post-title{font-size:16px;line-height:1.5;transition:color .12s ease}.post-summary{overflow:hidden;color:var(--ink-faint);font-size:9px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.post-row:hover .post-title{color:var(--cyan)}.post-meta{color:var(--ink-faint);font-family:var(--font-mono);font-size:8px;text-align:right}.empty{display:grid;place-items:center;min-height:240px;margin:0;color:var(--ink-soft);font-size:16px;text-align:center}.article{width:min(100%,720px);margin:0 auto;padding:clamp(30px,5vw,60px) clamp(24px,5vw,58px)}.article-back{display:inline-flex;align-items:center;color:var(--ink-soft);font-size:10px}.article-back:hover,.article-back:focus-visible{color:var(--cyan)}.article-head{margin:38px 0 34px}.article-meta{margin:0 0 12px;color:var(--cyan);font-size:10px;font-weight:500;line-height:1.5}.article-head h1{max-width:650px;margin:11px 0 0;font-family:var(--font-content);font-size:clamp(32px,4vw,44px);font-weight:500;line-height:1.35;letter-spacing:0;text-wrap:balance}.article-deck{margin:20px 0 0;color:var(--ink-soft);font-size:15px;line-height:1.75}.side-panel{padding:22px 18px;background:#0416316b;border-left:1px solid var(--stroke)}.side-panel h2{margin:0 0 16px;font-size:10px;font-weight:500}.now{padding-bottom:18px;border-bottom:1px solid var(--stroke)}.now-time{display:block;margin-bottom:8px;color:var(--coral);font-family:var(--font-mono);font-size:26px;line-height:1.4}.now p,.side-copy{margin:0;color:var(--ink-soft);font-size:10px;line-height:1.65}.mini-list{display:grid;margin-top:16px}.mini-item{display:block;padding:12px 0;border-bottom:1px solid var(--stroke)}.mini-item b{display:-webkit-box;margin-bottom:4px;overflow:hidden;font-size:10px;font-weight:500;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.mini-item time{color:var(--ink-faint);font-family:var(--font-mono);font-size:8px}@keyframes cue{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,4px)}}@media(max-width:1050px){.window-grid{grid-template-columns:170px minmax(0,1fr)}.side-panel{display:none}}@media(max-width:720px){.cover-copy{top:24%;left:22px;width:54%;transform:none}.cover-copy h1{font-size:clamp(38px,12vw,52px)}.cover-intro{max-width:220px;font-size:12px;line-height:1.65}.identity-strip{max-width:180px}.wallpaper-video{object-position:34% center}.menu-bar{grid-template-columns:1fr 1fr}.menu-center{display:none}.menu-right{grid-column:2}.window{inset:42px 9px 75px}.window-grid{grid-template-columns:58px minmax(0,1fr)}.nav-panel{padding:14px 6px 10px}.profile{justify-content:center;margin:0 0 18px}.profile-copy,.nav-label,.nav-count,.nav-foot{display:none}.nav-list a,.nav-item{display:block;min-height:43px;padding:0 2px;font-size:8px;line-height:43px;text-align:center;white-space:nowrap}.content{padding:24px 18px}.article{padding:28px 20px 46px}.article-head h1{font-size:30px}.post-row{grid-template-columns:27px minmax(0,1fr);gap:9px;min-height:74px}.post-title{font-size:13px}.post-summary,.post-meta{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}