@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{--font-serif: "Noto Serif SC", "STSong", "SimSun", serif;--font-sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--gold: #D4A017;--gold-light: #F0C040;--gold-dim: #8B6914;--ink: #0A0E1A;--ink-mid: #111827;--ink-light: #1E293B;--jade: #3B82C4;--vermilion: #C0392B;--celadon: #4A9B7F}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--ink);color:#e2d9c8;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(212,160,23,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(59,130,196,.06) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4A017' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-moz-selection{background:#d4a0174d;color:#f0c040}::selection{background:#d4a0174d;color:#f0c040}.font-serif{font-family:var(--font-serif)}.font-sans{font-family:var(--font-sans)}.text-gold-gradient{background:linear-gradient(135deg,#f0c040,#d4a017 40%,#f0c040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-classical{background:linear-gradient(135deg,#1e293bb3,#0f172acc);border:1px solid rgba(212,160,23,.2);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:all .3s ease}.card-classical:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,160,23,.04) 0%,transparent 60%);pointer-events:none}.card-classical:hover{border-color:#d4a01773;box-shadow:0 0 30px #d4a0171a,0 8px 32px #0006;transform:translateY(-2px)}.divider-gold{height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.5),transparent)}.bagua-ring{display:inline-flex;align-items:center;justify-content:center;position:relative}.bagua-ring:before{content:"☯";position:absolute;font-size:.5em;opacity:.15;animation:bagua-spin 20s linear infinite}@keyframes bagua-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #d4a01733}50%{box-shadow:0 0 25px #d4a01780}}.glow-gold{animation:pulse-glow 3s ease-in-out infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .6s ease-out both}.animate-fade-up-delay-1{animation:fade-up .6s .1s ease-out both}.animate-fade-up-delay-2{animation:fade-up .6s .2s ease-out both}.animate-fade-up-delay-3{animation:fade-up .6s .3s ease-out both}.section-title{font-family:var(--font-serif);font-size:1.75rem;font-weight:700;text-align:center;letter-spacing:.1em;background:linear-gradient(135deg,#f0c040,#d4a017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-family:var(--font-sans);font-size:.875rem;color:#94a3b8;text-align:center;letter-spacing:.05em;margin-top:.5rem}.btn-gold{background:linear-gradient(135deg,#d4a017,#f0c040);color:#0a0e1a;font-family:var(--font-serif);font-weight:700;padding:.75rem 1.75rem;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;letter-spacing:.05em;box-shadow:0 4px 15px #d4a0174d}.btn-gold:hover{background:linear-gradient(135deg,#f0c040,gold);box-shadow:0 6px 25px #d4a01780;transform:translateY(-1px)}.btn-outline{background:transparent;color:#d4a017;border:1px solid rgba(212,160,23,.5);font-family:var(--font-serif);font-weight:600;padding:.75rem 1.75rem;border-radius:10px;cursor:pointer;transition:all .2s ease;letter-spacing:.05em}.btn-outline:hover{border-color:#d4a017;background:#d4a0171a;box-shadow:0 0 15px #d4a01726}.input-classical{background:#0f172acc;border:1px solid rgba(212,160,23,.25);border-radius:10px;color:#e2d9c8;font-family:var(--font-sans);padding:.625rem 1rem;width:100%;outline:none;transition:all .2s ease}.input-classical:focus{border-color:#d4a01799;box-shadow:0 0 0 3px #d4a0171a}.input-classical::-moz-placeholder{color:#475569}.input-classical::placeholder{color:#475569}.badge-gold{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .875rem;border-radius:999px;background:#d4a0171a;border:1px solid rgba(212,160,23,.3);color:#f0c040;font-size:.75rem;font-family:var(--font-serif);letter-spacing:.1em}.progress-bar-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;transition:width 1s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:999px}#root{position:relative;z-index:1}#root{min-height:100vh}