html,body,#app{margin:0;padding:0;height:100%}:root{--primary:#0f6d70;--primary-dark:#084b4e;--primary-light:#79afaa;--primary-bg:#e6f1ed;--primary-gradient:linear-gradient(135deg,#0f6d70,#2f8682);--accent:#d99332;--accent-soft:#f5e4c5;--success:#36775d;--warning:#c17b25;--danger:#b84e44;--info:#5f6e70;--bg:#f5f1e8;--bg-white:#fffdf8;--bg-elevated:#fffdf8;--paper:#fffdf8;--paper-deep:#ece4d4;--ink:#1c3031;--text-primary:#1c3031;--text-regular:#405354;--text-secondary:#718080;--text-placeholder:#9aa4a0;--text-disabled:#c9ceca;--border:#ddd5c6;--border-light:#ebe4d8;--border-darker:#c9bfaf;--shadow-sm:0 1px 0 rgba(35,54,52,.05);--shadow:0 10px 24px rgba(38,56,51,.055);--shadow-md:0 16px 36px rgba(38,56,51,.08);--shadow-lg:0 24px 52px rgba(38,56,51,.11);--shadow-xl:0 32px 72px rgba(38,56,51,.14);--shadow-hover:0 20px 42px rgba(38,75,72,.13);--radius-sm:3px;--radius:6px;--radius-lg:12px;--radius-xl:18px;--radius-2xl:24px;--transition-fast:.16s ease;--transition:.26s cubic-bezier(.2,.75,.25,1);--transition-slow:.42s cubic-bezier(.2,.75,.25,1);--header-height:70px;--sidebar-width:240px;--sidebar-collapsed:64px;--content-max-width:1240px;--z-dropdown:100;--z-sticky:200;--z-overlay:800;--z-modal:1000;--z-notification:1100}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}button,input,textarea,select,.n-button,.n-input{font-family:PingFang SC,Microsoft YaHei,sans-serif}#app{min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}::selection{background:#b8d9d1;color:var(--ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#eee8dc}::-webkit-scrollbar-thumb{background:#b8b7a9;border:2px solid #eee8dc;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8d9892}*{scrollbar-width:thin;scrollbar-color:#b8b7a9 #eee8dc}.edu-card{background:var(--paper);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition)}.edu-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.page-container{max-width:var(--content-max-width);margin:0 auto;padding:0 28px}.section-title{font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:.02em;font-weight:700;color:var(--ink);margin:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.page-header h2{font-size:28px;letter-spacing:.02em;margin:0 0 5px;color:var(--ink)}.page-header .header-desc{color:var(--text-secondary);font-family:PingFang SC,Microsoft YaHei,sans-serif}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:opacity .28s ease,transform .28s ease}.slide-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.slide-fade-enter-from{opacity:0;transform:translateY(10px)}.slide-fade-leave-to{opacity:0;transform:translateY(-6px)}.scale-in-enter-active{transition:opacity .22s ease,transform .22s ease}.scale-in-leave-active{transition:opacity .16s ease}.scale-in-enter-from{opacity:0;transform:scale(.97)}.scale-in-leave-to{opacity:0}.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.admin-card{border-radius:var(--radius-lg);border:1px solid var(--border-light)}.skeleton-pulse{animation:shimmer 1.8s ease-in-out infinite;background:linear-gradient(90deg,#f3eee4 25%,#e7ded0 37%,#f3eee4 63%);background-size:200% 100%;border-radius:6px}@media(max-width:768px){.page-container{padding:0 18px}.page-header{flex-direction:column;gap:12px}.page-header h2{font-size:24px}}@media print{.site-header,.admin-sidebar,.admin-topbar,.site-footer{display:none!important}}