.header{position:fixed;top:0;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:1000;transition:all var(--transition-base)}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.header__logo{display:inline-flex;align-items:center;gap:.625rem;text-decoration:none;font-family:DengXian,等线,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:var(--font-size-h3);font-weight:700;color:#000}.header__logo:hover{color:#000}.header__logo-mark{width:28px;height:31px;flex:0 0 auto;object-fit:contain}.header__logo--mobile{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.header__nav--mobile .header__logo--mobile{display:inline-flex}.header__nav--desktop{display:none}@media (min-width: 1024px){.header__nav--desktop{display:flex;gap:var(--spacing-lg);align-items:center}}.header__nav-link{text-decoration:none;color:var(--color-text);font-size:var(--font-size-small);font-weight:500;transition:color var(--transition-base);position:relative}.header__nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width var(--transition-base)}.header__nav-link:hover{color:var(--color-primary)}.header__nav-link:hover:after{width:100%}.header__nav-link--login{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--color-primary);color:#fff!important;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-base)}.header__nav-link--login:hover{background-color:var(--color-accent);transform:translateY(-1px)}.header__nav-link--login:after{display:none}.header__nav-link--logout{padding:0;border:none;background:none;cursor:pointer}.header__nav-link--logout:disabled{cursor:wait;opacity:.65}.header__wechat-icon{width:16px;height:16px}.header__auth-loading{color:var(--color-text-light);font-size:var(--font-size-small)}.header__user-menu-wrapper{position:relative}.header__user-chip{display:inline-flex;align-items:center;gap:.5rem;max-width:200px;padding:.4rem .75rem;border-radius:999px;background:#0f172a0f;color:var(--color-text);border:none;cursor:pointer;transition:all var(--transition-base)}.header__user-chip:hover{background:#0f172a1a}.header__user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 auto}.header__user-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:700;text-transform:uppercase}.header__user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-small);font-weight:600}.header__user-arrow{width:18px;height:18px;color:var(--color-text-light);transition:transform var(--transition-base)}.header__user-chip[aria-expanded=true] .header__user-arrow{transform:rotate(180deg)}.header__user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001f,0 2px 10px #00000014;padding:var(--spacing-sm) 0;z-index:1001;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header__user-dropdown-header{padding:.5rem 1rem .75rem;border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.header__user-greeting{font-size:var(--font-size-small);color:var(--color-text-light);font-weight:500}.header__user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;text-decoration:none;color:var(--color-text);transition:background var(--transition-base);border:none;background:none;width:100%;cursor:pointer;text-align:left}.header__user-dropdown-item:hover{background:#0000000a}.header__user-dropdown-item svg:first-child{width:20px;height:20px;color:var(--color-primary);flex:0 0 auto}.header__user-dropdown-item-content{flex:1;min-width:0}.header__user-dropdown-item-title{display:block;font-size:var(--font-size-small);font-weight:600;color:var(--color-text)}.header__user-dropdown-item-desc{display:block;font-size:.75rem;color:var(--color-text-light);margin-top:2px}.header__user-dropdown-divider{height:1px;background:var(--color-border);margin:.5rem 0}.header__user-dropdown-item--logout{color:#dc2626}.header__user-dropdown-item--logout svg:first-child{color:#dc2626}.header__user-dropdown-item--logout:hover{background:#fef2f2}.header__user-dropdown-item--logout:disabled{opacity:.5;cursor:wait}.header__menu-toggle{display:block;padding:var(--spacing-xs);background:none;border:none;cursor:pointer}@media (min-width: 1024px){.header__menu-toggle{display:none}}.header__menu-icon{display:flex;flex-direction:column;gap:5px;width:24px}.header__menu-icon span{display:block;width:100%;height:2px;background-color:var(--color-primary);transition:all var(--transition-base)}.header__menu-icon--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__menu-icon--open span:nth-child(2){opacity:0}.header__menu-icon--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__nav--mobile{display:none;flex-direction:column;padding:var(--spacing-md) 0;gap:var(--spacing-sm);border-top:1px solid var(--color-border)}.header__nav--mobile.header__nav--open{display:flex}@media (min-width: 1024px){.header__nav--mobile{display:none!important}}.header__nav--mobile .header__nav-link{padding:var(--spacing-sm) 0;font-size:var(--font-size-body)}.header__nav--mobile .header__auth-loading{padding:var(--spacing-sm) 0}.header__nav--mobile .header__user-chip{max-width:100%;justify-content:flex-start}.header__mobile-menu-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.header__mobile-menu-section-title{padding:.5rem 0;font-size:var(--font-size-small);font-weight:600;color:var(--color-primary)}.header__mobile-menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--color-text);font-size:var(--font-size-body);text-decoration:none;border:none;background:none;cursor:pointer;width:100%;text-align:left;transition:color var(--transition-base)}.header__mobile-menu-item:hover{color:var(--color-primary)}.header__mobile-menu-item svg{width:20px;height:20px;color:var(--color-primary);flex:0 0 auto}.header__mobile-menu-item--logout{color:#dc2626;margin-top:var(--spacing-sm)}.header__mobile-menu-item--logout svg{color:#dc2626}.header__guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:#0f172a7a}.header__guide-card{width:min(100%,420px);padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.header__guide-title{margin-bottom:var(--spacing-sm);font-size:var(--font-size-h4);color:#000}.header__guide-text{margin-bottom:.75rem;color:var(--color-text);line-height:1.7}.header__guide-copy{width:100%;margin-top:var(--spacing-sm);padding:.875rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-primary);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.header__guide-copy:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.header__guide-feedback{margin-top:.75rem;margin-bottom:0;color:var(--color-text-light);font-size:var(--font-size-small);line-height:1.6}.header__guide-close{width:100%;margin-top:var(--spacing-sm);padding:.875rem 1rem;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-body);font-weight:600;cursor:pointer;border:none;transition:background var(--transition-base)}.header__guide-close:hover{background:var(--color-accent)}.footer{background-color:var(--color-primary);color:#fff;padding:var(--spacing-4xl) 0 var(--spacing-xl);margin-top:var(--spacing-4xl)}.footer__content{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}@media (min-width: 768px){.footer__content{grid-template-columns:2fr 1fr 1fr}}.footer__brand-title{font-family:var(--font-family-en-title);font-size:var(--font-size-h3);color:#fff;margin-bottom:var(--spacing-md)}.footer__brand-desc{color:#fffc;line-height:1.8;max-width:400px}.footer__links-title,.footer__contact-title{color:#fff;font-size:var(--font-size-h4);margin-bottom:var(--spacing-md)}.footer__links-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}@media (min-width: 768px){.footer__links-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}}.footer__link{display:block;color:#fffc;text-decoration:none;padding:var(--spacing-xs) 0;transition:color var(--transition-base)}.footer__link:hover{color:var(--color-accent)}.footer__contact-item{color:#fffc;margin-bottom:var(--spacing-xs)}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.2);text-align:center}@media (min-width: 768px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__copyright{color:#fff9;font-size:var(--font-size-small)}.footer__social{display:flex;align-items:center;gap:var(--spacing-sm)}.footer__social-text{color:#fff9;font-size:var(--font-size-small)}.footer__beian{color:#fff9;font-size:var(--font-size-small);text-decoration:none;transition:color var(--transition-base)}.footer__beian:hover{color:var(--color-accent)}:root{--color-primary: #1A365D;--color-secondary: #F5F0E8;--color-accent: #D69E2E;--color-text: #2D3748;--color-text-light: #718096;--color-background: #FFFFFF;--color-background-warm: #FAF8F5;--color-border: #E2E8F0;--font-family-zh-title: "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--font-family-zh-body: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-en-title: "Playfair Display", Georgia, serif;--font-family-en-body: "Inter", "Source Sans Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-h1: 3rem;--font-size-h2: 2.25rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-body: 1rem;--font-size-small: .875rem;--font-size-xs: .75rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--spacing-4xl: 8rem;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max: 1200px;--container-narrow: 800px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-scale-fade-in{animation:scaleFadeIn .5s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-zh-body);color:var(--color-text);background-color:var(--color-background);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-zh-title);font-weight:600;line-height:1.3;color:var(--color-primary)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{margin-bottom:var(--spacing-sm);line-height:1.8}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md)}.container-narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:0 var(--spacing-md)}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-secondary)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background-color:var(--color-accent);color:#fff}