:root{--accent:#2337ff;--accent-dark:#000d8a;--black:15, 18, 25;--gray:96, 115, 159;--gray-light:229, 233, 240;--gray-dark:34, 41, 57;--gray-gradient:rgba(var(--gray-light), 50%), #fff;--box-shadow:0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}body{font-family:var(--font-atkinson);text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));background-size:100% 600px;margin:0;padding:0;font-size:20px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{color:rgb(var(--black));margin:0 0 .5rem;line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{border-radius:8px;max-width:100%;height:auto}code{background-color:rgb(var(--gray-light));border-radius:2px;padding:2px 5px}pre{border-radius:8px;padding:1.5em}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);margin:0;padding:0 0 0 20px;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media (width<=720px){body{font-size:18px}main{padding:1em}}.sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent!important}a,button,input,textarea,select{-webkit-tap-highlight-color:#0000!important;outline:none!important}.glass-header,.glass-header *{box-sizing:border-box}.glass-header{z-index:1000;-webkit-backdrop-filter:none;will-change:transform;background:0 0;border-bottom:1px solid #0000;width:100%;height:75px;transition:transform .4s cubic-bezier(.25,1,.5,1),background-color .4s,border-color .4s;position:fixed;top:0;left:0}.glass-header .logo,.glass-header .nav-item .zh{color:#fff;text-shadow:0 2px 4px #00000080}.glass-header .nav-item .en{color:#fffc}.glass-header .search-btn{color:#fff;filter:drop-shadow(0 2px 4px #00000080)}.glass-header.scrolled{border-bottom:1px solid #0000000d;transform:translateZ(0);box-shadow:0 10px 30px #a0968c14;backdrop-filter:blur(20px)saturate(180%)!important;background:#fdfaf5b8!important}.glass-header.scrolled .logo,.glass-header.scrolled .nav-item .zh{color:var(--text-dark,#2c2925);text-shadow:none}.glass-header.scrolled .nav-item.active .zh,.glass-header.scrolled .nav-item:hover .zh{color:#fff}.glass-header.scrolled .search-btn{color:var(--text-dark,#2c2925);filter:none}.header-inner{justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 4%;display:flex}.logo{letter-spacing:3px;margin-left:20px;font-family:Noto Serif SC,serif;font-size:1.6rem;font-weight:900;text-decoration:none;transition:color .5s}.nav-links{align-items:center;gap:0;display:flex}.nav-item{width:105px;height:75px;text-decoration:none;position:relative;overflow:hidden}.nav-item:before{content:"";z-index:0;background-color:#ffffff26;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0;transform:translate(-101%)}.glass-header.scrolled .nav-item:before{background-color:var(--text-dark,#2c2925)}.nav-item.active:before{transform:translate(0)}.nav-item .zh,.nav-item .en{white-space:nowrap;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-item .zh{z-index:2;font-family:Noto Serif SC,serif;font-size:1rem;font-weight:700;transition:color .3s}.nav-item .en{letter-spacing:1px;opacity:0;z-index:1;font-size:.65rem;font-weight:700;transition:opacity .3s,transform .4s}.nav-item:hover:before{transform:translate(0)}.nav-item:hover .zh,.nav-item.active .zh{transform:translate(-50%,calc(-50% - 2px))}.nav-item:hover .en,.nav-item.active .en{opacity:1;transform:translate(-50%,calc(18px - 50%))}.search-btn{box-shadow:none;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;height:75px;margin-left:30px;padding:0 10px;transition:transform .3s,color .5s,filter .5s;display:flex}.search-btn:hover{transform:scale(1.15)}.mobile-menu-btn{display:none}@media (width<=768px){.glass-header{height:60px}.glass-header.nav-hidden{transform:translateY(-100%)!important}.header-inner{justify-content:space-between;padding:0 16px;position:relative}.nav-links{display:none!important}.mobile-menu-btn{color:#fff;cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .5s;display:flex!important}.glass-header.scrolled .mobile-menu-btn{color:var(--text-dark,#2c2925)}.logo{letter-spacing:2px;white-space:nowrap;margin-left:0;font-size:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search-btn{z-index:2;height:60px;margin-left:0}.capsule-search-container{width:92vw;top:68px}}.mobile-drawer-overlay{backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;background:#00000073;transition:opacity .4s;position:fixed;inset:0}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{z-index:2001;backdrop-filter:blur(25px)saturate(180%);background:#fdfaf5f0;border-right:1px solid #fff9;flex-direction:column;width:285px;max-width:82vw;height:100vh;padding:40px 22px 30px;transition:transform .4s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:10px 0 40px #00000026}.mobile-drawer.open{transform:translate(0)}.drawer-header{text-align:center;flex-direction:column;align-items:center;margin-top:10px;display:flex}.drawer-avatar{z-index:2;background:#fff;border:4px solid #fff;border-radius:50%;width:104px;height:104px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 5px 18px #0000001f}.drawer-avatar img{object-fit:cover;width:100%;height:100%}.drawer-name{color:var(--text-dark,#2c2925);letter-spacing:2px;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:1.45rem;font-weight:700}.drawer-motto{color:#777;letter-spacing:1px;padding:0 10px;font-size:.88rem;line-height:1.6}.drawer-divider{background:linear-gradient(90deg,#0000,#b0a59766,#0000);width:100%;height:1px;margin:22px 0 15px}.drawer-nav{flex-direction:column;gap:6px;display:flex}.drawer-item{color:#444;border-radius:12px;padding:14px 18px;font-family:Noto Serif SC,serif;font-size:1.02rem;font-weight:700;text-decoration:none;transition:all .25s;display:block}.drawer-item:hover{color:var(--text-dark,#2c2925);background:#2c29250f;transform:translate(4px)}.drawer-item.active{color:var(--text-dark,#2c2925);background:#b0a59738;font-weight:900}.drawer-announcement{background:#ffffffa6;border:1px solid #0000000a;border-radius:12px;margin-top:auto;padding:16px;box-shadow:0 4px 15px #a0968c0f}.drawer-announcement-title{color:var(--text-dark,#2c2925);align-items:center;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:.95rem;font-weight:700;display:flex}.drawer-announcement-title .title-icon{color:var(--art-accent,#b0a597);margin-right:6px;font-size:1.1rem}.drawer-announcement-text{color:#666;font-size:.82rem;line-height:1.7}.capsule-search-container{opacity:0;pointer-events:none;z-index:999;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:absolute;top:85px;left:50%;transform:translate(-50%)translateY(-15px)scale(.92)}.capsule-search-container.active{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.capsule-search-container.sinking{pointer-events:none;animation:.42s cubic-bezier(.55,.055,.675,.19) forwards sinkDown!important}@keyframes sinkDown{0%{opacity:1;filter:blur();transform:translate(-50%)translateY(0)scale(1)}20%{opacity:1;transform:translate(-50%)translateY(-6px)scale(1.02)}to{opacity:0;filter:blur(12px);transform:translate(-50%)translateY(140px)scale(.7)}}.capsule-form{backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #ffffffb3;border-radius:50px;align-items:center;width:90vw;max-width:580px;height:52px;padding:4px 6px 4px 18px;display:flex;box-shadow:0 15px 35px #0000001f,inset 0 1px #ffffffe6}.capsule-icon{color:#777;align-items:center;margin-right:12px;display:flex}.capsule-input{color:#2c2925;background:0 0;border:none;outline:none;flex:1;font-family:Noto Sans SC,sans-serif;font-size:.98rem}.capsule-input::placeholder{color:#999;font-size:.88rem}.capsule-submit-btn{color:#fff;cursor:pointer;background:#2c2925;border:none;border-radius:40px;outline:none;padding:8px 22px;font-size:.9rem;font-weight:700;transition:all .3s}.capsule-submit-btn:hover{background:var(--accent-color,#b0a597);transform:scale(1.03)}