@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@600;700&display=swap";
:root{--color-primary:#1f5f52;--color-primary-hover:#16473d;--color-primary-light:#e4efe9;--color-primary-muted:#1f5f521a;--color-accent:#b9652b;--color-accent-light:#f3e6dc;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-bg:#f4f1eb;--color-bg-secondary:#ece8e1;--color-surface:#fffdf9;--color-surface-hover:#f5f0e8;--color-surface-muted:#f2ede4;--color-border:#d8d0c2;--color-border-light:#e7dfd2;--color-text-primary:#24211c;--color-text-secondary:#5b5448;--color-text-tertiary:#8c8374;--color-text-inverse:#fff;--gradient-hero:linear-gradient(115deg, #1f5f52 0%, #2f7f70 100%);--gradient-surface:linear-gradient(135deg, #1f5f520f 0%, #b9652b0a 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #1f5f5224 0%, transparent 62%);--gradient-card:linear-gradient(145deg, #fffdf9fa, #f5f0e8b8);--shadow-sm:0 1px 2px #1b150f0f, 0 1px 1px #1b150f0a;--shadow-md:0 6px 18px #1b150f14, 0 2px 6px #1b150f0d;--shadow-lg:0 12px 28px #1b150f1a, 0 4px 10px #1b150f0f;--shadow-xl:0 24px 52px #1b150f24, 0 8px 16px #1b150f14;--shadow-glow:0 0 24px #1f5f522e;--shadow-card-hover:0 12px 30px #1b150f1f, 0 4px 10px #1b150f0f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--max-width:1200px;--header-height:72px;--sidebar-width:260px}[data-theme=dark]{--color-primary:#7bc8b5;--color-primary-hover:#9cd9cb;--color-primary-light:#12231f;--color-primary-muted:#7bc8b529;--color-accent:#da9a66;--color-accent-light:#342417;--color-bg:#12100d;--color-bg-secondary:#1a1712;--color-surface:#1f1b16;--color-surface-hover:#2a241d;--color-surface-muted:#28231c;--color-border:#3d3529;--color-border-light:#342d24;--color-text-primary:#f4ece0;--color-text-secondary:#cbc0b0;--color-text-tertiary:#998c79;--gradient-hero:linear-gradient(115deg, #7bc8b5 0%, #5fa995 100%);--gradient-surface:linear-gradient(135deg, #7bc8b514 0%, #da9a6614 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #7bc8b538 0%, transparent 62%);--gradient-card:linear-gradient(145deg, #1f1b16f0, #12100da8);--shadow-sm:0 1px 3px #00000047;--shadow-md:0 4px 12px #0000005c;--shadow-lg:0 10px 26px #00000075;--shadow-xl:0 20px 48px #0000008a;--shadow-glow:0 0 26px #7bc8b540;--shadow-card-hover:0 12px 30px #00000080, 0 4px 12px #00000057}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--color-bg);color:var(--color-text-primary);background-image:radial-gradient(circle at 10% 0,#1f5f5212,#0000 32%),radial-gradient(circle at 100% 30%,#b9652b0f,#0000 28%);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;font-family:Noto Serif SC,Songti SC,serif;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--space-md)}}.section{padding:var(--space-4xl) 0}@media (max-width:768px){.section{padding:var(--space-3xl) 0}}.text-gradient{color:var(--color-primary);text-underline-offset:6px;-webkit-text-decoration:underline #1f5f523d;text-decoration:underline #1f5f523d;text-decoration-thickness:3px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);transition:background-color var(--transition-base), border-color var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base), opacity var(--transition-base);white-space:nowrap;border:1px solid #0000;padding:12px 28px;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff24,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 3px 10px #1f5f5247}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #1f5f5252}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:none}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{color:var(--color-text-primary);background:var(--color-primary-muted)}.btn-lg{font-size:var(--text-lg);border-radius:var(--radius-lg);padding:16px 36px}.btn-sm{font-size:var(--text-sm);padding:8px 18px}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-glass{background:var(--gradient-card);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff26}.input-field{width:100%;font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);padding:14px 18px}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}:focus-visible{outline-offset:2px;outline:2px solid #1f5f5273}:focus:not(:focus-visible){outline:none}.input-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:500;display:block}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;padding:4px 12px;font-weight:600;display:inline-flex}.badge-primary{background:var(--color-primary-muted);color:var(--color-primary)}.badge-success{color:var(--color-success);background:#22c55e1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4f6ef733}50%{box-shadow:0 0 40px #4f6ef766}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.6s ease-out forwards fadeInUp}.animate-fade-in{opacity:0;animation:.5s ease-out forwards fadeIn}.animate-scale-in{opacity:0;animation:.5s ease-out forwards scaleIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background:var(--color-primary);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}