*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-core:#0062ff;--brand-mid:#069dff;--brand-light:#0cc5ff;--brand-deep:#08307a;--bg-card:#ffffff24;--border-glass:#ffffff38;--border-highlight:#ffffff7a;--text-main:#fff;--text-sub:#ffffffd6;--text-soft:#ffffffa3;--shadow-blue:0 24px 64px #0325703d;--shadow-strong:0 32px 84px #021d5957;--font:"Outfit", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;--ease:cubic-bezier(.25, .46, .45, .94);--max-w:1120px;--nav-h:72px}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(circle at 14% 12%,#0cc5ff47,#0000 22%),radial-gradient(circle at 84% 10%,#ffffff29,#0000 18%),linear-gradient(#1eb9ff 0%,#0d9eff 18%,#006ef7 52%,#0056e4 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;line-height:1.6;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{opacity:.22;background:radial-gradient(circle at 16% 12%,#ffffff1f,#0000 24%),radial-gradient(circle at 84% 18%,#0cc5ff1a,#0000 18%)}body:after{opacity:.18;background:radial-gradient(circle at 14% 84%,#ffffff1a,#0000 22%),linear-gradient(#ffffff0a,#0000 22% 76%,#ffffff08)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}[hidden]{display:none!important}.wrap{max-width:var(--max-w);z-index:2;margin:0 auto;padding:0 32px;position:relative}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(22px);border:1px solid var(--border-glass);box-shadow:var(--shadow-blue), inset 0 1px 0 #ffffff14;border-radius:24px}.nav{z-index:100;width:100%;height:var(--nav-h);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0658e042;border-bottom:1px solid #ffffff29;position:fixed;top:0;box-shadow:0 8px 20px #02246e14}.nav-inner{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.nav-brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.nav-brand img{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 2px 10px #0325703d);opacity:.96;width:30px;height:30px}.btn{cursor:pointer;font-family:var(--font);white-space:nowrap;border:none;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:inline-flex}.btn-outline,.btn-ghost{min-height:40px;color:var(--text-main);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:0 18px;font-size:13px}.btn-outline:hover,.btn-ghost:hover{background:#ffffff2e}.btn-primary{min-height:46px;color:var(--brand-deep);background:#fffffff5;border-radius:14px;padding:0 22px;font-size:14px;box-shadow:0 10px 24px #ffffff3d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #ffffff47}.token-spotlight,.token-sphere{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.token-spotlight{filter:blur(8px);opacity:.68;background:linear-gradient(105deg,#ffffff1c,#0cc5ff1a 28%,#0000 78%);width:680px;height:116vh;top:-18vh;right:-18vw;transform:rotate(24deg)}.token-sphere{filter:blur(32px);opacity:.72;background:radial-gradient(circle,#ffffff29,#0cc5ff1a 38%,#0000 72%);width:520px;height:520px;top:10%;left:-11vw}.work-page{min-height:100vh;padding:calc(var(--nav-h) + 72px) 0 76px;z-index:2;position:relative}.back-link{color:#ffffffc7;align-items:center;margin-bottom:28px;font-size:14px;font-weight:700;display:inline-flex}.work-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:28px;display:grid}.work-cover-panel{overflow:hidden}.work-cover-panel img{aspect-ratio:16/10;object-fit:cover;background:#ffffff1a;border-bottom:1px solid #ffffff24;width:100%}.work-cover-caption{color:var(--text-sub);padding:18px 20px;font-size:13px}.work-main{background:linear-gradient(145deg,#ffffff29,#ffffff14);padding:36px 34px}.sect-label{color:#ffffffe6;letter-spacing:.08em;text-transform:uppercase;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;margin-bottom:18px;padding:8px 14px;font-size:12px;font-weight:800;display:inline-flex}h1{letter-spacing:-.06em;text-shadow:0 16px 40px #0062ff29;margin-bottom:14px;font-size:clamp(40px,5vw,64px);line-height:1.04}.summary{color:var(--text-sub);margin-bottom:22px;font-size:17px;line-height:1.82}.author-row{color:#ffffffc7;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:flex}.author-row strong{color:var(--text-main);font-size:16px}.author-social{background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.meta-item{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;min-height:84px;padding:14px}.meta-item span{color:#ffffffa3;margin-bottom:7px;font-size:12px;display:block}.meta-item strong{font-size:15px;line-height:1.35;display:block}.action-row{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.detail-block{border-top:1px solid #ffffff24;margin-top:22px;padding-top:22px}.detail-block h2{letter-spacing:-.03em;margin-bottom:10px;font-size:20px;line-height:1.3}.detail-block p{color:var(--text-sub);white-space:pre-wrap;font-size:15px;line-height:1.82}.missing-state{text-align:center;background:linear-gradient(145deg,#ffffff29,#ffffff14);max-width:680px;margin:0 auto;padding:42px}.missing-state h1{margin-bottom:14px;font-size:clamp(34px,5vw,48px)}.missing-state p{color:var(--text-sub);margin-bottom:24px;font-size:16px;line-height:1.82}@media (width<=900px){.wrap{padding:0 24px}.work-layout,.meta-grid{grid-template-columns:1fr}.work-main{padding:30px 24px}.nav-inner .btn-outline{padding:0 14px}}@media (width<=640px){.work-page{padding-top:calc(var(--nav-h) + 44px)}.work-main,.missing-state{padding:26px 20px}h1{font-size:40px}.action-row .btn,.missing-state .btn{width:100%}}