:root{--bg-color:#FFFFFF;--primary-text-color:#3D0B5B;--secondary-text-color:#333333;--accent-color:#FBCB0A;--card-bg:rgba(255,255,255,0.95);--logo-color:#420868;--font-family-en:var(--font-rajdhani),sans-serif;--font-family-zh:var(--font-noto-sans-sc),sans-serif;--font-family-mixed:var(--font-rajdhani),var(--font-noto-sans-sc),sans-serif;--font-weight-regular:400;--font-weight-bold:700;--font-size-h1:3.5rem;--font-size-h2:2.5rem;--font-size-h3:1.5rem;--font-size-subtitle:1.5rem;--font-size-paragraph:1rem;--border-radius-button:8px;--border-radius-card:12px;--shadow-card:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-card-hover:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--transition-default:all 0.3s ease;--transition-fast:all 0.15s ease}.dark,[data-theme=dark]{--bg-color:#1A2242;--primary-text-color:#FBCB0A;--secondary-text-color:#E0E0E0;--accent-color:#FBCB0A;--card-bg:rgba(0,0,0,0.2);--logo-color:#FBCB0A;--shadow-card:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--shadow-card-hover:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.3)}body{font-family:var(--font-family-mixed);font-weight:var(--font-weight-regular);color:var(--secondary-text-color);background-color:var(--bg-color);line-height:1.6;transition:var(--transition-default)}.h1,h1{font-size:var(--font-size-h1);line-height:1.2}.h1,.h2,h1,h2{font-weight:var(--font-weight-bold);color:var(--primary-text-color);font-family:var(--font-family-en)}.h2,h2{font-size:var(--font-size-h2);line-height:1.3}.h3,h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--primary-text-color);line-height:1.4}.subtitle{font-size:var(--font-size-subtitle);line-height:1.5}.paragraph,.subtitle,p{color:var(--secondary-text-color)}.paragraph,p{font-size:var(--font-size-paragraph);line-height:1.6}.btn-brand{background-color:var(--accent-color);color:var(--primary-text-color);font-weight:var(--font-weight-bold);border-radius:var(--border-radius-button);padding:12px 24px;border:none;cursor:pointer;transition:var(--transition-default);font-family:var(--font-family-mixed);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-brand:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);filter:brightness(1.1)}.dark .btn-brand{background:rgba(0,0,0,.25);backdrop-filter:blur(10px);border:1px solid rgba(251,203,10,.3);color:var(--primary-text-color)}.dark .btn-brand:hover{background:rgba(0,0,0,.4);border-color:var(--accent-color);box-shadow:0 0 20px rgba(251,203,10,.3)}.card-brand{background:var(--card-bg);border-radius:var(--border-radius-card);box-shadow:var(--shadow-card);padding:24px;transition:var(--transition-default);border:1px solid rgba(0,0,0,.05)}.card-brand:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-top:4px solid var(--accent-color)}.dark .card-brand{background:var(--card-bg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.dark .card-brand:hover{border-color:rgba(251,203,10,.5);box-shadow:var(--shadow-card-hover),0 0 20px rgba(251,203,10,.1)}.logo-brand{color:var(--logo-color);font-family:var(--font-family-en);font-weight:var(--font-weight-bold);transition:var(--transition-default)}.logo-brand img,.logo-brand svg{filter:brightness(1);transition:var(--transition-default)}.dark .logo-brand img,.dark .logo-brand svg{filter:brightness(1.2) saturate(1.1)}.text-accent{color:var(--accent-color)}.text-primary{color:var(--primary-text-color)}.text-secondary{color:var(--secondary-text-color)}.bg-brand{background-color:var(--bg-color)}.bg-brand-gradient{background:linear-gradient(135deg,var(--bg-color) 0,rgba(251,203,10,.05) 100%)}.dark .bg-brand-gradient{background:linear-gradient(135deg,#1A2242,#2A3555 50%,#1A2242)}.nav-brand{font-weight:var(--font-weight-bold);color:var(--secondary-text-color);transition:var(--transition-fast);font-family:var(--font-family-mixed)}.nav-brand:hover{color:var(--accent-color);transform:translateY(-1px)}.glow-accent{box-shadow:0 0 20px rgba(251,203,10,.3)}.border-accent{border-color:var(--accent-color)}@media (max-width:768px){:root{--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.25rem;--font-size-subtitle:1.25rem}}@media (max-width:480px){:root{--font-size-h1:2rem;--font-size-h2:1.75rem;--font-size-h3:1.125rem;--font-size-subtitle:1.125rem}}@media print{.btn-brand,.card-brand{box-shadow:none;transform:none}.logo-brand{color:#000}}.btn-brand:focus,.card-brand:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.android-optimized{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;perspective:1000px;contain:layout style paint}.android-scroll-optimized{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;will-change:scroll-position;overscroll-behavior:contain;transform:translateZ(0)}.android-container-optimized{contain:layout style;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}.android-container-optimized,.android-nav-optimized{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.android-nav-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent;contain:layout style paint;-webkit-user-select:none;-moz-user-select:none;user-select:none}.android-card-optimized{transform:translateZ(0);will-change:transform;backface-visibility:hidden;contain:layout style paint}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-focus-ring-color:rgba(0,0,0,0);outline:none}.android-optimized .transition-all,.android-optimized .transition-colors{transform:translateZ(0);will-change:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.android-optimized button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.android-optimized button,.android-optimized input,.android-optimized select,.android-optimized textarea{transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.android-optimized input,.android-optimized select,.android-optimized textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}.android-optimized img{transform:translateZ(0);-webkit-transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform}.android-optimized .list-container,.android-optimized ol,.android-optimized ul{transform:translateZ(0);contain:layout style paint;will-change:contents}@keyframes androidFadeIn{0%{opacity:0;transform:translateZ(0) translateY(10px)}to{opacity:1;transform:translateZ(0) translateY(0)}}@keyframes androidSlideIn{0%{transform:translateZ(0) translateX(100%)}to{transform:translateZ(0) translateX(0)}}.android-fade-in{animation:androidFadeIn .2s cubic-bezier(.4,0,.2,1)}.android-slide-in{animation:androidSlideIn .3s cubic-bezier(.4,0,.2,1)}.android-scroll-snap{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}.android-scroll-snap>*{scroll-snap-align:start;scroll-snap-stop:always}@media (prefers-color-scheme:dark){.android-optimized{color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media screen and (max-width:768px){.android-optimized{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}}.android-critical-performance{contain:strict;content-visibility:auto;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion:reduce){.android-optimized,.android-optimized *,.android-optimized :after,.android-optimized :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.android-optimized :focus{outline:2px solid #3b82f6;outline-offset:2px}.android-optimized :focus:not(:focus-visible){outline:none}@media (min-resolution:192dpi){.android-optimized{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;image-rendering:-webkit-optimize-contrast}}