:root{--bg-color:#edf4fa;--text-color:#1f2937;--primary-color:#0284c7;--secondary-color:#0ea5e9;--accent-color:#0f766e;--nav-bg:#ffffffc7;--glass-bg:#ffffff9e;--glass-border:#ffffff8f;--glass-shadow:0 18px 60px #0f172a14;--section-max-width:1400px;--font-sans:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Noto Serif SC", "Songti SC", serif}[data-theme=dark]{--bg-color:#0f172a;--text-color:#f8fafc;--primary-color:#38bdf8;--secondary-color:#7dd3fc;--accent-color:#5eead4;--nav-bg:#0f172abd;--glass-bg:#0f172a99;--glass-border:#ffffff1a;--glass-shadow:0 18px 60px #0208176b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #0ea5e924, transparent 26%), radial-gradient(circle at 85% 12%, #0f766e24, transparent 22%), linear-gradient(180deg, var(--bg-color) 0%, color-mix(in srgb, var(--bg-color) 92%, white 8%) 100%);color:var(--text-color);min-height:100vh;font-family:var(--font-sans);transition:background-color .4s,color .4s;position:relative;overflow-x:hidden}body:before{content:"";opacity:.28;pointer-events:none;z-index:-3;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0}a{color:inherit;text-decoration:none}ul{list-style:none}.site-shell{min-height:100vh;position:relative}.site-main{z-index:1;min-height:calc(100vh - 220px);position:relative}.site-glow{filter:blur(72px);opacity:.22;pointer-events:none;z-index:-2;border-radius:999px;width:32rem;height:32rem;position:fixed}.site-glow-left{background:#0ea5e95c;top:8rem;left:-10rem}.site-glow-right{background:#0f766e3d;top:20rem;right:-10rem}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}::selection{background:#0ea5e938}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .3s}.glass-panel:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1f26871f}.glass-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:100;position:sticky;top:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}@media (max-width:768px){.site-glow{opacity:.18;width:20rem;height:20rem}body:before{opacity:.18;background-size:44px 44px}}
.page-container{max-width:var(--section-max-width);margin:0 auto;padding:2rem 4rem 1rem}.page-header{text-align:center;border:1px solid var(--glass-border);background:radial-gradient(circle at 100% 0,#0ea5e92e,#0000 24%),linear-gradient(135deg,#0284c71f,#0ea5e90a);border-radius:16px;margin-bottom:4rem;padding:4.8rem 2.5rem;position:relative;overflow:hidden}.page-header:before{content:"";filter:blur(10px);background:#ffffff61;border-radius:999px;width:220px;height:220px;position:absolute;inset:auto auto -80px -60px}.page-header h1{color:var(--primary-color);margin-bottom:1.1rem;font-size:3.5rem;font-weight:800}.page-header p{opacity:.82;max-width:58ch;margin:0 auto;font-size:1.2rem;line-height:1.8}@media (max-width:900px){.page-container{padding:1rem 2rem}.page-header{margin-bottom:2rem;padding:3rem 1.5rem}.page-header h1{font-size:2.5rem}.page-header p{font-size:1rem}}