:root{--primary: #6366f1;--primary-light: #a5b4fc;--primary-dark: #3730a3;--secondary: #ec4899;--accent: #f59e0b;--success: #10b981;--danger: #ef4444;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--gap: 18px;--radius: 14px;--shadow: 0 6px 16px rgba(0,0,0,.12);--trans: .25s cubic-bezier(.4,0,.2,1)}@font-face{font-family:MapleMono;src:local("MapleMono-NF-CN-ExtraBold"),local("MapleMono NF CN ExtraBold"),url(https://file.utac99645.top/font/MapleMono-NF-CN-ExtraBold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}#app{width:100%;min-height:100vh}html,body{margin:0;padding:0;width:100vw;height:100%}body{font-family:MapleMono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;line-height:1.7;letter-spacing:.02em;transition:background .3s}.container{padding:var(--gap);margin:0 auto;max-width:1200px}@media(max-width:900px){.container{max-width:98vw}:root{--gap: 10px}}@media(max-width:600px){.container{padding:6px}body{font-size:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}img{width:100vw;height:auto;border-radius:2.5%;object-fit:cover;margin-bottom:12px;box-shadow:0 2px 8px #0000001a;border:3px solid var(--primary-light, #a5b4fc);transition:transform .2s}img:hover{transform:scale(1.06) rotate(-2deg)}nav{display:flex;justify-content:flex-end;align-items:center;padding:0 24px;height:56px;background:linear-gradient(90deg,var(--bg-secondary, #1e293b),var(--bg-tertiary, #334155));box-shadow:0 2px 8px #00000014;border-radius:0 0 16px 16px}nav ul{display:flex;gap:18px;list-style:none;align-items:center;margin:0;padding:0}nav li{margin:0}nav a,nav button{font-size:1rem;font-weight:700;color:var(--text-secondary, #cbd5e1);text-decoration:none;padding:10px 16px;border-radius:10px;transition:color var(--trans),background var(--trans);background:none;border:none;cursor:pointer}nav a.active,nav button.active{color:var(--primary, #6366f1);background:#6366f114}nav a:hover,nav button:hover{color:var(--text-primary, #f1f5f9);background:#ffffff0f}