:root{--bg-primary: #f9fafb;--bg-secondary: #f3f4f6;--bg-tertiary: #e5e7eb;--bg-card: #ffffff;--bg-hover: #fefce8;--primary: #d4af37;--primary-secondary: #ebd58b;--primary-hover: #c49a2a;--primary-disabled: #e5e7eb;--accent-primary: #d4af37;--accent-primary-hover: #c49a2a;--accent-primary-light: #fefce8;--accent-secondary: #4b0082;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-disabled: #9ca3af;--text-inverse: #ffffff;--text-heading: #0f172a;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--border: #e5e7eb;--border-light: #f3f4f6;--border-accent: #d4af37;--chinese-red: #ef4444;--chinese-gold: #d4af37;--chinese-blue: #3b82f6;--chinese-green: #10b981;--shadow-sm: 0 1px 2px 0 rgba(17, 24, 39, .05);--shadow-md: 0 4px 6px -1px rgba(17, 24, 39, .08), 0 2px 4px -2px rgba(17, 24, 39, .04);--shadow-lg: 0 10px 15px -3px rgba(17, 24, 39, .08), 0 4px 6px -4px rgba(17, 24, 39, .04);--shadow-xl: 0 20px 25px -5px rgba(17, 24, 39, .1), 0 8px 10px -6px rgba(17, 24, 39, .05);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Noto Serif", "Noto Serif SC", "SimSun", serif;--font-mono: "Fira Code", "Monaco", monospace}[data-theme=dark]{--bg-primary: #0b1026;--bg-secondary: #0d1228;--bg-tertiary: #151a31;--bg-card: #191e35;--bg-hover: #242940;--primary: #e9c349;--primary-secondary: #ffe088;--primary-hover: #c49a2a;--primary-disabled: #2f334b;--accent-primary: #e9c349;--accent-primary-hover: #c49a2a;--accent-primary-light: rgba(233, 195, 73, .12);--accent-secondary: #ddb7ff;--text-primary: #dde1ff;--text-secondary: #c7c5ce;--text-muted: #919097;--text-disabled: #46464d;--text-inverse: #0d1228;--text-heading: #e9c349;--success: #a8d59d;--success-light: #1b3519;--warning: #e9c349;--warning-light: #3d3520;--danger: #ffb4ab;--danger-light: #93000a;--info: #b2b6db;--info-light: #292e4c;--border: #2f334b;--border-light: #191e35;--border-accent: #e9c349;--shadow-sm: 0 1px 2px 0 rgba(233, 195, 73, .02);--shadow-md: 0 4px 6px -1px rgba(233, 195, 73, .05), 0 2px 4px -2px rgba(233, 195, 73, .03);--shadow-lg: 0 10px 15px -3px rgba(233, 195, 73, .05), 0 4px 6px -4px rgba(233, 195, 73, .02);--shadow-xl: 0 20px 25px -5px rgba(233, 195, 73, .08), 0 8px 10px -6px rgba(233, 195, 73, .03)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh}[data-theme=dark] body{background:radial-gradient(circle at 50% 0%,var(--bg-card) 0%,var(--bg-primary) 100%)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;border-radius:var(--radius-full);padding:.75rem 1.5rem;font-weight:600;border:none;transition:all var(--transition-base)}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2rem;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-flat{box-shadow:none;border:1px solid var(--border)}.card-flat:hover{transform:none;box-shadow:none;border-color:var(--accent-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-lg);transition:all var(--transition-base)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:width var(--transition-base)}.input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light);background:var(--bg-card)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.textarea{min-height:120px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em 1em;padding-right:2.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%,to{opacity:.45}50%{opacity:1}}@keyframes fadeInPulse{0%,to{opacity:.35;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-slideIn{animation:slideIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 2.2s ease-in-out infinite}.animate-fadeInPulse{animation:fadeInPulse 1.8s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}@media(max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:1.5rem;border-radius:var(--radius-lg)}}.navbar{position:sticky;top:0;z-index:120;padding:1rem 1rem 0}.navbar:after{content:"";position:absolute;inset:0 1rem auto;height:7.5rem;background:linear-gradient(180deg,rgba(11,16,38,.82),transparent);pointer-events:none;z-index:-1}[data-theme=light] .navbar:after{background:linear-gradient(180deg,rgba(249,250,251,.92),transparent)}.navbar-container{width:min(100%,88rem);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid rgba(145,144,151,.14);border-radius:1.75rem;background:radial-gradient(circle at top left,rgba(233,195,73,.11),transparent 26%),linear-gradient(135deg,#151a31eb,#0d1228f5);box-shadow:0 22px 44px #00000029;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}[data-theme=light] .navbar-container{background:radial-gradient(circle at top left,rgba(212,175,55,.12),transparent 26%),linear-gradient(135deg,#fffffff0,#f3f4f6f5);box-shadow:0 16px 36px #11182714}.navbar-shell{min-width:0;display:flex;align-items:center;gap:1.2rem}.navbar-brand{min-width:0;display:inline-flex;align-items:center;gap:.8rem;padding:.4rem .45rem;color:var(--text-primary)}.navbar-brand:hover{color:var(--text-primary)}.brand-icon{width:2.6rem;height:2.6rem;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.navbar-brand__copy{min-width:0;display:grid;gap:.1rem}.brand-text{display:block;font-family:var(--font-serif);font-size:1.1rem;font-weight:700;line-height:1.05;color:var(--text-primary)}.navbar-brand--en .brand-text{font-size:.95rem}.brand-meta{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);opacity:.85}.navbar-menu{min-width:0;display:flex;align-items:center;gap:.45rem;padding:.3rem;border:1px solid rgba(145,144,151,.12);border-radius:999px;background:#2f334b38}[data-theme=light] .navbar-menu{background:#ffffffb8}.navbar-link,.login-nav-btn,.user-avatar-btn,.theme-toggle-btn,.navbar-mobile-btn,.navbar-mobile-link{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.navbar-link{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem .95rem;border-radius:999px;color:var(--text-secondary);font-size:.92rem;font-weight:600;white-space:nowrap}.navbar-link:hover{color:var(--text-primary);background:#2f334b73}[data-theme=light] .navbar-link:hover{background:#1118270f}.navbar-link.active{color:var(--text-primary);background:#e9c34929;box-shadow:inset 0 0 0 1px #e9c34938,0 0 10px #e9c3491a}.navbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}.theme-toggle-btn,.navbar-mobile-btn{width:2.8rem;height:2.8rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(145,144,151,.14);border-radius:999px;background:#2f334b42;color:var(--text-secondary)}[data-theme=light] .theme-toggle-btn,[data-theme=light] .navbar-mobile-btn{background:#ffffffd1}.theme-toggle-btn:hover,.navbar-mobile-btn:hover{color:var(--text-primary);background:#e9c34924;border-color:#e9c3492e}.language-selector{display:inline-flex;align-items:center;gap:.55rem;padding:0 .9rem;height:2.8rem;border:1px solid rgba(145,144,151,.14);border-radius:999px;background:#2f334b42;color:var(--text-secondary)}[data-theme=light] .language-selector{background:#ffffffd1}.language-select{min-width:4rem;padding-right:1.2rem;border:none;background:transparent;color:var(--text-primary);font-size:.88rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.language-select:focus{outline:none}.user-avatar-btn,.login-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.8rem;padding:.35rem 1rem;border:1px solid rgba(145,144,151,.14);border-radius:999px;background:#2f334b38;color:var(--text-primary);font-size:.88rem;font-weight:700}[data-theme=light] .user-avatar-btn,[data-theme=light] .login-nav-btn{background:#ffffffd1}.user-avatar-btn:hover,.login-nav-btn:hover{transform:translateY(-1px);border-color:#e9c34938;background:#e9c34929;color:var(--text-primary)}.user-avatar-img{width:2.1rem;height:2.1rem;border-radius:999px;border:1px solid rgba(233,195,73,.26);-o-object-fit:cover;object-fit:cover}.user-avatar-label{white-space:nowrap}.navbar-mobile-btn,.navbar-mobile-panel{display:none}.navbar-mobile-panel{width:min(100%,88rem);margin:0 auto;border:0 solid rgba(145,144,151,.14);border-radius:1.5rem;background:linear-gradient(180deg,#191e35fa,#0d1228fa);box-shadow:none;display:grid;grid-template-rows:0fr;opacity:0;pointer-events:none;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}[data-theme=light] .navbar-mobile-panel{background:linear-gradient(180deg,#fffffffa,#f3f4f6fa)}.navbar-mobile-panel.is-open{margin-top:.8rem;border-width:1px;box-shadow:0 22px 44px #0000002e;grid-template-rows:1fr;opacity:1;pointer-events:auto}.navbar-mobile-panel__inner{min-height:0;overflow:hidden;display:grid;gap:1rem;padding:0 1rem}.navbar-mobile-panel.is-open .navbar-mobile-panel__inner{padding:1rem}.navbar-mobile-section{display:grid;gap:.75rem}.navbar-mobile-section__label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.navbar-mobile-links{display:grid;gap:.55rem}.navbar-mobile-link{display:flex;align-items:center;gap:.65rem;padding:.85rem 1rem;border:1px solid rgba(145,144,151,.12);border-radius:1rem;background:#2f334b2e;color:var(--text-secondary);font-size:.95rem;font-weight:600}[data-theme=light] .navbar-mobile-link{background:#ffffffc7}.navbar-mobile-link.active{color:var(--text-primary);border-color:#e9c34933;background:#e9c3491f}.navbar-mobile-controls{display:grid;gap:.7rem}.language-selector--mobile,.navbar-mobile-controls .login-nav-btn,.navbar-mobile-controls .theme-toggle-btn{width:100%;justify-content:center}@media(max-width:1180px){.navbar-menu .navbar-link span{display:none}}@media(max-width:1024px){.brand-meta{display:none}.navbar-menu{gap:.35rem}}@media(max-width:860px){.navbar{padding:.85rem .85rem 0}.navbar:after{inset:0 .85rem auto}.navbar-container{grid-template-columns:minmax(0,1fr) auto;padding:.8rem .9rem}.navbar-menu,.navbar-actions{display:none}.navbar-mobile-btn{display:inline-flex}.navbar-mobile-panel{display:grid}}@media(max-width:560px){.navbar-brand__copy{gap:0}.brand-text{font-size:.98rem}.brand-meta{display:none}.brand-icon{width:2.3rem;height:2.3rem}}.hexagram-figure{--hexagram-width: 6rem;--hexagram-line-height: .5rem;--hexagram-line-gap: .5rem;--hexagram-line-color: var(--primary, #e9c349);display:grid;gap:var(--hexagram-line-gap);width:var(--hexagram-width)}.hexagram-figure__line{width:100%;height:var(--hexagram-line-height)}.hexagram-figure__line--yang{background:var(--hexagram-line-color);box-shadow:0 0 12px color-mix(in srgb,var(--hexagram-line-color) 35%,transparent)}.hexagram-figure__line--yin{display:flex;gap:var(--hexagram-line-gap)}.hexagram-figure__line--yin span{flex:1;background:color-mix(in srgb,var(--hexagram-line-color) 34%,transparent)}.app{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1}.app-footer{padding:2rem 1rem;text-align:center;background:#f9fafbe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border)}[data-theme=dark] .app-footer{background:#0d1228e6}.loading-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem;color:var(--text-secondary)}.loading-fallback__hexagram{animation:fadeInPulse 1.8s ease-in-out infinite;transform-origin:center}.loading-fallback__text{font-family:var(--font-serif);font-size:.95rem;color:var(--text-muted);letter-spacing:.06em}.footer-quote{font-family:var(--font-serif);font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.footer-copyright{font-size:.8rem;color:var(--text-muted)}.footer-social{display:flex;justify-content:center;gap:1rem;margin:.75rem 0}.footer-x-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary);transition:all .2s ease}.footer-x-link:hover{background:#000;color:#fff;transform:translateY(-2px)}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin:.75rem 0}.footer-link{font-size:.85rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--accent-primary, #2FA4A9);text-decoration:underline}