:root{--c-primary: #2563eb;--c-primary-light: #3b82f6;--c-primary-dark: #1d4ed8;--c-secondary: #dc2626;--c-secondary-light: #ef4444;--c-secondary-dark: #b91c1c;--c-accent: #059669;--c-accent-light: #10b981;--c-success: #10b981;--c-warning: #d97706;--c-info: #0ea5e9;--c-brand: var(--c-primary);--c-brand-light: var(--c-primary-light);--c-brand-dark: var(--c-primary-dark);--c-text: #0f172a;--c-text-secondary: #475569;--c-text-light: #64748b;--c-background: #ffffff;--c-surface: #f8fafc;--c-card-bg: rgba(255, 255, 255, .85);--c-card-border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif;--font-family-display: "Inter", "Noto Sans SC", sans-serif;--font-special: "Zhi Mang Xing", cursive;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem}html[data-theme=dark]{--c-primary: #60a5fa;--c-primary-light: #93c5fd;--c-primary-dark: #3b82f6;--c-secondary: #f87171;--c-secondary-light: #fca5a5;--c-secondary-dark: #ef4444;--c-accent: #34d399;--c-accent-light: #6ee7b7;--c-brand: var(--c-primary);--c-brand-light: var(--c-primary-light);--c-brand-dark: var(--c-primary-dark);--c-text: #f1f5f9;--c-text-secondary: #cbd5e1;--c-text-light: #94a3b8;--c-background: #0f172a;--c-surface: #1e293b;--c-card-bg: rgba(30, 41, 59, .85);--c-card-border: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7)}html{font-family:var(--font-family-base);background:var(--c-background);color:var(--c-text);line-height:1.6;transition:background .3s ease,color .3s ease;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;background:var(--c-background);display:flex;flex-direction:column;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.08),transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05),transparent 50%);z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(99,102,241,.06),transparent 40%),radial-gradient(circle at 70% 60%,rgba(236,72,153,.06),transparent 40%);animation:rotate-gradient 30s linear infinite;z-index:-1;pointer-events:none}html[data-theme=dark] body:before{background:radial-gradient(circle at 20% 20%,rgba(129,140,248,.15),transparent 50%),radial-gradient(circle at 80% 80%,rgba(244,114,182,.15),transparent 50%),radial-gradient(circle at 50% 50%,rgba(167,139,250,.1),transparent 50%)}html[data-theme=dark] body:after{background:radial-gradient(circle at 30% 40%,rgba(129,140,248,.1),transparent 40%),radial-gradient(circle at 70% 60%,rgba(244,114,182,.1),transparent 40%)}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{padding:1rem 1.5rem;background:#fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--c-card-border);transition:all .3s ease}html[data-theme=dark] header{background:#0f172acc;border-bottom-color:var(--c-card-border);box-shadow:var(--shadow-md)}nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem}.nav-brand{font-family:var(--font-family-display);font-weight:700;font-size:var(--font-size-xl);color:var(--c-text);text-decoration:none;letter-spacing:-.02em;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.nav-brand:hover{transform:translateY(-1px)}.nav-brand span{background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-links a{text-decoration:none;color:var(--c-text-secondary);font-weight:500;font-size:var(--font-size-sm);padding:.5rem 1rem;border-radius:var(--radius-full);transition:all .2s ease;position:relative}.nav-links a:before{content:"";position:absolute;inset:0;background:var(--c-surface);border-radius:var(--radius-full);opacity:0;transition:opacity .2s ease;z-index:-1}.nav-links a:hover{color:var(--c-primary)}.nav-links a:hover:before{opacity:1}html[data-theme=dark] .nav-links a{color:var(--c-text-secondary)}html[data-theme=dark] .nav-links a:before{background:var(--c-surface)}html[data-theme=dark] .nav-links a:hover{color:var(--c-primary-light)}.main-content{flex:1 0 auto}.theme-toggle{background:var(--c-surface);border:1px solid var(--c-card-border);width:36px;height:36px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease;padding:0;box-shadow:var(--shadow-sm)}.theme-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.sun-icon{display:block}.moon-icon,html[data-theme=dark] .sun-icon{display:none}html[data-theme=dark] .moon-icon{display:block}.header-status{display:flex;gap:1rem;font-size:var(--font-size-xs);color:var(--c-text-light);padding-left:1rem;border-left:1px solid var(--c-card-border)}@media(max-width:768px){.header-status{display:none}nav{gap:1rem}.nav-links{gap:.25rem}.nav-links a{padding:.4rem .8rem;font-size:var(--font-size-xs)}}footer{margin-top:auto;padding:2rem 1rem;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--c-card-border);text-align:center}html[data-theme=dark] footer{background:#0f172a99}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;color:var(--c-text-light);gap:1rem;font-size:var(--font-size-sm)}.footer-stats{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--c-surface);border-radius:var(--radius-full);border:1px solid var(--c-card-border)}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--c-text-secondary)}.stat-item svg{color:var(--c-primary);flex-shrink:0}.stat-item span{font-size:var(--font-size-xs)}.stat-item span span{font-weight:600;color:var(--c-primary)}.stat-divider{color:var(--c-card-border)}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--c-text-light);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--c-primary)}@media(max-width:640px){.footer-stats{flex-direction:column;gap:.5rem}.stat-divider{display:none}}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}#waifu-tips{background:#ffffff73!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:15px!important;box-shadow:0 4px 15px #0000000d!important;font-family:var(--font-family-base)!important;color:var(--c-text)!important}html[data-theme=dark] #waifu-tips{background:#1e1f2399!important;border-color:#ffffff1a!important;color:#eee!important}#waifu #live2d{cursor:grab!important}#waifu #live2d:active{cursor:grabbing!important}.waifu-tool{display:none!important}@media(max-width:768px){#waifu{display:none!important}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:var(--radius-full);background:var(--c-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-card-border);color:var(--c-text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}#petal-cursor{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:998}@media(prefers-reduced-motion:reduce){#petal-cursor{display:none}}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.back-to-top svg{transition:transform .3s ease}.back-to-top:hover svg{transform:translateY(-2px)}*{box-sizing:border-box}