.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-full);transition:transform var(--transition-fast) var(--ease-out), box-shadow var(--transition-fast) var(--ease-out), background var(--transition-fast) var(--ease-out), color var(--transition-fast) var(--ease-out);cursor:pointer;font-weight:600;font-family:var(--font-secondary);letter-spacing:.01em;white-space:nowrap;border:none;outline:none;display:inline-flex;position:relative}.btn:focus-visible{box-shadow:0 0 0 3px #c9a22759}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gradient-gold)!important;color:#2b2410!important;box-shadow:var(--shadow-gold)!important}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b!important}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--color-primary-gold-dark)!important;border:1.5px solid var(--color-primary-gold)!important;background:0 0!important}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-2px);background:#c9a2271a!important}.btn-ghost{color:var(--color-ink-soft);background:0 0}.btn-ghost:hover:not(:disabled){background:#1a140c0d}.btn-sm{padding:8px 18px;font-size:14px}.btn-md{padding:12px 26px;font-size:16px}.btn-lg{padding:16px 36px;font-size:18px}.btn-full-width{width:100%}.btn-loading{position:relative;color:#0000!important}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--color-surface);border:var(--border-gold);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal) var(--ease-out), box-shadow var(--transition-normal) var(--ease-out), border-color var(--transition-normal) var(--ease-out);position:relative}.card-hoverable{cursor:pointer}.card-hoverable:hover{box-shadow:var(--shadow-lg);border-color:#c9a22799;transform:translateY(-4px)}.input-wrapper{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.input-label{color:var(--color-ink-soft);letter-spacing:.01em;font-size:14px;font-weight:600}.input{width:100%;color:var(--color-text-primary);background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);transition:border-color var(--transition-fast) var(--ease-out), box-shadow var(--transition-fast) var(--ease-out), background var(--transition-fast) var(--ease-out);outline:none;padding:13px 16px;font-size:16px}.input:hover:not(:disabled){border-color:var(--color-gray-400)}.input:focus{border-color:var(--color-primary-gold);background:var(--color-surface);box-shadow:0 0 0 3px #c9a22729}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #b01e2e24}.input::placeholder{color:var(--color-gray-400)}.input:disabled{background:var(--color-surface-container);cursor:not-allowed;opacity:.7}.input-error-text{color:var(--color-error);font-size:12px;font-weight:500}.input-helper-text{color:var(--color-gray-500);font-size:12px}.header{z-index:1020;-webkit-backdrop-filter:blur(14px);background:#fffcf6d1;border-bottom:1px solid #c9a22747;height:72px;position:sticky;top:0;box-shadow:0 2px 18px #3c2d0a0f}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);height:72px;display:flex}.header-logo{align-items:center;gap:var(--spacing-sm);transition:opacity var(--transition-fast);flex-shrink:0;text-decoration:none;display:flex}.header-logo:hover{opacity:.9}.logo-seal{border-radius:var(--radius-md);background:var(--gradient-gold);color:#2b2410;width:40px;height:40px;font-family:var(--font-cjk);box-shadow:var(--shadow-gold);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:inline-flex}.logo-text-group{flex-direction:column;line-height:1.1;display:flex}.logo-text{font-family:var(--font-display);color:var(--color-ink);letter-spacing:1.5px;font-size:22px;font-weight:700}.logo-sub{font-family:var(--font-secondary);letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary-gold-dark);font-size:10px;font-weight:600}.header-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin:0;padding:8px;display:none}.header-menu-toggle span{background-color:var(--color-ink);width:24px;height:2px;transition:all var(--transition-fast);border-radius:1px}.header-menu-toggle.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.header-menu-toggle.active span:nth-child(2){opacity:0}.header-menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.header-nav{align-items:center;gap:var(--spacing-xl);flex:1;justify-content:center;display:flex}.nav-link{color:var(--color-ink-soft);font-family:var(--font-secondary);transition:color var(--transition-fast);white-space:nowrap;padding:8px 0;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary-gold-dark)}.nav-link.active:after{content:"";border-radius:var(--radius-full);background:var(--gradient-gold);width:18px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-auth-mobile{display:none}.nav-auth-mobile-logout{text-align:left;cursor:pointer;background:0 0;border:none;width:100%}.header-actions{align-items:center;gap:var(--spacing-md);flex-shrink:0;display:flex}.btn-admin{background:var(--gradient-ink);justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);font-weight:600;text-decoration:none;display:flex;color:var(--color-primary-gold-light)!important;border:1px solid #c9a22766!important;padding:8px 14px!important}.btn-admin:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px);color:var(--color-primary-gold-light)!important}.btn-admin .material-symbols-outlined{font-size:18px}.admin-label{font-size:13px;font-weight:600}.header-user-profile{align-items:center;gap:var(--spacing-sm);color:var(--color-primary-gold-dark);border-radius:var(--radius-full);transition:all var(--transition-fast);border:1.5px solid #c9a22780;padding:4px;font-weight:500;text-decoration:none;display:flex}.header-user-profile:hover{box-shadow:var(--shadow-sm);background-color:#c9a2271f}.header-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.header-user-icon{color:var(--color-primary-gold-dark);flex-shrink:0;font-size:34px}.header-username{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}@media (width<=768px){.header{height:auto;min-height:64px}.header-content{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo toggle";align-items:center;gap:8px;height:auto;min-height:64px;padding:10px 0;display:grid;position:relative}.header-menu-toggle{grid-area:toggle;justify-self:end;display:flex}.header-nav{background:var(--color-surface);box-shadow:var(--shadow-lg);max-height:0;transition:max-height var(--transition-normal), padding var(--transition-fast);border-bottom:none;flex-direction:column;justify-content:flex-start;gap:0;padding:0;position:absolute;top:100%;left:0;right:0;overflow:hidden}.header-nav.active{max-height:500px;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-outline-variant)}.nav-link{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-surface-container)}.nav-link.active:after{display:none}.nav-link.active{background-color:var(--color-surface-container-low);border-left:3px solid var(--color-primary-gold);padding-left:calc(var(--spacing-lg) - 3px)}.nav-auth-mobile{font-weight:600;display:block}.nav-auth-mobile-primary{color:var(--color-primary-gold-dark)}.logo-sub{display:none}.header-logo{grid-area:logo;min-width:0}.logo-text{letter-spacing:1px;font-size:20px}.header-username,.header-actions{display:none}}@media (width<=480px){.header-content{gap:6px}.logo-seal{width:36px;height:36px;font-size:20px}.logo-text{font-size:18px}.header-avatar{width:30px;height:30px}.admin-label{display:none}.btn-admin{padding:7px 10px!important}}.footer{background:var(--gradient-ink);color:#fffcf6d9;padding:var(--spacing-3xl) 0 var(--spacing-lg);margin-top:var(--spacing-4xl);border-top:2px solid #0000;border-image:linear-gradient(90deg, transparent, var(--color-primary-gold), transparent) 1;position:relative}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-section{gap:var(--spacing-md);flex-direction:column;display:flex}.footer-brand{grid-column:1}.footer-title{font-family:var(--font-display);color:var(--color-primary-gold-light);margin-bottom:var(--spacing-sm);letter-spacing:.02em;font-size:26px;font-weight:700}.footer-description{color:#fffcf6b8;margin-bottom:var(--spacing-md);max-width:36ch;font-size:14px;line-height:1.7}.footer-social{gap:var(--spacing-md);margin-top:var(--spacing-md);display:flex}.social-link{width:42px;height:42px;color:var(--color-primary-gold-light);transition:all var(--transition-fast) var(--ease-out);background-color:#c9a2271f;border:1px solid #c9a2274d;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.social-link:hover{background:var(--gradient-gold);color:#2b2410;box-shadow:var(--shadow-gold);transform:translateY(-3px)}.footer-heading{margin-bottom:var(--spacing-md);color:var(--color-primary-gold-light);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:700}.footer-links{gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.footer-links li{margin:0;padding:0}.footer-links a{transition:all var(--transition-fast);font-size:14px;text-decoration:none;display:inline-block;position:relative;color:#fffcf6b8!important}.footer-links a:before{content:"";background-color:var(--color-primary-gold);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-2px;left:0}.footer-links a:hover:before{width:100%}.footer-divider{height:1px;margin:var(--spacing-xl) 0;background:linear-gradient(90deg,#0000,#c9a22759,#0000)}.footer-bottom{padding-top:var(--spacing-lg)}.footer-bottom-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.footer-copyright{color:#fffcf68c;margin:0;font-size:14px}.footer-version{color:#fffcf666;margin:0;font-family:Courier New,monospace;font-size:12px}@media (width<=1024px){.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl)}.footer-content{gap:var(--spacing-lg);grid-template-columns:1fr}.footer-brand{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-700);grid-column:1}.footer-heading{font-size:14px}.footer-links a{font-size:13px}.footer-bottom-content{text-align:center;gap:var(--spacing-md);flex-direction:column}.footer-copyright,.footer-version{width:100%}}@media (width<=480px){.footer{padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{gap:var(--spacing-md)}.footer-title{font-size:20px}.footer-description{font-size:13px}.footer-heading{margin-bottom:var(--spacing-sm);font-size:13px}.footer-links{gap:6px}.footer-links a{font-size:12px}.social-link{width:36px;height:36px;font-size:16px}.footer-divider{margin:var(--spacing-lg) 0}}.hexagram-display{gap:var(--spacing-sm);padding:var(--spacing-lg);background:radial-gradient(circle at 50% 0%, #c9a2271a, transparent 70%), var(--color-secondary-ivory);border:var(--border-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-inner);flex-direction:column;width:fit-content;margin:0 auto;display:flex}.hexagram-line-wrapper{justify-content:center;display:flex}.hexagram-line{background:var(--color-ink);border-radius:2px}.hexagram-line-solid{width:100%;height:4px}.hexagram-line-broken{gap:12px;width:100%;height:4px;display:flex}.hexagram-line-broken .line-part{background:var(--color-ink);border-radius:2px;flex:1}.hexagram-line-broken .line-gap{width:12px}.hexagram-sm{padding:var(--spacing-sm)}.hexagram-sm .hexagram-line-wrapper{width:80px}.hexagram-sm .hexagram-line{height:3px}.hexagram-md .hexagram-line-wrapper{width:120px}.hexagram-md .hexagram-line{height:4px}.hexagram-lg{padding:var(--spacing-lg)}.hexagram-lg .hexagram-line-wrapper{width:160px}.hexagram-lg .hexagram-line{height:5px}.loading-fullscreen{justify-content:center;align-items:center;gap:var(--spacing-md);-webkit-backdrop-filter:blur(4px);z-index:9999;background:#fffcf6db;flex-direction:column;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #c9a2272e;border-top-color:var(--color-primary-gold);border-radius:50%;animation:.8s linear infinite spin}.loading-sm{border-width:2px;width:24px;height:24px}.loading-md{border-width:3px;width:40px;height:40px}.loading-lg{border-width:4px;width:60px;height:60px}.loading-text{color:var(--color-text-secondary);font-size:16px;font-family:var(--font-secondary);letter-spacing:.04em}.global-loading-overlay{justify-content:center;align-items:center;gap:var(--spacing-md);-webkit-backdrop-filter:blur(4px);z-index:9999;pointer-events:all;background:#fffcf6db;flex-direction:column;display:flex;position:fixed;inset:0}.global-loading-spinner{border:4px solid #c9a2272e;border-top-color:var(--color-primary-gold);border-radius:50%;width:50px;height:50px;animation:.8s linear infinite global-spin}.global-loading-text{color:var(--color-text-secondary);font-size:16px;font-family:var(--font-secondary);letter-spacing:.04em;margin:0}@keyframes global-spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);border:1px solid var(--color-outline-variant);border-left:4px solid var(--color-primary-gold);animation:slideIn .3s var(--ease-out);max-width:400px;color:var(--color-text-primary);align-items:center;gap:12px;padding:14px 16px 14px 18px;font-size:14px;font-weight:500;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.toast.toast-success{border-left-color:var(--color-success)}.toast.toast-error{border-left-color:var(--color-error)}.toast.toast-warning{border-left-color:var(--color-warning)}.toast.toast-info{border-left-color:var(--color-info)}.toast-icon{width:24px;height:24px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.toast.toast-success .toast-icon{background:var(--color-success)}.toast.toast-error .toast-icon{background:var(--color-error)}.toast.toast-warning .toast-icon{background:var(--color-warning)}.toast.toast-info .toast-icon{background:var(--color-info)}.toast-message{flex:1}.toast-close{cursor:pointer;color:var(--color-gray-500);opacity:.7;background:0 0;border:none;flex-shrink:0;margin-left:8px;padding:0;font-size:20px;transition:opacity .2s,color .2s}.toast-close:hover{opacity:1}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast-container .toast{pointer-events:auto}@media (width<=640px){.toast-container{top:10px;left:10px;right:10px}.toast{max-width:100%}}.divination-quota-banner{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);color:var(--color-ink-soft);font-size:14px;line-height:1.5;display:flex}.divination-quota-banner .material-symbols-outlined{color:var(--color-brand-gold);flex-shrink:0;font-size:22px}.divination-quota-banner strong{color:var(--color-ink)}.divination-quota-banner--unlimited{background:#c9a22714;border-color:#c9a22759}.divination-quota-banner--exhausted{color:var(--color-text-secondary);background:#b01e2e0f;border-color:#b01e2e40}.divination-quota-banner--exhausted .material-symbols-outlined{color:var(--color-seal-red)}.divination-quota-banner--loading{border-color:var(--color-outline-variant);color:var(--color-text-secondary)}.divination-quota-banner--warn{background:#c98a1e14;border-color:#c98a1e59}.home-page{min-height:100vh}.hero-section{padding:var(--spacing-4xl) 0;background:var(--gradient-hero);position:relative;overflow:hidden}.hero-background{opacity:.06;pointer-events:none;background-image:radial-gradient(circle, var(--color-primary-gold) 1px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#c9a22729,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-120px}.hero-section .hero-content{z-index:10;gap:var(--spacing-3xl);grid-template-columns:1.05fr .95fr;align-items:center;display:grid;position:relative}.hero-label{align-items:center;gap:var(--spacing-sm);color:var(--color-primary-gold-dark);letter-spacing:.24em;text-transform:uppercase;margin-bottom:var(--spacing-lg);font-size:.8rem;font-weight:700;font-family:var(--font-secondary);display:inline-flex}.hero-label:before{content:"";background:linear-gradient(90deg, var(--color-primary-gold), transparent);width:32px;height:1px}.hero-section .hero-title{color:var(--color-ink);margin-bottom:var(--spacing-lg);font-size:clamp(2.5rem,1.8rem + 3vw,4rem);font-weight:700;line-height:1.08;font-family:var(--font-display);letter-spacing:.01em}.hero-section .hero-description{color:var(--color-ink-soft);margin-bottom:var(--spacing-2xl);max-width:580px;font-size:1.075rem;line-height:1.85}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero-cta{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-full);box-shadow:var(--shadow-gold);transition:transform var(--transition-fast) var(--ease-out), box-shadow var(--transition-fast) var(--ease-out);font-size:1rem;font-weight:700;font-family:var(--font-secondary);cursor:pointer;border:none;text-decoration:none;display:inline-flex}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 30px #c9a2276b}.hero-cta .material-symbols-outlined{transition:transform var(--transition-fast) var(--ease-out);font-size:20px}.hero-cta:hover .material-symbols-outlined{transform:translate(4px)}.hero-image{position:relative}.hero-image-wrapper{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid #c9a22766;position:relative;overflow:hidden}.hero-image-wrapper:after{content:"";pointer-events:none;background:linear-gradient(160deg,#c9a22714,#0000 40%,#1a140c38);position:absolute;inset:0}.hero-img{object-fit:cover;filter:saturate(1.05);width:100%;height:460px;display:block}.mission-section{padding:var(--spacing-4xl) 0}.mission-grid{gap:var(--spacing-lg);grid-template-columns:repeat(12,1fr);display:grid}.mission-card{background:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);border:var(--border-gold);box-shadow:var(--shadow-md)}.mission-main{flex-direction:column;grid-column:span 7;justify-content:center;display:flex;position:relative;overflow:hidden}.mission-main:before{content:"梅";font-family:var(--font-cjk);color:#c9a2270f;pointer-events:none;font-size:220px;line-height:1;position:absolute;bottom:-40px;right:-10px}.mission-title{color:var(--color-ink);margin-bottom:var(--spacing-md);font-size:clamp(1.75rem,1.3rem + 1.6vw,2.25rem);font-weight:700;font-family:var(--font-display);position:relative}.mission-title:after{content:"";border-radius:var(--radius-full);background:var(--gradient-gold);width:56px;height:3px;margin-top:var(--spacing-md);display:block}.mission-text{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.9;position:relative}.mission-history{border-radius:var(--radius-2xl);border:var(--border-gold);grid-column:span 5;height:340px;padding:0;position:relative;overflow:hidden}.history-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.mission-history:hover .history-img{transform:scale(1.08)}.history-overlay{padding:var(--spacing-xl);background:linear-gradient(#0000 40%,#141008b8);align-items:flex-end;display:flex;position:absolute;inset:0}.history-text{color:var(--color-secondary-ivory);font-size:1.4rem;font-weight:600;font-family:var(--font-display)}.feature-card{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-2xl);border:var(--border-hairline);border-top:3px solid var(--color-primary-gold);text-align:center;transition:transform var(--transition-normal) var(--ease-out), box-shadow var(--transition-normal) var(--ease-out);box-shadow:var(--shadow-sm);flex-direction:column;grid-column:span 4;align-items:center;display:flex}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.feature-icon{background:var(--gradient-gold-soft);width:68px;height:68px;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-inner);border:1px solid #c9a22773;border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-icon .material-symbols-outlined{color:var(--color-primary-gold-dark);font-size:32px}.feature-title{margin-bottom:var(--spacing-sm);font-size:1.2rem;font-weight:600;font-family:var(--font-display);color:var(--color-ink)}.feature-text{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.team-section{display:none}.methods-section{padding:var(--spacing-4xl) 0;background:radial-gradient(900px 400px at 50% 0%, #c9a22712, transparent 70%), var(--color-surface-container-low)}.methods-header{text-align:center;margin-bottom:var(--spacing-3xl)}.methods-title{color:var(--color-ink);font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-weight:700;font-family:var(--font-display);margin:0}.methods-divider{width:120px;height:0;margin:var(--spacing-md) auto 0;justify-content:center;align-items:center;display:flex}.methods-divider:before,.methods-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--color-primary-gold));width:48px;height:1px}.methods-divider:after{background:linear-gradient(90deg, var(--color-primary-gold), transparent)}.methods-divider{position:relative}.methods-divider span{display:block}.methods-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.method-card-link{text-decoration:none}.method-card{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-2xl);border:var(--border-hairline);gap:var(--spacing-md);transition:transform var(--transition-normal) var(--ease-out), box-shadow var(--transition-normal) var(--ease-out), border-color var(--transition-normal) var(--ease-out);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.method-card:before{content:"";background:var(--gradient-gold);transform-origin:0;height:3px;transition:transform var(--transition-normal) var(--ease-out);position:absolute;inset:0 0 auto;transform:scaleX(0)}.method-card:hover{box-shadow:var(--shadow-lg);border-color:#c9a2278c;transform:translateY(-6px)}.method-card:hover:before{transform:scaleX(1)}.method-card-header{align-items:center;gap:var(--spacing-md);display:flex}.method-icon{color:var(--color-primary-gold-dark);background:var(--gradient-gold-soft);border-radius:var(--radius-lg);border:1px solid #c9a22766;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;display:inline-flex}.method-title{color:var(--color-ink);font-size:1.2rem;font-weight:600;font-family:var(--font-display);margin:0}.method-description{color:var(--color-text-secondary);flex-grow:1;margin:0;font-size:.95rem;line-height:1.7}.method-button{align-self:flex-start;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-primary-gold-dark);border:1.5px solid var(--color-primary-gold);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);background:0 0;font-size:.9rem;font-weight:600;display:inline-flex}.method-button:hover{background:var(--gradient-gold);color:#2b2410;border-color:#0000}@media (width<=1024px){.hero-section .hero-content{gap:var(--spacing-2xl);grid-template-columns:1fr}.hero-section .hero-image{order:-1}.mission-main,.mission-history{grid-column:span 12}.feature-card{grid-column:span 6}}@media (width<=768px){.hero-section{padding:var(--spacing-3xl) 0}.hero-img{height:300px}.mission-section,.methods-section{padding:var(--spacing-3xl) 0}.methods-grid{grid-template-columns:1fr}.feature-card{grid-column:span 12}}.auth-divider{margin:var(--spacing-lg) 0 var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:.9rem;position:relative}.auth-divider:before{content:"";border-top:1px solid var(--color-outline-variant);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.auth-divider span{padding:0 var(--spacing-sm);background:var(--color-surface);position:relative}.google-login-button{border-radius:var(--radius-full);border:1.5px solid var(--color-outline-variant);width:100%;min-height:44px;color:var(--color-ink);justify-content:center;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-weight:600;display:flex}.google-login-button:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:#4285f4}.google-login-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{color:#fff;background:#4285f4;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.auth-page{min-height:calc(100vh - 72px);padding:var(--spacing-3xl) 0;background:var(--gradient-hero);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";opacity:.05;pointer-events:none;background-image:radial-gradient(circle, var(--color-primary-gold) 1px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0}.auth-page:after{content:"梅";font-family:var(--font-cjk);color:#c9a2270a;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:520px;line-height:1;position:absolute;bottom:-120px;right:-60px}.auth-card{z-index:1;width:100%;max-width:500px;margin:0 auto;position:relative;padding:var(--spacing-2xl)!important;border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-xl)!important;border:1px solid #c9a22766!important}.auth-card:before{content:"";border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background:var(--gradient-gold);height:4px;position:absolute;inset:0 0 auto}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-seal{width:56px;height:56px;margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);background:var(--gradient-gold);color:#2b2410;font-family:var(--font-cjk);box-shadow:var(--shadow-gold);justify-content:center;align-items:center;font-size:28px;font-weight:700;display:inline-flex}.auth-title{color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.25rem);font-family:var(--font-display)}.auth-subtitle{color:var(--color-text-secondary);font-size:1rem}.auth-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.error-banner{padding:var(--spacing-md);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);background:#b01e2e14;font-size:14px}.form-options{justify-content:space-between;align-items:center;font-size:14px;display:flex}.checkbox-label{align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary-gold);width:16px;height:16px}.auth-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.auth-link{color:var(--color-primary-gold-dark);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.auth-link:hover{color:var(--color-primary-gold);text-decoration:underline}.forgot-password-page{min-height:calc(100vh - 72px)}.forgot-password-container{background:var(--gradient-hero);min-height:calc(100vh - 72px);padding:var(--spacing-2xl) var(--spacing-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.forgot-password-container:before{content:"";opacity:.05;pointer-events:none;background-image:radial-gradient(circle, var(--color-primary-gold) 1px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0}.forgot-password-card{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);z-index:1;text-align:center;border:1px solid #c9a22766;width:100%;max-width:460px;position:relative}.forgot-password-card:before{content:"";border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;background:var(--gradient-gold);height:4px;position:absolute;inset:0 0 auto}.forgot-password-card .auth-seal{width:56px;height:56px;margin-bottom:var(--spacing-md);border-radius:var(--radius-lg);background:var(--gradient-gold);color:#2b2410;font-family:var(--font-cjk);box-shadow:var(--shadow-gold);justify-content:center;align-items:center;font-size:28px;font-weight:700;display:inline-flex}.forgot-password-card h1{color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:clamp(1.6rem,1.3rem + 1.2vw,2rem);font-weight:700;font-family:var(--font-display)}.subtitle{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:.95rem;line-height:1.7}.forgot-password-form{gap:var(--spacing-lg);text-align:left;flex-direction:column;display:flex}.forgot-password-form .form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.forgot-password-form .form-group label{color:var(--color-ink-soft);font-size:14px;font-weight:600}.forgot-password-form .form-group input{border:1px solid var(--color-outline-variant);background:var(--color-surface-bright);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:13px 16px;font-family:inherit;font-size:.95rem}.forgot-password-form .form-group input:focus{border-color:var(--color-primary-gold);outline:none;box-shadow:0 0 0 3px #c9a22729}.forgot-password-form .form-group input:disabled{background-color:var(--color-surface-container);cursor:not-allowed;opacity:.7}.error-message{color:var(--color-error);border-radius:var(--radius-md);border-left:4px solid var(--color-error);background-color:#b01e2e14;padding:12px 16px;font-size:14px;animation:.3s slideIn}.success-message{text-align:center;padding:var(--spacing-lg);animation:.3s fadeIn}.success-icon{background:var(--gradient-gold-soft);width:64px;height:64px;color:var(--color-success);margin-bottom:var(--spacing-md);border:1px solid #c9a22766;border-radius:50%;justify-content:center;align-items:center;font-size:36px;display:inline-flex}.success-message h2{color:var(--color-ink);margin-bottom:var(--spacing-md);font-size:1.25rem;font-weight:700;font-family:var(--font-display)}.success-message p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.7}.redirect-message{color:var(--color-gray-500);margin-top:var(--spacing-md);font-size:.8rem;font-style:italic}.submit-button{background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-gold);transition:all var(--transition-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-family:inherit;font-size:1rem;font-weight:700;display:flex}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b}.submit-button:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-footer{text-align:center;margin-top:var(--spacing-lg)}.form-footer p{color:var(--color-text-secondary);font-size:.95rem}.link-button{color:var(--color-primary-gold-dark);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:0;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none}.link-button:hover{color:var(--color-primary-gold);text-decoration:underline}@media (width<=480px){.forgot-password-card{padding:var(--spacing-xl) var(--spacing-lg)}.submit-button{padding:11px 20px}}.profile-page{background:var(--gradient-hero);min-height:100vh;font-family:var(--font-secondary);flex-direction:column;display:flex}.profile-header{z-index:50;background-color:#fff8f0;position:sticky;top:0;box-shadow:0 4px 6px -1px #0000001a}.profile-header-content{justify-content:space-between;align-items:center;width:100%;max-width:1280px;height:64px;margin:0 auto;padding:0 24px;display:flex}.profile-header-left{align-items:center;gap:16px;display:flex}.menu-icon{color:#d4af37;cursor:pointer;font-size:24px}.profile-title{color:#d4af37;font-family:Noto Serif SC,serif;font-size:32px;font-weight:600}.profile-header-right{align-items:center;gap:16px;display:flex}.profile-nav{align-items:center;gap:24px;display:none}.profile-nav a{color:#4d4635;font-size:16px;text-decoration:none;transition:color .2s}.profile-nav a:hover,.profile-nav a.active{color:#d4af37}.profile-avatar-small{border:2px solid #d4af37;border-radius:50%;width:40px;height:40px;overflow:hidden}.profile-avatar-small img{object-fit:cover;width:100%;height:100%}@media (width>=768px){.profile-nav{display:flex}}.profile-main{flex-grow:1;gap:32px;width:100%;max-width:1280px;margin:0 auto;padding:32px 16px;display:flex}.profile-sidebar{padding:var(--spacing-md);background:var(--color-surface);border:var(--border-gold);box-shadow:var(--shadow-md);border-radius:var(--radius-xl);flex-direction:column;gap:8px;width:300px;height:fit-content;display:none;position:sticky;top:96px}.sidebar-user-info{border-bottom:1px solid #d0c5af;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;padding:16px;display:flex}.sidebar-avatar{border:2px solid #d4af37;border-radius:50%;width:64px;height:64px;margin-bottom:8px;overflow:hidden}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-name{font-family:var(--font-display);color:var(--color-ink);font-size:1.5rem;font-weight:600}.sidebar-level{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-gold-dark);font-size:.8rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-nav-item{color:#4d4635;border-radius:8px;align-items:center;gap:16px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:var(--color-primary-gold-dark);background-color:#c9a22714}.sidebar-nav-item.active{background:var(--gradient-gold);color:#2b2410;box-shadow:var(--shadow-gold)}@media (width>=768px){.profile-sidebar{display:flex}}.profile-content{flex-direction:column;flex-grow:1;gap:32px;display:flex}.profile-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);border:var(--border-gold);position:relative;overflow:hidden}.profile-card:before{content:"";background:var(--gradient-gold);height:3px;position:absolute;inset:0 0 auto}.profile-card-header{border-bottom:1px solid #d0c5af;flex-direction:column;align-items:center;margin-bottom:32px;padding-bottom:32px;display:flex}@media (width>=768px){.profile-card-header{align-items:flex-start}}.profile-card-avatar{margin-bottom:16px;position:relative}.profile-card-avatar img{object-fit:cover;border:4px solid #d4af37;border-radius:50%;width:120px;height:120px;box-shadow:0 0 12px #d4af374d}.profile-avatar-edit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#b8860b 100%);border:none;border-radius:50%;padding:8px;transition:opacity .2s;position:absolute;bottom:0;right:0;box-shadow:0 4px 6px -1px #0000001a}.profile-avatar-edit:hover{opacity:.9}.profile-card-title{text-align:center}@media (width>=768px){.profile-card-title{text-align:left}}.profile-card-title h3{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.75rem;font-weight:600}.profile-card-title p{color:var(--color-text-secondary);margin:4px 0 0;font-size:.95rem}.profile-tabs{border-bottom:1px solid var(--color-outline-variant);margin-bottom:var(--spacing-2xl);display:flex}.profile-tab{padding:var(--spacing-md) var(--spacing-xl);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-size:1rem;font-weight:500}.profile-tab.active{color:var(--color-primary-gold-dark);border-bottom-color:var(--color-primary-gold);font-weight:600}.profile-tab:hover{color:var(--color-primary-gold-dark)}.profile-form{flex-direction:column;gap:32px;display:flex}.form-row{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.form-row{grid-template-columns:1fr 1fr}}.form-group{flex-direction:column;gap:4px;display:flex}.profile-form .form-group label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.profile-form .form-group input,.profile-form .form-group select{background-color:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);width:100%;font-size:1rem;font-family:var(--font-secondary);color:var(--color-text-primary);transition:all var(--transition-fast);padding:11px 16px}.profile-form .form-group input:focus,.profile-form .form-group select:focus{border-color:var(--color-primary-gold);outline:none;box-shadow:0 0 0 3px #c9a22729}.profile-advanced-settings{border-top:1px solid #d0c5af;margin-top:32px;padding-top:32px}.profile-advanced-settings h4{color:#d4af37;margin:0 0 24px;font-family:Noto Serif SC,serif;font-size:24px;font-weight:600}.settings-item{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.settings-info{align-items:center;gap:16px;display:flex}.settings-info .material-symbols-outlined{color:#d4af37;font-size:24px}.settings-title{color:#333;margin:0;font-size:16px;font-weight:600}.settings-desc{color:#4d4635;margin:0;font-size:14px}.toggle-switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.toggle-switch input{display:none}.toggle-slider{background-color:#d0c5af;border-radius:12px;width:44px;height:24px;transition:background-color .2s;position:relative}.toggle-slider:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background-color:#d4af37}.toggle-switch input:checked+.toggle-slider:after{transform:translate(20px)}.profile-actions{justify-content:flex-end;padding-top:32px;display:flex}.btn-save{background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-gold);transition:all var(--transition-fast) var(--ease-out);border:none;padding:14px 48px;font-size:1rem;font-weight:700}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b}.btn-save:active:not(:disabled){transform:scale(.95)}.btn-save .loading-spinner{vertical-align:middle;margin-right:8px;display:inline-block}.profile-footer{background-color:#eae1d4;border-top:1px solid #d0c5af;margin-top:auto;padding:32px 24px}.profile-footer h2{color:#d4af37;text-align:center;margin:0 0 16px;font-family:Noto Serif SC,serif;font-size:24px;font-weight:600}.footer-nav{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px;display:flex}.footer-nav a{color:#4d4635;font-size:14px;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:#d4af37}.profile-footer p{color:#4d4635;text-align:center;margin:0;font-size:14px}@media (width<=768px){.profile-header-content{padding:0 16px}.profile-main{gap:16px;padding:16px 8px}.profile-card{padding:16px}.profile-card-header{margin-bottom:16px;padding-bottom:16px}.profile-tabs{margin-bottom:16px}.profile-tab{padding:12px 16px;font-size:14px}.form-row{grid-template-columns:1fr}.profile-advanced-settings{margin-top:16px;padding-top:16px}.profile-advanced-settings h4{margin-bottom:16px;font-size:18px}.settings-item{padding:12px 0}.btn-save{padding:12px 32px;font-size:14px}}.history-page-container{background:var(--gradient-hero);flex-direction:column;min-height:100vh;display:flex}.history-main{width:100%;max-width:1100px;padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-4xl);flex:1;margin:0 auto}@media (width>=768px){.history-main{padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-4xl)}}.history-header{margin-bottom:var(--spacing-xl)}.history-header h2{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:clamp(1.9rem,1.5rem + 1.6vw,2.5rem);font-weight:700}.history-header p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6}.search-filter-bar{background:var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);border:var(--border-gold)}.search-filter-form{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper .material-icons{color:var(--color-on-surface-variant);font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);outline:none;padding:11px 16px 11px 44px;font-size:16px}.filter-row{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.filter-select{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;flex:1;padding:11px 16px;font-size:16px}.filter-btn{background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-gold);transition:all var(--transition-fast) var(--ease-out);border:none;padding:11px 32px;font-weight:700;display:flex}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b}.filter-btn .material-icons{font-size:20px}@media (width>=768px){.filter-row{flex-direction:row}.filter-btn{flex:none}}.history-list{gap:var(--spacing-md);flex-direction:column;display:flex}.history-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);padding:var(--spacing-lg);border-radius:var(--radius-xl);gap:var(--spacing-md);transition:all var(--transition-normal) var(--ease-out);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.history-card:hover{box-shadow:var(--shadow-lg);border-color:#c9a2278c;transform:translateY(-4px)}.history-card-header{gap:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.history-card-icon{border-radius:var(--radius-md);background:var(--gradient-gold-soft);width:52px;height:52px;color:var(--color-primary-gold-dark);border:1px solid #c9a22766;flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-card-icon .material-icons{font-size:30px}.history-card-content{flex:1;min-width:0}.history-card-meta{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-wrap:wrap;display:flex}.method-badge{color:var(--color-primary-gold-dark);background:var(--gradient-gold-soft);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;border:1px solid #c9a22766;padding:4px 10px;font-size:.7rem;font-weight:600}.history-date{color:var(--color-text-secondary);font-size:.85rem}.history-card-title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.5rem;font-weight:600}.history-card-footer{align-items:center;gap:var(--spacing-md);justify-content:space-between;display:flex}.fortune-badge{border-radius:var(--radius-full);color:#fff;letter-spacing:.04em;box-shadow:var(--shadow-sm);padding:5px 16px;font-size:.7rem;font-weight:700}.fortune-success{background:var(--color-success)}.fortune-warning{background:var(--color-warning)}.history-card-chevron{color:var(--color-on-surface-variant);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:8px;display:inline-flex}.history-card-chevron:hover{color:var(--color-primary-gold-dark)}.pagination{margin-top:var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.pagination-btn{border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);width:42px;height:42px;color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:700;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary-gold);background:#c9a22714}.pagination-btn.active{background:var(--gradient-gold);color:#2b2410;box-shadow:var(--shadow-gold);border:none}.history-empty-state{background:var(--color-surface);border:1px dashed var(--color-outline-variant);padding:var(--spacing-4xl) var(--spacing-lg);border-radius:var(--radius-2xl);text-align:center;color:var(--color-text-secondary)}.empty-state-icon{margin-bottom:var(--spacing-md);color:var(--color-primary-gold);opacity:.6;font-size:48px;display:block}.loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=768px){.history-card-footer{flex-direction:row}.pagination-btn{width:38px;height:38px;font-size:14px}}.result-page{background:var(--gradient-hero);flex-direction:column;min-height:100vh;display:flex}.result-main{width:100%;max-width:1200px;padding:32px 16px var(--spacing-4xl);flex:1;margin:0 auto}@media (width>=768px){.result-main{padding:32px 24px}}.result-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;width:100%;display:grid}@media (width>=1024px){.result-grid{grid-template-columns:minmax(320px,5fr) minmax(0,7fr)}}.result-left-column,.result-right-column{flex-direction:column;gap:24px;min-width:0;display:flex}@media (width>=768px) and (width<=1023px){.result-grid{grid-template-columns:minmax(0,1fr);gap:20px}}.hexagram-header-card{background:var(--color-surface);border:var(--border-gold);border-top:3px solid var(--color-primary-gold);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);text-align:center;position:relative;overflow:hidden}.hexagram-label{color:var(--color-primary-gold-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:700}.hexagram-name-chinese{font-family:var(--font-cjk);color:var(--color-ink);margin-bottom:4px;font-size:48px;font-weight:700;line-height:1}.hexagram-number{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:1.25rem}.hexagram-visual{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:32px auto;display:flex}.hexagram-symbol{text-align:center;color:var(--color-ink);justify-content:center;align-items:center;font-size:120px;line-height:1;display:flex}.hexagram-line{border-radius:2px;height:12px;transition:all .3s}.line-yang{background-color:var(--color-ink);width:100%}.line-yin{justify-content:space-between;width:100%;display:flex}.line-yin-part{background-color:var(--color-ink);border-radius:2px;width:calc(50% - 8px);height:100%}.line-moving{box-shadow:0 0 12px #b01e2e66;background-color:var(--color-seal-red)!important}.line-moving .line-yin-part{background-color:var(--color-seal-red)!important}.moving-line-text{color:var(--color-seal-red);margin-top:16px;font-size:.875rem;font-style:italic}.metadata-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);border:var(--border-gold);box-shadow:var(--shadow-sm)}.metadata-title{font-size:1.4rem;font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-md);align-items:center;gap:8px;display:flex}.metadata-title .material-icons{color:var(--color-primary-gold-dark)}.metadata-item{border-bottom:1px solid #d0c5af4d;justify-content:space-between;padding-bottom:8px;display:flex}.metadata-label{color:var(--color-text-secondary)}.metadata-value{color:var(--color-ink);font-weight:600}.trigram-card{background:var(--color-surface);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-sm);text-align:center;transition:border-color .3s, transform .3s var(--ease-out)}.trigram-card:hover{border-color:var(--color-primary-gold);transform:translateY(-3px)}.trigram-label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.7rem}.trigram-name{font-size:1.5rem;font-family:var(--font-display);color:var(--color-primary-blue);margin-bottom:8px}.trigram-lines{flex-direction:column;gap:4px;width:48px;margin:0 auto 8px;display:flex}.trigram-line{background:var(--color-primary-blue);border-radius:9999px;height:4px}.trigram-element{background:var(--color-surface-container);border-radius:9999px;padding:4px 16px;font-size:.85rem;display:inline-block}.interpretation-card{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);border:var(--border-gold);overflow:hidden}.tabs-header{border-bottom:1px solid var(--color-outline-variant);justify-content:space-evenly;gap:8px;padding:8px;display:flex;overflow-x:auto}.tab-button{color:var(--color-on-surface-variant);cursor:pointer;white-space:nowrap;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;padding:12px 24px;font-weight:600}.tab-button:hover{color:var(--color-primary-gold-dark);background:#c9a2271a}.tab-button.active{color:#2b2410;background:var(--gradient-gold);box-shadow:var(--shadow-gold)}.tab-content{padding:var(--spacing-2xl)}.content-title{font-size:1.4rem;font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-md)}.content-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);overflow-wrap:anywhere;word-break:break-word;line-height:1.8}.quote-box{background:var(--gradient-paper);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-gold);color:var(--color-ink-soft);margin:var(--spacing-md) 0;font-style:italic}.quote-box p{overflow-wrap:anywhere;word-break:break-word;margin:0}.quote-box p+p{margin-top:6px}.rating-badge{background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:8px 16px;font-weight:700;display:inline-block}.insights-grid{grid-template-columns:1fr;gap:16px;padding-top:16px;display:grid}@media (width>=768px){.insights-grid{grid-template-columns:1fr 1fr}}.insight-item{align-items:start;gap:16px;display:flex}.insight-title{margin-bottom:4px;font-weight:600}.insight-text{color:var(--color-text-secondary);font-size:.875rem}.lines-section{flex-direction:column;gap:16px;display:flex}.section-title{font-size:1.4rem;font-family:var(--font-display);color:var(--color-ink);align-items:center;gap:8px;display:flex}.section-title .material-icons{color:var(--color-primary-gold-dark)}.line-accordion-item{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color .3s;overflow:hidden}.line-accordion-item:hover{border-color:var(--color-primary-gold)}.line-accordion-item.moving{border:1.5px solid var(--color-seal-red)}.line-header{cursor:pointer;justify-content:space-between;align-items:center;padding:24px;transition:background .3s;display:flex}.line-header-content{align-items:center;gap:16px;min-width:0;display:flex}.line-number{background:var(--color-surface-container);width:32px;height:32px;color:var(--color-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.line-number.moving{background:var(--color-seal-red);color:#fff}.line-title{color:var(--color-ink);overflow-wrap:anywhere;word-break:break-word;margin-bottom:4px;font-weight:600}.line-subtitle{color:var(--color-text-secondary);overflow-wrap:anywhere;word-break:break-word;font-size:.875rem}.line-content{padding:var(--spacing-lg);border-top:1px solid var(--color-outline-variant);background:var(--color-surface)}.line-accordion-item.moving .line-content{border-top-color:#b01e2e33}.line-meaning{color:var(--color-ink-soft);margin-bottom:var(--spacing-md);overflow-wrap:anywhere;word-break:break-word;line-height:1.7}.line-advice-box{background:var(--color-surface-container);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-gold)}.advice-label{color:var(--color-primary-gold-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.8rem;font-weight:700}.advice-text{color:var(--color-ink-soft);overflow-wrap:anywhere;word-break:break-word;font-size:.9rem}.action-buttons{gap:var(--spacing-md);padding-top:var(--spacing-xl);border-top:1px solid var(--color-outline-variant);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.action-buttons{grid-template-columns:repeat(4,1fr)}}.action-buttons button{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:600;display:flex}.action-buttons .btn-secondary{border:1.5px solid var(--color-primary-gold);color:var(--color-primary-gold-dark);background:var(--color-surface)}.action-buttons .btn-secondary:hover{background:#c9a2271a;transform:translateY(-2px)}.action-buttons .btn-outline{border:1.5px solid var(--color-outline);color:var(--color-text-secondary);background:var(--color-surface)}.action-buttons .btn-outline:hover{background:var(--color-surface-container)}.action-buttons .btn-ghost{background:var(--color-surface-container);color:var(--color-ink)}.action-buttons .btn-ghost:hover{background:var(--color-surface-container-high)}.action-buttons button .material-icons{font-size:20px}.text-semantic-warning{color:var(--color-warning)}.text-semantic-error{color:var(--color-error)}.text-brand-red{color:var(--color-seal-red)}@media (width<=576px){.result-main{padding:20px 12px 28px}.result-grid{grid-template-columns:minmax(0,1fr)}.result-left-column,.result-right-column{gap:16px}.hexagram-header-card{padding:20px 14px}.fortune-badge{justify-content:center;margin-bottom:8px;display:flex;position:static}.hexagram-bg-icon .material-icons{font-size:88px}.hexagram-label{letter-spacing:.08em;font-size:.68rem}.hexagram-name-chinese{word-break:break-word;font-size:34px;line-height:1.1}.hexagram-number{margin-bottom:12px;font-size:1rem}.hexagram-symbol{font-size:76px}.hexagram-visual{margin:16px auto}.moving-line-text{margin-top:10px;font-size:1rem}.metadata-card{padding:14px}.metadata-title,.section-title,.content-title{font-size:1.1rem}.metadata-item{flex-direction:column;align-items:flex-start;gap:4px}.trigrams-grid{grid-template-columns:1fr;gap:12px}.tabs-header{scrollbar-width:thin;justify-content:flex-start;gap:6px;padding:8px 6px}.tab-button{flex-shrink:0;padding:10px 14px;font-size:.86rem}.tab-content{padding:16px 14px}.content-text{font-size:.95rem;line-height:1.65}.quote-box{padding:12px}.insight-item{gap:10px}.line-header{align-items:flex-start;gap:8px;padding:12px}.line-header-content{flex:1;gap:10px}.line-header .material-icons{flex-shrink:0;margin-top:2px}.line-title{font-size:.95rem}.line-subtitle{font-size:.8rem}.line-content{padding:12px}.line-advice-box{padding:10px}.action-buttons{grid-template-columns:1fr;gap:10px;padding-top:14px}.action-buttons button{width:100%;min-height:44px;padding:11px 12px;font-size:.9rem}}@media (width<=380px){.hexagram-name-chinese{font-size:30px}.hexagram-symbol{font-size:64px}.tab-button{padding:9px 12px;font-size:.8rem}.line-title{font-size:.9rem}.line-subtitle{font-size:.78rem}}.divination-result-preview{gap:var(--spacing-lg);padding:var(--spacing-2xl);background:var(--color-surface);border:var(--border-gold);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);animation:fadeInUp .5s var(--ease-out);flex-direction:column;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-success-header{text-align:center;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant)}.success-icon{background:linear-gradient(135deg,#2e8b57,#3cb371);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;animation:.5s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-icon .material-icons{color:#fff;font-size:40px}.result-success-header h2{font-family:var(--font-display);color:var(--color-ink);margin-bottom:8px;font-size:1.75rem}.result-success-header p{color:var(--color-text-secondary);font-size:1rem}.hexagram-preview-card{background:var(--gradient-paper);border:var(--border-gold-strong);border-radius:var(--radius-xl);padding:var(--spacing-lg);gap:var(--spacing-lg);box-shadow:var(--shadow-inner);flex-direction:column;display:flex}.hexagram-preview-header{align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid #c9a2274d;display:flex}.hexagram-visual-mini{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:80px;display:flex}.hexagram-symbol-mini{text-align:center;color:var(--color-ink);font-size:64px;line-height:1}.hexagram-line-mini{border-radius:2px;height:8px;transition:all .3s}.hexagram-line-mini.line-yang{background-color:var(--color-ink);width:100%}.hexagram-line-mini.line-yin{justify-content:space-between;width:100%;display:flex}.hexagram-line-mini .line-yin-part{background-color:var(--color-ink);border-radius:2px;width:calc(50% - 6px);height:100%}.hexagram-line-mini.line-moving{box-shadow:0 0 8px #c41e3a66;background-color:#c41e3a!important}.hexagram-line-mini.line-moving .line-yin-part{background-color:#c41e3a!important}.hexagram-info-mini{flex:1}.hexagram-name-mini{font-family:var(--font-display);color:var(--color-ink);margin-bottom:8px;font-size:2rem;font-weight:700}.fortune-badge-mini{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.fortune-badge-mini.fortune-success{background:var(--color-success);color:#fff}.fortune-badge-mini.fortune-warning{background:var(--color-warning);color:#fff}.fortune-badge-mini.fortune-error{background:var(--color-error);color:#fff}.quick-summary{padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border-left:3px solid var(--color-primary-gold);box-shadow:var(--shadow-sm)}.quick-summary h4{color:var(--color-primary-gold-dark);margin-bottom:8px;font-size:1rem;font-weight:600}.summary-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7}.trigrams-mini{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trigram-mini-item{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);text-align:center;flex-direction:column;gap:4px;padding:12px;display:flex}.trigram-label-mini{color:var(--color-on-surface-variant);opacity:.8;font-size:12px}.trigram-value-mini{font-family:var(--font-display);color:var(--color-primary-blue);font-size:1.1rem;font-weight:600}.time-meta-mini{padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);flex-wrap:wrap;gap:12px;display:flex}.meta-mini-item{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.9rem;display:flex}.meta-mini-item .material-icons{color:var(--color-primary-gold-dark);font-size:18px}.result-preview-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-view-detail{background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);box-shadow:var(--shadow-gold);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:700;display:flex}.btn-view-detail:hover{transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b}.btn-view-detail .material-icons{font-size:20px}.btn-new-divination{background:var(--color-surface);color:var(--color-ink-soft);border:1.5px solid var(--color-primary-gold);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;display:flex}.btn-new-divination:hover{background:#c9a2271a;transform:translateY(-2px)}.btn-new-divination .material-icons{font-size:20px}.info-box-mini{padding:var(--spacing-md);background:var(--color-surface-container);border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);border-left:3px solid var(--color-primary-gold);gap:12px;display:flex}.info-box-mini .material-icons{color:var(--color-primary-gold-dark);flex-shrink:0}.info-box-mini p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.6}.info-box-mini strong{color:var(--color-primary-gold-dark);font-weight:600}@media (width<=768px){.divination-result-preview{padding:24px 16px}.hexagram-preview-header{text-align:center;flex-direction:column}.hexagram-visual-mini{margin:0 auto}.result-preview-actions,.trigrams-mini{grid-template-columns:1fr}.time-meta-mini{flex-direction:column}}.divination-page-container{background:var(--gradient-hero);min-height:calc(100vh - 72px)}.divination-main{max-width:1200px;padding:var(--spacing-2xl) var(--spacing-lg) var(--spacing-4xl);margin:0 auto}.divination-grid{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.divination-grid{grid-template-columns:5fr 7fr}}.divination-sidebar{gap:var(--spacing-lg);flex-direction:column;display:flex}.input-card,.info-card{background:var(--color-surface);border:var(--border-gold);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.input-card{position:relative;overflow:hidden}.input-card:before{content:"";background:var(--gradient-gold);height:3px;position:absolute;inset:0 0 auto}.card-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.card-header .material-icons{color:var(--color-primary-gold-dark);font-size:26px}.card-header h2{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.6rem;font-weight:600}.card-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:.95rem;line-height:1.7}.divination-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.divination-form .form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.divination-form .form-group label{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.divination-form .form-group input,.divination-form .form-group select,.divination-form .form-group textarea{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:all var(--transition-fast);padding:12px 16px;font-size:16px}.divination-form .form-group input:focus,.divination-form .form-group select:focus,.divination-form .form-group textarea:focus{border-color:var(--color-primary-gold);outline:none;box-shadow:0 0 0 3px #c9a22729}.divination-form .btn-primary,.input-card .btn-primary{border-radius:var(--radius-full);width:100%;box-shadow:var(--shadow-gold);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast) var(--ease-out);border:none;padding:15px 24px;font-weight:700;display:flex;background:var(--gradient-gold)!important;color:#2b2410!important}.divination-form .btn-primary:hover:not(:disabled),.input-card .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b}.divination-form .btn-primary:disabled,.input-card .btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary .material-icons{font-size:20px}.info-card h3{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-md);font-size:1.4rem;font-weight:600}.info-content{gap:var(--spacing-md);flex-direction:column;display:flex}.info-item{gap:var(--spacing-md);align-items:flex-start;display:flex}.info-item .material-icons{color:var(--color-primary-gold-dark);flex-shrink:0}.info-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.6}.info-item strong{color:var(--color-primary-gold-dark)}.divination-intro{margin-bottom:var(--spacing-md)}.divination-intro h2{font-family:var(--font-display);color:var(--color-ink);margin:0 0 var(--spacing-sm) 0;font-size:clamp(1.9rem,1.5rem + 1.6vw,2.5rem);line-height:1.1}.divination-intro-sub{font-family:var(--font-display);color:var(--color-primary-gold-dark);margin:0 0 var(--spacing-md) 0;font-size:1.3rem;font-weight:500}.divination-intro p:not(.divination-intro-sub){color:var(--color-text-secondary);max-width:600px;margin:0;font-size:1rem;line-height:1.75}.divination-note{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface-container);border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);border-left:3px solid var(--color-primary-gold);display:flex}.divination-note .material-icons{color:var(--color-primary-gold-dark);flex-shrink:0}.divination-note>div{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.divination-note strong{color:var(--color-primary-gold-dark)}.form-hint{color:var(--color-on-surface-variant);opacity:.8;margin:4px 0 0;font-size:.8rem;font-style:italic}.input-row{align-items:stretch;gap:var(--spacing-sm);display:flex}.divination-form .form-group .input-row input,.divination-form .form-group .input-row select{width:auto}.input-row>input{flex:1;min-width:0}.input-row>select{flex:none;min-width:5.5rem}.method-grid{gap:var(--spacing-sm);display:grid}.method-grid.cols-2{grid-template-columns:1fr 1fr}.method-grid.cols-3{grid-template-columns:repeat(3,1fr)}.method-option{border-radius:var(--radius-md);border:1px solid var(--color-outline-variant);background:var(--color-surface-bright);color:var(--color-on-surface-variant);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px;font-size:.9rem;font-weight:600;display:flex}.method-option:hover{border-color:#c9a22780}.method-option.active{border-color:var(--color-primary-gold);background:var(--gradient-gold-soft);color:var(--color-primary-gold-dark);box-shadow:var(--shadow-sm);font-weight:700}.method-panel-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-outline-variant);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.method-panel-header h3{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.4rem}.method-panel-badge{letter-spacing:.06em;background:var(--gradient-gold-soft);border-radius:var(--radius-full);color:var(--color-primary-gold-dark);white-space:nowrap;border:1px solid #c9a22766;padding:5px 10px;font-size:.7rem;font-weight:600}.result-section{min-height:600px}.empty-state{background:var(--color-surface);border:var(--border-gold);border-radius:var(--radius-2xl);padding:var(--spacing-2xl) var(--spacing-lg);min-height:600px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.empty-state-content{text-align:center;max-width:700px}.empty-icon{width:104px;height:104px;margin:0 auto var(--spacing-lg);background:var(--gradient-gold-soft);box-shadow:var(--shadow-gold);border:1px solid #c9a22773;border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-icon .material-icons{color:var(--color-primary-gold-dark);font-size:48px}.empty-state h2{font-family:var(--font-display);color:var(--color-ink);margin-bottom:var(--spacing-md);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.25rem);font-weight:600}.empty-state>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:1.05rem;line-height:1.7}.steps-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:left;gap:var(--spacing-md);transition:border-color var(--transition-normal), transform var(--transition-normal) var(--ease-out);align-items:flex-start;display:flex}.step-card:hover{border-color:#c9a22780;transform:translateY(-3px)}.step-number{font-family:var(--font-display);color:var(--color-primary-gold-dark);opacity:.5;flex-shrink:0;font-size:1.75rem;font-weight:700}.step-card h4{color:var(--color-ink);margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:700;font-family:var(--font-display)}.step-card p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.ready-prompt{padding-top:var(--spacing-lg);border-top:1px solid var(--color-outline-variant)}.ready-prompt p{font-family:var(--font-display);color:var(--color-primary-gold-dark);margin-bottom:var(--spacing-md);font-size:1.4rem;font-weight:600}.ready-prompt .material-icons{color:var(--color-primary-gold-dark);font-size:32px}.bounce{animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tab-navigation{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=1024px){.tab-navigation{grid-template-columns:repeat(2,1fr)}}.tab-button{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);white-space:nowrap;color:var(--color-on-surface-variant);text-align:center;box-shadow:none;border:1px solid #0000;padding:14px 12px;font-size:.9rem;font-weight:600;display:flex;background:var(--color-surface-container)!important}.tab-button .material-icons{font-size:20px}.tab-button.active{color:#2b2410;box-shadow:var(--shadow-gold);font-weight:700;background:var(--gradient-gold)!important}.tab-button.active .material-icons{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.tab-button:hover:not(.active){border-color:#c9a22766;background:var(--color-surface-container-high)!important}.about-page{min-height:100vh}.about-content{padding:var(--spacing-3xl) 0 var(--spacing-4xl);max-width:820px;margin:0 auto}.about-sections-container{gap:var(--spacing-md);flex-direction:column;display:flex}.about-section{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);border-left:3px solid var(--color-primary-gold);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal) var(--ease-out), transform var(--transition-normal) var(--ease-out), border-color var(--transition-normal) var(--ease-out);overflow:hidden}.about-section:hover{box-shadow:var(--shadow-md);border-left-color:var(--color-primary-gold-dark)}.about-section.expanded{box-shadow:var(--shadow-md)}.about-section-header{width:100%;padding:var(--spacing-lg);cursor:pointer;align-items:center;gap:var(--spacing-md);transition:all var(--transition-fast);background:0 0;border:none;display:flex}.about-section-header:hover{background-color:#c9a2270f}.about-section-header .material-symbols-outlined{color:var(--color-primary-gold-dark);transition:transform var(--transition-fast);background:var(--gradient-gold-soft);border:1px solid #c9a22759;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:inline-flex}.about-section-title{color:var(--color-ink);font-size:1.25rem;font-family:var(--font-display);text-align:left;flex:1;margin:0;font-weight:600}.about-section-content-wrapper{max-height:0;transition:max-height var(--transition-normal) ease-in-out;overflow:hidden}.about-section.expanded .about-section-content-wrapper{max-height:800px}.about-section-content{color:var(--color-text-secondary);padding:0 var(--spacing-lg) var(--spacing-lg) calc(var(--spacing-lg) + 36px + var(--spacing-md));margin:0;font-size:1rem;line-height:1.85}.value-card{padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid #d4af374d;border-left:4px solid var(--color-primary-gold);transition:all var(--transition-normal);background:0 0}.value-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.value-card h3{color:var(--color-primary-gold);margin-bottom:var(--spacing-md);margin-top:0;font-size:20px}.value-card p{color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.6}.contact-info{background:var(--color-secondary-ivory);padding:var(--spacing-xl);border-radius:var(--radius-md);margin-top:var(--spacing-lg);border-left:4px solid var(--color-primary-gold)}.contact-info p{margin:var(--spacing-sm) 0;color:var(--color-gray-700);font-size:16px}.contact-info strong{color:var(--color-primary-gold)}@media (width<=768px){.about-hero{padding:var(--spacing-2xl) 0}.about-hero-title{font-size:36px}.about-hero-subtitle{font-size:16px}.about-content{padding:var(--spacing-2xl) 0}.about-section{margin-bottom:var(--spacing-md)}.about-section-title{font-size:18px}.about-section-content{font-size:14px}}.guide-page{min-height:100vh}.guide-content{padding:var(--spacing-3xl) 0 var(--spacing-4xl)}.guide-layout{gap:var(--spacing-2xl);grid-template-columns:280px 1fr;display:grid}.guide-sidebar{height:fit-content;position:sticky;top:100px}.guide-nav{gap:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-outline-variant);padding:var(--spacing-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.guide-nav-item{padding:var(--spacing-md);text-align:left;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast) var(--ease-out);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-sm);background:0 0;border:1px solid #0000;font-size:.9rem;font-weight:600;display:flex}.guide-nav-item .material-symbols-outlined{opacity:0;transition:all var(--transition-fast);font-size:18px;transform:translate(-4px)}.guide-nav-item:hover{color:var(--color-primary-gold-dark);background-color:#c9a22714}.guide-nav-item.active{background:var(--gradient-gold);color:#2b2410;box-shadow:var(--shadow-gold)}.guide-nav-item.active .material-symbols-outlined{opacity:1;transform:translate(0)}.guide-main{gap:var(--spacing-2xl);flex-direction:column;display:flex}.guide-section{animation:.3s ease-in fadeIn;display:none}.guide-section.active{display:block}.guide-section-title{color:var(--color-ink);margin-bottom:var(--spacing-lg);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem);font-family:var(--font-display);padding-bottom:var(--spacing-md);position:relative}.guide-section-title:after{content:"";background:var(--gradient-gold);border-radius:var(--radius-full);width:64px;height:3px;position:absolute;bottom:0;left:0}.guide-section-content{color:var(--color-text-secondary);margin:0 0 var(--spacing-xl) 0;font-size:1.05rem;line-height:1.85}.guide-subsections{gap:var(--spacing-md);flex-direction:column;display:flex}.guide-subsection{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-left:3px solid var(--color-primary-gold);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal) var(--ease-out);overflow:hidden}.guide-subsection:hover{box-shadow:var(--shadow-md)}.guide-subsection-header{width:100%;padding:var(--spacing-lg);cursor:pointer;align-items:center;gap:var(--spacing-md);transition:all var(--transition-fast);background:0 0;border:none;display:flex}.guide-subsection-header:hover{background-color:#c9a2270f}.guide-subsection-header .material-symbols-outlined{color:var(--color-primary-gold-dark);transition:transform var(--transition-fast);flex-shrink:0;font-size:22px}.guide-subsection.expanded .guide-subsection-header .material-symbols-outlined{transform:rotate(180deg)}.guide-subsection-title{color:var(--color-ink);font-size:1.1rem;font-weight:600;font-family:var(--font-display);text-align:left;flex:1;margin:0}.guide-subsection-content-wrapper{max-height:0;transition:max-height var(--transition-normal) ease-in-out;overflow:hidden}.guide-subsection.expanded .guide-subsection-content-wrapper{max-height:500px}.guide-subsection-content{color:var(--color-text-secondary);padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);margin:0;font-size:.975rem;line-height:1.8}.guide-cta{display:none}@media (width<=1024px){.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static}.guide-nav{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=768px){.guide-hero{padding:var(--spacing-2xl) 0}.guide-title{font-size:36px}.guide-subtitle{font-size:16px}.guide-content{padding:var(--spacing-2xl) 0}.guide-section-title{font-size:24px}.guide-nav{grid-template-columns:1fr}.cta-title{font-size:32px}.cta-subtitle{font-size:16px}.cta-actions{flex-direction:column}.cta-btn{width:100%}}@media (width<=480px){.guide-title{font-size:28px}.guide-section-title{font-size:20px}.guide-subsection{padding:var(--spacing-md)}.cta-title{font-size:24px}}.contact-page{min-height:100vh}.contact-content{padding:var(--spacing-3xl) 0 var(--spacing-4xl)}.contact-layout{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;display:grid}.contact-info-section h2,.contact-form-section h2{color:var(--color-ink);margin-bottom:var(--spacing-xl);font-size:clamp(1.5rem,1.2rem + 1vw,1.875rem);font-family:var(--font-display)}.contact-info-card{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal) var(--ease-out);display:flex}.contact-info-card:hover{box-shadow:var(--shadow-md);border-color:#c9a22780;transform:translate(4px)}.contact-info-icon{background:var(--gradient-gold);border-radius:var(--radius-lg);color:#2b2410;width:56px;height:56px;box-shadow:var(--shadow-gold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-icon .material-symbols-outlined{font-size:28px}.contact-info-details h3{color:var(--color-ink);margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;font-weight:600;font-family:var(--font-display)}.contact-info-details p{color:var(--color-gray-600);margin:0 0 4px;font-size:14px}.contact-info-details a{color:var(--color-primary-gold-dark);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.contact-info-details a:hover{color:var(--color-primary-blue)}.contact-info-desc{color:var(--color-gray-500);font-size:13px;margin-top:var(--spacing-sm)!important}.contact-social{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200)}.contact-social h3{color:var(--color-gray-800);margin-bottom:var(--spacing-md);font-size:16px}.social-links{gap:var(--spacing-md);display:flex}.social-link{background:var(--color-gray-100);width:44px;height:44px;color:var(--color-primary-gold);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.social-link:hover{background:var(--color-primary-gold);color:var(--color-white);transform:translateY(-2px)}.contact-social .social-link svg{flex-shrink:0;width:20px;height:20px;display:block}.contact-form{gap:var(--spacing-lg);background:var(--color-surface);border:var(--border-gold);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.form-group input,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--color-outline-variant);background:var(--color-surface-bright);border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary-gold);outline:none;box-shadow:0 0 0 3px #c9a22729}.form-group textarea{resize:vertical;min-height:150px}.contact-submit-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-gold);transition:all var(--transition-fast) var(--ease-out);margin-top:var(--spacing-md);border:none;font-size:1rem;font-weight:700;display:flex}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-submit-btn .material-symbols-outlined{font-size:20px}.loading-spinner{border:2px solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.contact-map{background:var(--color-white);padding:var(--spacing-3xl) 0}.contact-map h2{color:var(--color-gray-800);margin-bottom:var(--spacing-xl);text-align:center;font-size:32px;font-family:var(--font-primary)}.map-container{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);overflow:hidden}@media (width<=1024px){.contact-layout{gap:var(--spacing-2xl);grid-template-columns:1fr}}@media (width<=768px){.contact-hero{padding:var(--spacing-2xl) 0}.contact-title{font-size:36px}.contact-subtitle{font-size:16px}.contact-content{padding:var(--spacing-2xl) 0}.contact-info-section h2,.contact-form-section h2{font-size:24px}.contact-map{padding:var(--spacing-2xl) 0}.contact-map h2{font-size:24px}.map-container{height:300px}}.legal-page{min-height:100vh}.legal-content{padding:var(--spacing-3xl) 0 var(--spacing-4xl)}.legal-text{background:var(--color-surface);border:var(--border-gold);border-radius:var(--radius-2xl);max-width:860px;box-shadow:var(--shadow-md);padding:var(--spacing-3xl);margin:0 auto}.legal-section{margin-bottom:var(--spacing-2xl)}.legal-section:last-of-type{margin-bottom:0}.legal-section h2{color:var(--color-ink);margin-bottom:var(--spacing-lg);font-size:1.4rem;font-family:var(--font-display);padding-bottom:var(--spacing-md);position:relative}.legal-section h2:after{content:"";background:var(--gradient-gold);border-radius:var(--radius-full);width:48px;height:2px;position:absolute;bottom:0;left:0}.legal-section p{color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;font-size:1rem;line-height:1.85}.legal-section ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.legal-section li{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:1rem;line-height:1.85}.legal-section li::marker{color:var(--color-primary-gold)}.legal-section strong{color:var(--color-ink);font-weight:600}.legal-updated{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-200);text-align:center}.legal-updated p{color:var(--color-gray-500);margin:0;font-size:14px}@media (width<=768px){.legal-hero{padding:var(--spacing-2xl) 0}.legal-title{font-size:36px}.legal-subtitle{font-size:16px}.legal-content{padding:var(--spacing-2xl) 0}.legal-section h2{font-size:20px}.legal-section p,.legal-section li{font-size:14px}.legal-text{padding:0 var(--spacing-md)}}.faq-page{min-height:100vh}.faq-content{padding:var(--spacing-3xl) 0 var(--spacing-4xl)}.faq-search{margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto;position:relative}.faq-search .material-symbols-outlined{left:var(--spacing-lg);color:var(--color-gray-400);font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.faq-search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-3xl);border:1px solid var(--color-outline-variant);background:var(--color-surface-bright);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);font-size:16px}.faq-search-input:focus{border-color:var(--color-primary-gold);outline:none;box-shadow:0 0 0 3px #c9a22729}.faq-categories{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;justify-content:center;display:flex}.faq-category-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);font-size:14px;font-weight:600}.faq-category-btn:hover{border-color:var(--color-primary-gold);color:var(--color-primary-gold-dark)}.faq-category-btn.active{background:var(--gradient-gold);color:#2b2410;box-shadow:var(--shadow-gold);border-color:#0000}.faq-items{gap:var(--spacing-md);max-width:800px;margin:0 auto var(--spacing-3xl);flex-direction:column;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal) var(--ease-out);overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-gold)}.faq-item.expanded{box-shadow:var(--shadow-lg);border-color:var(--color-primary-gold)}.faq-item-header{width:100%;padding:var(--spacing-lg);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-fast);background:0 0;border:none;display:flex}.faq-item-header:hover{background:#d4af370d}.faq-item-title{align-items:center;gap:var(--spacing-md);text-align:left;flex:1;display:flex}.faq-category-badge{background:var(--gradient-gold-soft);color:var(--color-primary-gold-dark);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #c9a22766;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.faq-item-title h3{color:var(--color-ink);text-align:left;font-size:1.05rem;font-weight:600;font-family:var(--font-display);margin:0}.faq-icon{color:var(--color-primary-gold-dark);transition:transform var(--transition-fast);flex-shrink:0;font-size:24px}.faq-item.expanded .faq-icon{transform:rotate(180deg)}.faq-item-content{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--color-gray-100);animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-item-content p{padding-top:var(--spacing-md);color:var(--color-text-secondary);margin:0;font-size:.975rem;line-height:1.8}.faq-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-gray-500)}.faq-empty .material-symbols-outlined{margin-bottom:var(--spacing-lg);opacity:.5;font-size:48px;display:block}.faq-empty p{margin:0;font-size:16px}.faq-contact{background:var(--gradient-ink);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);text-align:center;max-width:640px;box-shadow:var(--shadow-lg);border:1px solid #c9a2274d;margin:0 auto}.faq-contact h2{color:var(--color-secondary-ivory);margin:0 0 var(--spacing-md) 0;font-size:1.5rem;font-family:var(--font-display)}.faq-contact p{color:#fffcf6b8;margin:0 0 var(--spacing-lg) 0;font-size:1rem}.faq-contact-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-full);transition:all var(--transition-fast) var(--ease-out);font-weight:700;text-decoration:none;display:inline-flex}.faq-contact-btn:hover{box-shadow:var(--shadow-gold);color:#2b2410;transform:translateY(-2px)}.faq-contact-btn .material-symbols-outlined{font-size:20px}@media (width<=768px){.faq-hero{padding:var(--spacing-2xl) 0}.faq-title{font-size:36px}.faq-subtitle{font-size:16px}.faq-content{padding:var(--spacing-2xl) 0}.faq-categories{gap:var(--spacing-sm)}.faq-category-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.faq-item-header{padding:var(--spacing-md)}.faq-item-title{gap:var(--spacing-sm)}.faq-item-title h3{font-size:14px}.faq-category-badge{padding:3px 8px;font-size:11px}.faq-item-content{padding:0 var(--spacing-md) var(--spacing-md)}.faq-contact{padding:var(--spacing-lg)}.faq-contact h2{font-size:20px}.faq-contact p{font-size:14px}}.admin-dashboard-layout{background:var(--color-surface-container-low);min-height:calc(100vh - 72px);display:flex}.admin-sidebar{background:var(--gradient-ink);gap:var(--spacing-sm);width:300px;padding:var(--spacing-md);box-shadow:var(--shadow-lg);border-right:1px solid #c9a22733;flex-direction:column;display:flex;overflow-y:auto}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-lg)}.sidebar-title{font-size:1.5rem;font-weight:700;font-family:var(--font-display);color:var(--color-primary-gold-light);margin:0 0 var(--spacing-xs) 0}.sidebar-subtitle{color:#fffcf68c;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem}.sidebar-nav{gap:var(--spacing-sm);flex-direction:column;flex-grow:1;display:flex}.sidebar-nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:#fffcf6b8;transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex}.sidebar-nav-item:hover{color:var(--color-primary-gold-light);background:#c9a2271f}.sidebar-nav-item.active{background:var(--gradient-gold);color:#2b2410;box-shadow:var(--shadow-gold);font-weight:600}.sidebar-nav-item .material-symbols-outlined{font-size:24px}.sidebar-nav-divider{padding-top:var(--spacing-lg);gap:var(--spacing-sm);border-top:1px solid #c9a22733;flex-direction:column;margin-top:auto;display:flex}.sidebar-profile{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);align-items:center;gap:var(--spacing-md);background:#fffcf60f;border:1px solid #c9a22740;display:flex}.profile-avatar{border:2px solid var(--color-primary-gold);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-info{flex-grow:1}.profile-name{color:var(--color-secondary-ivory);margin:0;font-size:14px;font-weight:600}.profile-level{color:#fffcf68c;margin:0;font-size:12px}.admin-main{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.admin-content{padding:var(--spacing-lg);gap:var(--spacing-2xl);flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.admin-hero{border-radius:var(--radius-2xl);min-height:260px;box-shadow:var(--shadow-lg);background:var(--gradient-ink);border:1px solid #c9a2274d;position:relative;overflow:hidden}.admin-hero:after{content:"梅";font-family:var(--font-cjk);color:#c9a22714;pointer-events:none;font-size:260px;line-height:1;position:absolute;bottom:-60px;right:24px}.admin-hero .hero-content{z-index:1;padding:var(--spacing-2xl);color:var(--color-secondary-ivory);position:relative}.admin-hero .hero-title{font-size:clamp(2rem,1.5rem + 2vw,2.75rem);font-weight:700;font-family:var(--font-display);color:var(--color-primary-gold-light);margin:0 0 var(--spacing-md) 0;line-height:1.15}.admin-hero .hero-description{margin:0 0 var(--spacing-xl) 0;color:#fffcf6c7;max-width:60ch;font-size:1rem;line-height:1.7}.admin-hero .hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.admin-hero .hero-actions .btn-primary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;font-weight:700;display:flex;background:var(--gradient-gold)!important;color:#2b2410!important;box-shadow:var(--shadow-gold)!important}.admin-hero .hero-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b!important}.admin-hero .hero-actions .btn-secondary{padding:var(--spacing-md) var(--spacing-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:600;color:var(--color-secondary-ivory)!important;background:#ffffff14!important;border:1px solid #c9a22766!important}.admin-hero .hero-actions .btn-secondary:hover{background:#c9a2272e!important}.admin-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.admin-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:var(--border-gold);color:inherit;transition:all var(--transition-normal) var(--ease-out);gap:var(--spacing-md);flex-direction:column;text-decoration:none;display:flex;position:relative}.admin-card:before{content:"";background:var(--gradient-gold);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;inset:0 0 auto}.admin-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-gold);transform:translateY(-4px)}.admin-card:hover:before{opacity:1}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-icon{border-radius:var(--radius-xl);background:var(--gradient-gold-soft);width:56px;height:56px;color:var(--color-primary-gold-dark);border:1px solid #c9a22740;justify-content:center;align-items:center;display:flex}.card-icon .material-symbols-outlined{font-size:28px}.card-badge{padding:var(--spacing-xs) var(--spacing-md);color:#2e8b57;background:#2e8b571a;border-radius:9999px;font-size:12px;font-weight:600}.card-title{font-size:1.4rem;font-weight:600;font-family:var(--font-display);color:var(--color-ink);margin:0}.card-description{color:var(--color-gray-600);margin:0;font-size:14px;line-height:1.4}.card-footer{gap:var(--spacing-sm);flex-direction:column;margin-top:auto;display:flex}.card-meta{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:#fff6;justify-content:space-between;align-items:center;display:flex}.meta-label{color:var(--color-gray-600);font-size:14px}.meta-value{color:var(--color-gray-900);font-size:14px;font-weight:600}.card-link{align-items:center;gap:var(--spacing-xs);color:var(--color-primary-gold);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:600;display:flex}.card-link:hover{text-decoration:underline}.card-link .material-symbols-outlined{font-size:20px}.system-status{grid-column:span 1}.status-list{gap:var(--spacing-md);flex-direction:column;display:flex}.status-item{justify-content:space-between;align-items:center;display:flex}.status-label{color:var(--color-gray-700);font-size:14px}.status-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:9999px;font-size:12px;font-weight:600;display:flex}.status-badge.online{color:#2e8b57;background:#2e8b571a}.status-badge.warning{color:orange;background:#ffa5001a}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.btn-diagnose{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-weight:600}.btn-diagnose:hover{background:var(--color-gray-100)}.admin-footer{background:var(--color-gray-100);border-top:1px solid var(--color-gray-200);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;margin-top:auto}.footer-title{color:var(--color-primary-gold);margin:0 0 var(--spacing-md) 0;font-size:24px;font-weight:700}.footer-links{justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-md);display:flex}.footer-links a{color:var(--color-gray-700);transition:color var(--transition-fast);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--color-primary-gold)}.footer-copyright{color:var(--color-gray-600);opacity:.6;margin:0;font-size:14px}@media (width<=1024px){.admin-sidebar{width:280px}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.admin-dashboard-layout{flex-direction:column}.admin-sidebar{z-index:50;width:280px;height:100vh;display:none;position:fixed;top:0;left:0}.admin-sidebar.active{display:flex}.topbar-menu-toggle{display:block}.topbar-actions{display:none}.admin-grid{grid-template-columns:1fr}.admin-hero .hero-title{font-size:28px}.topbar-title{font-size:24px}}@media (width<=480px){.admin-content{padding:var(--spacing-md);gap:var(--spacing-lg)}.admin-hero{height:200px}.admin-hero .hero-content{padding:var(--spacing-lg)}.admin-hero .hero-title{font-size:20px}.admin-hero .hero-description{font-size:14px}.admin-hero .hero-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}.topbar-profile{display:none}.footer-links{gap:var(--spacing-md);flex-direction:column}}.hexagram-detail-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-section{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:8px;flex-direction:column;display:flex}.form-section h3{color:var(--color-text-primary);border-bottom:2px solid var(--color-brand-gold);padding-bottom:var(--spacing-sm);margin:0;font-size:16px;font-weight:600}.form-section h4{color:var(--color-text-primary);margin:0;font-size:14px;font-weight:600}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline-variant);transition:all var(--transition-fast);resize:vertical;background:#fff;border-radius:6px;outline:none;font-family:inherit;font-size:13px}.form-input:focus{border-color:var(--color-brand-gold);box-shadow:0 0 8px #d4af3733}.form-input:disabled{background:var(--color-surface-container);color:var(--color-text-secondary);cursor:not-allowed}@media (width<=768px){.form-row{grid-template-columns:1fr}}.line-item{gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-outline-variant);border-left:4px solid var(--color-brand-gold);background:#fff;border-radius:6px;flex-direction:column;display:flex}.app-item{gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-outline-variant);border-left:4px solid var(--color-secondary);background:#fff;border-radius:6px;flex-direction:column;display:flex}.btn-add-line{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-secondary-container);border:1px dashed var(--color-secondary);color:var(--color-secondary);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm);border-radius:6px;font-size:13px;font-weight:600}.btn-add-line:hover{background:var(--color-secondary);color:#fff;border-style:solid}.hexagram-management-page{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;width:100%;max-width:1280px;margin:0 auto;display:flex}.hex-page-loading{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:360px;color:var(--color-text-secondary);flex-direction:column;display:flex}.hex-page-header{gap:var(--spacing-lg);flex-direction:column;display:flex}@media (width>=1024px){.hex-page-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.hex-header-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-gold);margin:0 0 var(--spacing-xs);font-size:11px;font-weight:600;display:inline-block}.hex-page-title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 var(--spacing-xs);font-size:clamp(1.85rem,1.5rem + 1.4vw,2.5rem);font-weight:700;line-height:1.15}.hex-page-subtitle{color:var(--color-text-secondary);max-width:520px;margin:0;font-size:15px;line-height:1.55}.hex-stat-cards{gap:var(--spacing-sm);grid-template-columns:repeat(3,minmax(100px,1fr));width:100%;display:grid}@media (width>=1024px){.hex-stat-cards{width:auto;min-width:360px}}.hex-stat-card{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:0 1px 3px #1a140c0f}.hex-stat-card--accent{background:linear-gradient(145deg, var(--color-surface-container-low) 0%, var(--color-surface-bright) 100%);border-color:#c9a22759;box-shadow:0 0 16px #c9a2271f}.hex-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin:0 0 var(--spacing-xs);font-size:11px;font-weight:600}.hex-stat-value{color:var(--color-brand-gold);font-size:1.75rem;font-weight:700;line-height:1}.hex-stat-suffix{color:var(--color-text-secondary);margin-left:2px;font-size:.95rem;font-weight:500}.hex-toolbar{gap:var(--spacing-md);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-md);grid-template-columns:1fr;align-items:end;display:grid}@media (width>=768px){.hex-toolbar{grid-template-columns:1fr auto auto;align-items:end}}.hex-toolbar-search{min-width:0;position:relative}.hex-search-icon{left:var(--spacing-md);color:var(--color-outline);pointer-events:none;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.hex-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 44px;background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-family:inherit;font-size:14px}.hex-search-input:focus{border-color:var(--color-brand-gold);box-shadow:0 0 0 2px #c9a22733}.hex-toolbar-filters{gap:var(--spacing-xs);flex-direction:column;min-width:180px;display:flex}.hex-filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:11px;font-weight:600}.hex-filter-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);cursor:pointer;outline:none;font-family:inherit;font-size:14px}.hex-filter-select:focus{border-color:var(--color-brand-gold);box-shadow:0 0 0 2px #c9a22733}.hex-btn-create{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-gold);color:#2b2410;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-gold);transition:transform var(--transition-fast), opacity var(--transition-fast);border:none;height:42px;font-size:14px;font-weight:700;display:inline-flex}.hex-btn-create:hover{opacity:.92;transform:translateY(-1px)}.hex-btn-create--inline{margin-top:var(--spacing-md)}.hex-table-panel{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 8px #1a140c0d}.hex-table-scroll{overflow-x:auto}.hex-data-table{border-collapse:collapse;width:100%;font-size:14px}.hex-data-table thead{background:var(--color-surface-container-highest);border-bottom:1px solid var(--color-outline-variant)}.hex-data-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);font-size:11px;font-weight:600}.hex-data-table tbody tr{border-bottom:1px solid var(--color-outline-variant);transition:background-color var(--transition-fast)}.hex-data-table tbody tr:last-child{border-bottom:none}.hex-data-table tbody tr:hover{background:var(--color-surface-container-low)}.hex-data-table td{padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.col-num{text-align:center;width:56px}.col-actions{text-align:right;width:100px}.hex-number-badge{min-width:36px;height:36px;padding:0 var(--spacing-xs);border-radius:var(--radius-full);color:var(--color-primary-gold-dark);background:#c9a2271f;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.hex-cell-main{align-items:flex-start;gap:var(--spacing-md);min-width:220px;display:flex}.hex-symbol-ring{width:52px;height:52px;font-size:32px;font-family:var(--font-cjk);background:var(--color-surface-container);border-radius:var(--radius-md);color:var(--color-primary-gold-dark);border:1px solid #c9a22740;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hex-cell-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hex-cell-name{color:var(--color-ink);font-size:15px;font-weight:700}.hex-cell-slug{color:var(--color-text-secondary);font-size:12px;font-family:var(--font-mono,ui-monospace, monospace)}.hex-cell-summary{color:var(--color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.hex-trigram-pair{gap:var(--spacing-xs);flex-direction:column;display:flex}.hex-trigram-chip{align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background:var(--color-surface-container);border-radius:var(--radius-sm);color:var(--color-ink-soft);font-size:13px;font-weight:500;display:inline-flex}.hex-trigram-dir{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:10px;font-weight:600}.hex-type-text{color:var(--color-text-secondary);font-size:13px}.hex-fortune-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.fortune-great{color:#1e6b3a;background:#228b221f;border-color:#228b2240}.fortune-good{color:var(--color-primary-gold-dark);background:#c9a22724;border-color:#c9a2274d}.fortune-neutral{color:var(--color-secondary);background:#3a5f941a;border-color:#3a5f9433}.fortune-bad{color:var(--color-seal-red);background:#b01e2e1a;border-color:#b01e2e38}.hex-row-actions{justify-content:flex-end;gap:var(--spacing-xs);display:flex}.hex-action-btn{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.hex-action-btn:disabled{opacity:.45;cursor:not-allowed}.hex-action-btn--edit{color:var(--color-secondary)}.hex-action-btn--edit:hover:not(:disabled){background:var(--color-secondary-container)}.hex-action-btn--delete{color:var(--color-seal-red)}.hex-action-btn--delete:hover:not(:disabled){background:#b01e2e14}.hex-empty-state{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.hex-empty-icon{margin:0 auto var(--spacing-md);opacity:.35;color:var(--color-brand-gold);font-size:56px;display:block}.hex-empty-state h3{margin:0 0 var(--spacing-xs);font-family:var(--font-display);color:var(--color-ink);font-size:1.25rem}.hex-empty-state p{margin:0;font-size:14px}.hex-pagination{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);flex-wrap:wrap;display:flex}.hex-pagination-info{color:var(--color-text-secondary);margin:0;font-size:13px}.hex-pagination-controls{align-items:center;gap:var(--spacing-xs);display:flex}.hex-page-btn{min-width:36px;height:36px;padding:0 var(--spacing-sm);border:1px solid var(--color-outline-variant);background:var(--color-surface-bright);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.hex-page-btn:hover:not(:disabled){background:var(--color-surface-container)}.hex-page-btn--active{background:var(--color-brand-gold);border-color:var(--color-brand-gold);color:#2b2410}.hex-page-btn:disabled{opacity:.45;cursor:not-allowed}.hex-page-ellipsis{padding:0 var(--spacing-xs);color:var(--color-text-secondary);font-size:14px}.hex-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-md);background:#14110a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hex-modal-overlay--stacked{z-index:1100}.hex-modal{background:var(--color-surface);border-radius:var(--radius-2xl);border:var(--border-gold);flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #1a140c47}.hex-modal--large{max-width:920px}.hex-modal-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);display:flex}.hex-modal-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-brand-gold);margin:0 0 4px;font-size:11px;font-weight:600}.hex-modal-header h2{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.35rem;font-weight:700}.hex-modal-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-outline);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hex-modal-close:hover{background:var(--color-surface-variant);color:var(--color-ink)}.hex-modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.hex-modal-body--detail{padding:var(--spacing-md) var(--spacing-lg)}.hex-modal-loading{padding:var(--spacing-2xl);justify-content:center;display:flex}.hex-modal-footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);flex-wrap:wrap;display:flex}.hex-form-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.hex-form-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.hex-form-field--wide{grid-column:1/-1}.hex-form-field--highlight .hex-form-input{color:var(--color-primary-gold-dark);font-weight:700}.hex-form-field label{color:var(--color-text-secondary);font-size:12px;font-weight:600}.hex-form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-bright);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-family:inherit;font-size:14px}.hex-form-input:focus{border-color:var(--color-brand-gold);box-shadow:0 0 0 2px #c9a22733}.hex-form-input--symbol{font-size:24px;font-family:var(--font-cjk);text-align:center}.hex-form-textarea{resize:vertical;min-height:72px}.hex-btn-primary{padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-gold);border-radius:var(--radius-full);color:#2b2410;cursor:pointer;box-shadow:var(--shadow-gold);transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;font-size:14px;font-weight:700}.hex-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.hex-btn-primary:disabled{opacity:.5;cursor:not-allowed}.hex-btn-secondary{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);color:var(--color-ink-soft);cursor:pointer;transition:background-color var(--transition-fast);font-size:14px;font-weight:600;display:inline-flex}.hex-btn-secondary:hover:not(:disabled){background:var(--color-surface-container)}.hex-btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.hexagram-management-page{padding:var(--spacing-md)}.hex-stat-cards,.hex-toolbar{grid-template-columns:1fr}.hex-btn-create{width:100%}.hex-data-table th,.hex-data-table td{padding:var(--spacing-sm) var(--spacing-md)}.hex-cell-summary{display:none}.hex-form-grid{grid-template-columns:1fr}.hex-form-field--wide{grid-column:1}.hex-pagination{flex-direction:column;align-items:flex-start}.col-trigram,.col-type{display:none}}@media (width<=480px){.hex-symbol-ring{width:44px;height:44px;font-size:26px}}.divination-history-page{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;max-width:1280px;margin:0 auto;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-direction:column;display:flex}@media (width>=1024px){.page-header{flex-direction:row}}.header-content{flex:1}.page-title{margin:0 0 var(--spacing-xs) 0;color:var(--color-ink);font-size:clamp(2rem,1.6rem + 1.6vw,2.6rem);font-weight:700;font-family:var(--font-display)}.stat-cards{gap:var(--spacing-md);width:100%;display:flex}@media (width>=1024px){.stat-cards{width:auto}}.stat-card{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);min-width:160px;padding:var(--spacing-md);border-radius:12px;flex:1;box-shadow:0 0 12px #d4af3726}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;font-size:12px;font-weight:500}.stat-value{align-items:baseline;gap:var(--spacing-xs);display:flex}.stat-number{color:var(--color-brand-gold);font-size:32px;font-weight:700}.stat-change{color:#2e8b57;font-size:12px;font-weight:700}.stat-pulse{background:#2e8b57;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.filter-bar{background:var(--color-surface-container);border:1px solid var(--color-outline-variant);padding:var(--spacing-md);gap:var(--spacing-md);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;display:grid}.filter-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.filter-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-left:4px;font-size:12px;font-weight:500}.filter-select,.filter-input{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);border-radius:8px;outline:none;font-family:inherit;font-size:14px}.filter-select:focus,.filter-input:focus{border-color:var(--color-brand-gold);box-shadow:0 0 0 1px var(--color-brand-gold)}.btn-filter{background:var(--gradient-gold);color:var(--color-on-primary-container);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);border:none;border-radius:8px;height:42px;font-weight:600;display:flex;box-shadow:0 0 12px #d4af3726}.btn-filter:hover{opacity:.9;transform:translateY(-2px)}.table-container{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{background:var(--color-surface-container-high);border-bottom:1px solid var(--color-outline-variant)}.data-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.data-table tbody tr{transition:background-color var(--transition-fast);border-bottom:1px solid #d4af371a}.data-table tbody tr:hover{background-color:var(--color-surface-container-low)}.data-table td{padding:var(--spacing-md) var(--spacing-lg)}.user-cell{align-items:center;gap:var(--spacing-sm);display:flex}.user-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.avatar-success{background:#2e8b57}.avatar-gold{background:var(--color-brand-gold);color:var(--color-on-primary-container)}.avatar-warning{background:orange}.avatar-error{background:#c41e3a}.avatar-neutral{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.user-avatar-image{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-name{color:var(--color-on-surface);font-weight:600}.time-cell{color:var(--color-text-secondary);font-size:14px}.method-badge{background:var(--color-surface-container-highest);color:var(--color-brand-blue);padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;font-size:12px;font-weight:500}.hexagram-cell{gap:4px}.divination-hexagram-visual{color:var(--color-primary-gold-dark);font-size:28px;font-weight:700;font-family:var(--font-cjk)}.hexagram-name{font-family:var(--font-cjk);color:var(--color-text-secondary);font-size:13px}.result-badge{padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase;letter-spacing:.5px;color:#fff;border-radius:9999px;font-size:11px;font-weight:700}.result-success{background:#2e8b57}.result-gold{background:var(--color-brand-gold);color:var(--color-on-primary-container)}.result-warning{background:orange}.result-error{background:#c41e3a}.action-header{text-align:left}.action-link{color:var(--color-brand-gold);cursor:pointer;text-decoration-offset:4px;transition:color var(--transition-fast);background:0 0;border:none;font-size:14px;font-weight:600;text-decoration:underline}.action-link:hover{color:#b8860b}.pagination{background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.pagination-info{color:var(--color-text-secondary);font-size:14px}.pagination-btn{border:1px solid var(--color-outline-variant);background:var(--color-surface-bright);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);color:var(--color-text-secondary);border-radius:8px;justify-content:center;align-items:center;font-weight:600;display:flex}@media (width<=768px){.divination-history-page{padding:var(--spacing-md)}.page-header{flex-direction:column}.stat-cards{width:100%}.filter-bar{grid-template-columns:1fr}.page-title{font-size:28px}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:12px}.pagination{gap:var(--spacing-md);flex-direction:column}}.history-detail-page{background:var(--gradient-hero);flex-direction:column;min-height:100vh;display:flex}.detail-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px 16px}@media (width>=768px){.detail-main{padding:32px 24px}}.detail-header{margin-bottom:32px}.back-button{background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.back-button:hover{background:var(--color-surface-container-high);border-color:var(--color-primary-gold);color:var(--color-primary-gold-dark)}.back-button .material-icons{font-size:20px}.detail-title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 16px;font-size:clamp(1.75rem,1.4rem + 1.4vw,2.2rem);font-weight:700}.header-meta{flex-wrap:wrap;gap:24px;display:flex}.meta-item{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.meta-item .material-icons{color:var(--color-primary-gold);font-size:18px}.detail-grid{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (width>=1024px){.detail-grid{grid-template-columns:5fr 7fr}}.detail-left-column,.detail-right-column{flex-direction:column;gap:24px;display:flex}.hexagram-header-card{background:var(--color-surface);border:var(--border-gold);border-top:3px solid var(--color-primary-gold);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);text-align:center;padding:32px;position:relative;overflow:hidden}.fortune-badge{position:absolute;top:16px;right:16px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:4px 16px;font-size:12px;font-weight:500;box-shadow:0 2px 4px #0000001a}.badge-semantic-success{background:var(--color-success);color:#fff}.badge-semantic-warning{background:var(--color-warning);color:#fff}.badge-semantic-error{background:var(--color-seal-red);color:#fff}.hexagram-bg-icon{color:var(--color-primary-gold);opacity:.1;pointer-events:none;position:absolute;top:-16px;left:-16px}.hexagram-bg-icon .material-icons{font-size:120px}.hexagram-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:12px}.hexagram-name-chinese{font-family:var(--font-cjk);color:var(--color-ink);margin:0 0 4px;font-size:28px;font-weight:700}.hexagram-number{color:var(--color-on-surface-variant);margin:0 0 24px;font-size:14px}.hexagram-visual{justify-content:center;margin:24px 0;display:flex}.hexagram-symbol{color:var(--color-primary-gold);font-size:64px;line-height:1}.moving-line-text{color:var(--color-seal-red);margin:16px 0 0;font-size:14px;font-weight:500}.metadata-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:12px;padding:24px}.metadata-title{color:var(--color-ink);align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.metadata-title .material-icons{color:var(--color-primary-gold);font-size:20px}.metadata-list{flex-direction:column;gap:12px;display:flex}.metadata-item{border-bottom:1px solid #d4af371a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.metadata-item:last-child{border-bottom:none}.metadata-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.metadata-value{color:var(--color-ink);font-size:14px;font-weight:600}.trigrams-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.trigram-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);text-align:center;border-radius:12px;padding:20px}.trigram-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:12px}.trigram-name{font-family:var(--font-cjk);color:var(--color-ink);margin:0;font-size:20px;font-weight:600}.input-summary-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:12px;padding:24px}.card-title{color:var(--color-ink);align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.card-title .material-icons{color:var(--color-primary-gold);font-size:20px}.summary-text{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.interpretation-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:12px;padding:24px}.content-text{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px;line-height:1.8}.quote-box{border-left:4px solid var(--color-primary-gold);color:var(--color-text-secondary);background:#d4af370d;border-radius:8px;margin:16px 0;padding:16px;font-style:italic}.quote-box p{margin:4px 0;font-size:14px;line-height:1.6}.insights-grid{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.insight-item{background:#2e8b570d;border-radius:8px;gap:12px;padding:12px;display:flex}.insight-item .material-icons{color:var(--color-success);flex-shrink:0;font-size:24px}.insight-title{color:var(--color-ink);margin:0 0 4px;font-size:14px;font-weight:600}.insight-text{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.text-semantic-success{color:var(--color-success)!important}.applications-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.app-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:12px;padding:20px}.app-title{color:var(--color-ink);align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.app-title .material-icons{color:var(--color-primary-gold);font-size:18px}.rating-badge{background:var(--color-primary-gold);color:#fff;border-radius:9999px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.app-content{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.lines-section{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:12px;padding:24px}.section-title{color:var(--color-ink);align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.section-title .material-icons{color:var(--color-primary-gold);font-size:20px}.lines-accordion{flex-direction:column;gap:12px;display:flex}.line-accordion-item{border:1px solid var(--color-outline-variant);border-radius:8px;transition:all .2s;overflow:hidden}.line-accordion-item.moving{border-color:var(--color-seal-red);background:#c41e3a05}.line-header{background:var(--color-surface-container-low);cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.line-accordion-item.moving .line-header{background:#c41e3a0d}.line-header:hover{background:#efe7da}.line-header-content{flex:1;align-items:center;gap:12px;display:flex}.line-number{background:var(--color-primary-gold);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.line-number.moving{background:var(--color-seal-red)}.line-title{color:var(--color-ink);margin:0 0 4px;font-size:14px;font-weight:600}.line-title.moving{color:var(--color-seal-red)}.line-subtitle{color:var(--color-text-secondary);margin:0;font-size:12px}.line-header .material-icons{color:var(--color-text-secondary);font-size:24px;transition:transform .2s}.line-header .material-icons.text-brand-red{color:var(--color-seal-red)}.line-content{background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);padding:16px}.line-meaning{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px;line-height:1.8}.line-advice-box{border-left:4px solid var(--color-primary-gold);background:#d4af370d;border-radius:4px;padding:12px}.advice-label{color:var(--color-ink);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:12px;font-weight:600}.advice-text{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.action-buttons{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.action-buttons .btn-primary,.action-buttons .btn-secondary,.action-buttons .btn-outline{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast) var(--ease-out);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.action-buttons .btn-primary{background:var(--gradient-gold)!important;color:#2b2410!important;box-shadow:var(--shadow-gold)!important}.action-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #c9a2276b!important}.action-buttons .btn-secondary{background:var(--color-surface)!important;color:var(--color-primary-gold-dark)!important;border:1.5px solid var(--color-primary-gold)!important}.action-buttons .btn-secondary:hover{background:#c9a2271a!important}.action-buttons .btn-outline{color:var(--color-text-secondary);border:1.5px solid var(--color-outline-variant);background:0 0}.action-buttons .btn-outline:hover{border-color:var(--color-primary-gold);color:var(--color-primary-gold-dark)}.action-buttons .btn-primary .material-icons,.action-buttons .btn-secondary .material-icons,.action-buttons .btn-outline .material-icons{font-size:20px}@media (width<=768px){.detail-title{font-size:24px}.hexagram-header-card{padding:24px}.hexagram-name-chinese{font-size:24px}.hexagram-symbol{font-size:48px}.applications-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary,.btn-outline{justify-content:center;width:100%}}.analytics-page{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;width:100%;max-width:1280px;margin:0 auto;display:flex}.analytics-loading{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:360px;color:var(--color-text-secondary);flex-direction:column;display:flex}.analytics-page-header{gap:var(--spacing-md);flex-direction:column;display:flex}@media (width>=900px){.analytics-page-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.analytics-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-gold);margin:0 0 var(--spacing-xs);font-size:11px;font-weight:600;display:inline-block}.analytics-title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 var(--spacing-xs);font-size:clamp(1.85rem,1.5rem + 1.4vw,2.5rem);font-weight:700;line-height:1.15}.analytics-subtitle{color:var(--color-text-secondary);max-width:560px;margin:0;font-size:15px;line-height:1.55}.analytics-header-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.analytics-refresh-btn,.analytics-link-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);height:42px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.analytics-refresh-btn{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);color:var(--color-ink-soft)}.analytics-refresh-btn:hover:not(:disabled){border-color:var(--color-brand-gold);color:var(--color-ink)}.analytics-refresh-btn:disabled{opacity:.6;cursor:wait}.analytics-link-btn{background:var(--gradient-gold);color:#2b2410;box-shadow:var(--shadow-gold);border:none}.analytics-link-btn:hover{opacity:.92;transform:translateY(-1px)}.analytics-spin{animation:.8s linear infinite analytics-spin}@keyframes analytics-spin{to{transform:rotate(360deg)}}.analytics-kpi-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=900px){.analytics-kpi-grid{grid-template-columns:repeat(4,1fr)}}.analytics-kpi-card{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex;box-shadow:0 1px 4px #1a140c0d}.analytics-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c9a2271a}.analytics-kpi-card--up{border-color:#2e7d5b59}.analytics-kpi-icon{border-radius:var(--radius-md);background:var(--color-surface-container);width:44px;height:44px;color:var(--color-brand-gold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.analytics-kpi-icon .material-symbols-outlined{font-size:24px}.analytics-kpi-body{min-width:0}.analytics-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 2px;font-size:11px;font-weight:600}.analytics-kpi-value{color:var(--color-ink);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.analytics-kpi-hint{color:var(--color-text-secondary);align-items:center;gap:2px;margin:4px 0 0;font-size:12px;display:flex}.analytics-kpi-hint--up{color:var(--color-jade)}.analytics-kpi-hint--down{color:var(--color-seal-red)}.analytics-trend-icon{font-size:16px!important}.analytics-main-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=900px){.analytics-main-grid{grid-template-columns:1.1fr .9fr}.analytics-main-grid--engagement,.analytics-main-grid--session{grid-template-columns:1fr}}.analytics-session-toolbar{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.analytics-session-toolbar-head{margin-bottom:var(--spacing-md)}.analytics-session-toolbar-title{margin:0 0 var(--spacing-xs);color:var(--color-ink);font-size:1.25rem;font-weight:700;font-family:var(--font-display)}.analytics-session-toolbar-desc{color:var(--color-text-secondary);margin:0;font-size:14px}.analytics-filter-bar{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:flex-end;display:grid}.analytics-filter-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.analytics-filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:11px;font-weight:600}.analytics-filter-select,.analytics-filter-input{height:42px;padding:0 var(--spacing-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);color:var(--color-ink);font-family:inherit;font-size:14px}.analytics-filter-select:focus,.analytics-filter-input:focus{outline:2px solid var(--color-brand-gold);outline-offset:1px}.analytics-filter-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.analytics-filter-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);height:42px;padding:0 var(--spacing-lg);border-radius:var(--radius-md);background:var(--gradient-gold);color:var(--color-on-primary-container);cursor:pointer;transition:opacity var(--transition-fast);border:none;font-size:14px;font-weight:600;display:inline-flex}.analytics-filter-btn:hover{opacity:.92}.analytics-filter-btn--ghost{border:1px solid var(--color-outline-variant);color:var(--color-ink-soft);background:0 0}.analytics-filter-btn--ghost:hover{background:var(--color-surface-container)}.analytics-filter-btn .material-symbols-outlined{font-size:20px}.analytics-filter-active-hint{align-items:center;gap:var(--spacing-xs);margin:var(--spacing-md) 0 0;color:var(--color-brand-gold);font-size:13px;font-weight:600;display:flex}.analytics-filter-active-hint .material-symbols-outlined{font-size:18px}.analytics-panel{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 4px #1a140c0d}.analytics-panel-header h2{font-family:var(--font-display);color:var(--color-ink);margin:0 0 4px;font-size:1.15rem;font-weight:700}.analytics-panel-header p{color:var(--color-text-secondary);margin:0;font-size:13px}.analytics-panel-header--row{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.analytics-panel-header--row+.analytics-method-grid,.analytics-panel-header--row+.analytics-table-scroll,.analytics-panel-header--row+.analytics-panel-loading,.analytics-panel-header--row+.analytics-empty-state{margin-top:0}.analytics-panel--methods .analytics-panel-header,.analytics-panel--recent .analytics-panel-header--row{margin-bottom:var(--spacing-md)}.analytics-panel-loading{padding:var(--spacing-xl);justify-content:center;display:flex}.analytics-empty-hint{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-lg) 0;margin:0;font-size:14px}.analytics-online-block{align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);flex-direction:column;display:flex}@media (width>=520px){.analytics-online-block{flex-direction:row;align-items:center}}.analytics-online-ring{flex-shrink:0;width:140px;height:140px;position:relative}.analytics-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.analytics-ring-bg{fill:none;stroke:var(--color-surface-container-highest);stroke-width:10px}.analytics-ring-fill{fill:none;stroke:var(--color-brand-gold);stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray .6s}.analytics-ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.analytics-ring-value{color:var(--color-brand-gold);font-size:1.75rem;font-weight:700;line-height:1}.analytics-ring-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.analytics-metric-list{gap:var(--spacing-sm);flex-direction:column;width:100%;max-width:280px;margin:0;padding:0;list-style:none;display:flex}.analytics-metric-list li{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-container-low);border-radius:var(--radius-md);justify-content:space-between;align-items:center;font-size:14px;display:flex}.analytics-metric-key{color:var(--color-text-secondary)}.analytics-metric-val{color:var(--color-ink);font-weight:600}.analytics-fortune-bar{border-radius:var(--radius-full);height:12px;margin-top:var(--spacing-md);background:var(--color-surface-container);display:flex;overflow:hidden}.analytics-fortune-segment{min-width:2px;transition:width .5s}.analytics-fortune-segment--good{background:var(--color-brand-gold)}.analytics-fortune-segment--neutral{background:#c98a1e}.analytics-fortune-segment--bad{background:var(--color-seal-red)}.analytics-fortune-legend{gap:var(--spacing-md);margin-top:var(--spacing-md);color:var(--color-text-secondary);flex-wrap:wrap;font-size:13px;display:flex}.analytics-legend-item{align-items:center;gap:var(--spacing-xs);display:inline-flex}.analytics-legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.analytics-legend-dot--good{background:var(--color-brand-gold)}.analytics-legend-dot--neutral{background:#c98a1e}.analytics-legend-dot--bad{background:var(--color-seal-red)}.analytics-total-sessions{align-items:center;gap:var(--spacing-xs);margin:var(--spacing-md) 0 0;padding-top:var(--spacing-md);border-top:1px solid var(--color-outline-variant);color:var(--color-text-secondary);font-size:14px;display:flex}.analytics-total-sessions .material-symbols-outlined{color:var(--color-brand-gold);font-size:20px}.analytics-total-sessions strong{color:var(--color-ink)}.analytics-method-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.analytics-method-row{align-items:center;gap:var(--spacing-md);grid-template-columns:130px 1fr 64px;display:grid}@media (width<=600px){.analytics-method-row{gap:var(--spacing-xs);grid-template-columns:1fr}}.analytics-method-label{align-items:center;gap:var(--spacing-xs);color:var(--color-ink-soft);font-size:13px;font-weight:600;display:flex}.analytics-method-icon{font-size:20px!important}.analytics-method-bar-wrap{background:var(--color-surface-container);border-radius:var(--radius-full);height:8px;overflow:hidden}.analytics-method-bar{border-radius:var(--radius-full);min-width:4px;height:100%;transition:width .5s}.analytics-method-count{color:var(--color-ink);text-align:right;font-size:14px;font-weight:700}.analytics-method-count small{color:var(--color-text-secondary);margin-left:2px;font-weight:500}.analytics-view-all{color:var(--color-brand-gold);white-space:nowrap;align-items:center;gap:2px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.analytics-view-all:hover{text-decoration:underline}.analytics-view-all .material-symbols-outlined{font-size:18px}.analytics-table-scroll{margin:0 calc(-1 * var(--spacing-lg));padding:0 var(--spacing-lg);overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;font-size:14px}.analytics-table thead{background:var(--color-surface-container-highest)}.analytics-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:11px;font-weight:600}.analytics-table tbody tr{border-top:1px solid var(--color-outline-variant);transition:background-color var(--transition-fast)}.analytics-table tbody tr:hover{background:var(--color-surface-container-low)}.analytics-table td{padding:var(--spacing-md);vertical-align:middle}.analytics-time-cell{color:var(--color-text-secondary);white-space:nowrap;font-size:13px}.analytics-user-cell{color:var(--color-ink);font-weight:600}.analytics-method-badge{background:var(--color-surface-container);border-radius:var(--radius-full);color:var(--color-ink-soft);padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.analytics-hex-cell{align-items:center;gap:var(--spacing-xs);font-weight:500;display:flex}.analytics-hex-symbol{font-family:var(--font-cjk);color:var(--color-primary-gold-dark);font-size:22px}.analytics-result-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.analytics-result-badge--good{color:var(--color-primary-gold-dark);background:#c9a22724}.analytics-result-badge--neutral{color:#9a6b12;background:#c98a1e1f}.analytics-result-badge--bad{color:var(--color-seal-red);background:#b01e2e1a}.analytics-empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-secondary)}.analytics-empty-state .material-symbols-outlined{opacity:.35;margin:0 auto var(--spacing-md);color:var(--color-brand-gold);font-size:48px;display:block}.analytics-empty-state p{margin:0}.analytics-pagination{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-outline-variant);flex-wrap:wrap;display:flex}.analytics-pagination-info{color:var(--color-text-secondary);font-size:14px}.analytics-pagination-controls{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.analytics-pagination-btn{min-width:40px;height:40px;padding:0 var(--spacing-sm);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);color:var(--color-ink);cursor:pointer;transition:background-color var(--transition-fast);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.analytics-pagination-btn:hover:not(:disabled){background:var(--color-surface-container)}.analytics-pagination-btn--active{background:var(--color-brand-gold);color:var(--color-on-primary-container);border-color:var(--color-brand-gold)}.analytics-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.analytics-pagination-btn .material-symbols-outlined{font-size:22px}@media (width<=768px){.analytics-page{padding:var(--spacing-md)}.analytics-header-actions{width:100%}.analytics-refresh-btn,.analytics-link-btn{flex:1;justify-content:center}.analytics-kpi-grid{grid-template-columns:1fr}.analytics-table th:nth-child(2),.analytics-table td:nth-child(2){display:none}.analytics-pagination{flex-direction:column;align-items:stretch}.analytics-pagination-controls{justify-content:center}}.user-management-page{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;max-width:1280px;margin:0 auto;display:flex}.page-header-section{justify-content:space-between;gap:var(--spacing-md);flex-direction:column;display:flex}@media (width>=768px){.page-header-section{flex-direction:row;align-items:flex-end}}.header-info{flex:1}.page-title{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.4rem);font-weight:700;font-family:var(--font-display);margin:0 0 var(--spacing-xs) 0;color:var(--color-ink)}.page-subtitle{color:var(--color-text-secondary);margin:0;font-size:14px}.search-box{width:100%;position:relative}@media (width>=768px){.search-box{width:384px}}.search-icon{left:var(--spacing-md);color:var(--color-outline);font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xl);background:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);transition:all var(--transition-fast);border-radius:8px;outline:none;font-family:inherit;font-size:14px}.search-input:focus{border-color:var(--color-brand-gold);box-shadow:0 0 0 1px var(--color-brand-gold)}.filters-section{align-items:center;gap:var(--spacing-md);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);padding:var(--spacing-md);border-radius:12px;flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--spacing-sm);display:flex}.filter-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.filter-select{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast);cursor:pointer;border-radius:8px;outline:none;font-family:inherit;font-size:14px}.filter-select:focus{border-color:var(--color-brand-gold);box-shadow:0 0 0 1px var(--color-brand-gold)}.btn-add-user{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-gold);color:var(--color-on-primary-container);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;height:40px;margin-left:auto;font-weight:600;display:flex;box-shadow:0 0 12px #d4af3726}.btn-add-user:hover{opacity:.9;transform:translateY(-2px)}.table-wrapper{background:var(--color-surface-bright);border:1px solid var(--color-outline-variant);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table thead{background:var(--color-surface-container-highest);border-bottom:1px solid var(--color-outline-variant)}.users-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.users-table tbody tr{border-bottom:1px solid var(--color-outline-variant);transition:background-color var(--transition-fast)}.users-table tbody tr:hover{background-color:var(--color-surface-container)}.users-table td{padding:var(--spacing-md) var(--spacing-lg)}.user-info{align-items:center;gap:var(--spacing-md);display:flex}.user-avatar{border:1px solid var(--color-outline-variant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:flex}.avatar-tertiary-container{background:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.avatar-secondary-container{background:var(--color-secondary-container);color:var(--color-on-secondary-container)}.avatar-primary-container{background:var(--color-primary-container);color:var(--color-on-primary-container)}.avatar-outline{background:var(--color-outline);color:var(--color-white)}.user-details{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--color-on-surface);margin:0;font-size:14px;font-weight:600}.user-id{color:var(--color-text-secondary);margin:0;font-size:12px}.email-cell{color:var(--color-on-surface);font-size:14px}.role-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-size:12px;font-weight:700;display:inline-block}.role-admin{color:#b8860b;background:#d4af371a}.role-user{color:var(--color-secondary);background:#3a5f941a}.status-badge{align-items:center;gap:var(--spacing-xs);font-size:14px;font-weight:500;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-active{color:#2e8b57}.status-active .status-dot{background:#2e8b57}.status-locked{color:#c41e3a}.status-locked .status-dot{background:#c41e3a}.date-cell{color:var(--color-text-secondary);font-size:14px}.actions-cell{text-align:right}.action-btn{color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast);padding:var(--spacing-xs);margin:0 var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.action-btn:hover{color:var(--color-brand-gold)}.action-btn.unlock:hover{color:#c41e3a}.pagination-section{background:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.pagination-info{color:var(--color-text-secondary);margin:0;font-size:14px}.pagination-controls{align-items:center;gap:var(--spacing-xs);display:flex}.pagination-btn{border:1px solid var(--color-outline-variant);background:var(--color-surface-bright);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);color:var(--color-text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.pagination-btn:hover:not(:disabled){background:var(--color-surface-container)}.pagination-btn.active{background:var(--color-brand-gold);color:var(--color-on-primary-container);border-color:var(--color-brand-gold)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-dots{color:var(--color-text-secondary);padding:0 var(--spacing-xs)}.admin-btn-primary{background:var(--gradient-gold);color:var(--color-on-primary-container);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);border:none;border-radius:8px;height:42px;font-weight:600;display:flex;box-shadow:0 0 12px #d4af3726}.admin-btn-primary:hover{opacity:.9;transform:translateY(-2px)}.admin-btn-secondary{color:var(--color-brand-gold);border:2px solid var(--color-brand-gold);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);background:0 0;border-radius:8px;height:42px;font-weight:600;display:flex}.admin-btn-secondary:hover{background:#d4af371a}@media (width<=768px){.user-management-page{padding:var(--spacing-md)}.page-header-section{flex-direction:column}.search-box{width:100%}.filters-section{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-select{flex:1}.btn-add-user{width:100%;margin-left:0}.page-title{font-size:24px}.users-table th,.users-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:12px}.user-avatar{width:36px;height:36px;font-size:11px}.pagination-section{text-align:center;flex-direction:column;align-items:center}.pagination-info{width:100%}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border-radius:var(--radius-2xl);border:var(--border-gold);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 70px #1a140c52}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:1.4rem;font-weight:700;font-family:var(--font-display);color:var(--color-ink);margin:0}.modal-close{color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--color-on-surface)}.modal-form{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-on-surface);font-size:14px;font-weight:600}.form-group input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-outline-variant);transition:all var(--transition-fast);background:var(--color-surface-container-lowest);border-radius:8px;outline:none;font-family:inherit;font-size:14px}.form-group input:focus{border-color:var(--color-brand-gold);box-shadow:0 0 0 1px var(--color-brand-gold)}.form-group input:disabled{background:var(--color-surface-container);color:var(--color-text-secondary);cursor:not-allowed}.modal-actions{gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-outline-variant);justify-content:flex-end;display:flex}.btn-cancel{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-surface-container);border:1px solid var(--color-outline-variant);cursor:pointer;transition:all var(--transition-fast);color:var(--color-on-surface);border-radius:8px;font-weight:600}.btn-cancel:hover{background:var(--color-surface-container-high)}.btn-save{padding:var(--spacing-sm) var(--spacing-lg);background:var(--gradient-gold);color:var(--color-on-primary-container);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;font-weight:600;box-shadow:0 0 12px #d4af3726}.btn-save:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.form-row{grid-template-columns:1fr}.modal-content{width:95%}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}:root{--color-primary-gold:#c9a227;--color-primary-gold-light:#e3c766;--color-primary-gold-dark:#9a7b16;--color-primary-red:#b01e2e;--color-primary-blue:#1b3a5b;--color-secondary-green:#2e8b57;--color-secondary-brown:#8b5a2b;--color-secondary-ivory:#f7f0e1;--color-white:#fff;--color-gray-50:#fbf7ef;--color-gray-100:#f4ecdd;--color-gray-200:#e6dac4;--color-gray-300:#cdbc9e;--color-gray-400:#a6967a;--color-gray-500:#756a52;--color-gray-600:#574e3b;--color-gray-700:#3a3527;--color-gray-800:#221f16;--color-black:#14110a;--color-ink:#1a140c;--color-ink-soft:#3a3527;--color-paper:#fffcf6;--color-paper-warm:#fbf4e6;--color-seal-red:#b01e2e;--color-jade:#2e7d5b;--color-success:#2e7d5b;--color-warning:#c98a1e;--color-error:#b01e2e;--color-info:#1b3a5b;--color-background:#fffaf1;--color-on-background:#1f1b13;--color-surface:#fffcf6;--color-on-surface:#1f1b13;--color-surface-bright:#fffefb;--color-surface-container:#f6eedd;--color-surface-container-low:#fcf5e7;--color-surface-container-high:#f0e7d4;--color-surface-container-highest:#eadfcb;--color-surface-variant:#ece2ce;--color-on-surface-variant:#5a5240;--color-outline:#8c8169;--color-outline-variant:#d8ccb2;--color-primary:#735c00;--color-primary-container:#e3c766;--color-on-primary:#fff;--color-on-primary-container:#4a3a00;--color-secondary:#3a5f94;--color-secondary-container:#c9d8f2;--color-on-secondary:#fff;--color-on-secondary-container:#1b3a5b;--color-tertiary:#415ba4;--color-tertiary-container:#c4cff0;--color-on-tertiary:#fff;--color-on-tertiary-container:#1f2e5a;--color-brand-gold:#c9a227;--color-brand-gold-dark:#9a7b16;--color-brand-blue:#1b3a5b;--color-brand-red:#b01e2e;--color-text-primary:#2b2618;--color-text-secondary:#5a5240;--color-semantic-success:#2e7d5b;--color-semantic-warning:#c98a1e;--color-semantic-error:#b01e2e;--gradient-gold:linear-gradient(135deg, #e3c766 0%, #c9a227 48%, #9a7b16 100%);--gradient-gold-soft:linear-gradient(135deg, #f4e6be 0%, #e3c766 100%);--gradient-ink:linear-gradient(160deg, #2a2417 0%, #14110a 100%);--gradient-paper:linear-gradient(180deg, #fffcf6 0%, #fbf4e6 100%);--gradient-hero:radial-gradient(1200px 600px at 75% -10%, #c9a2272e 0%, #c9a22700 60%), linear-gradient(180deg, #fffcf6 0%, #fbf4e6 100%);--font-display:"Cormorant Garamond", "Noto Serif", "Noto Serif SC", Georgia, serif;--font-serif:"Noto Serif", "Noto Serif SC", Georgia, serif;--font-primary:"Noto Serif", "Noto Serif SC", "Noto Sans SC", serif;--font-cjk:"Noto Serif SC", "Noto Sans SC", serif;--font-secondary:"Inter", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--font-vietnamese:"Inter", "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--border-hairline:1px solid var(--color-outline-variant);--border-gold:1px solid #c9a22773;--border-gold-strong:1.5px solid var(--color-primary-gold);--shadow-sm:0 1px 2px #3c2d0a0f, 0 1px 3px #3c2d0a0d;--shadow-md:0 4px 10px #3c2d0a14, 0 2px 4px #3c2d0a0d;--shadow-lg:0 14px 30px #3c2d0a1a, 0 6px 12px #3c2d0a0f;--shadow-xl:0 28px 60px #281e0529, 0 10px 20px #281e0514;--shadow-gold:0 6px 20px #c9a22747;--shadow-glow:0 0 0 1px #c9a22740, 0 8px 30px #c9a2272e;--shadow-glow-strong:0 0 0 1px #c9a22766, 0 10px 40px #c9a22752;--shadow-inner:inset 0 1px 3px #3c2d0a14;--transition-fast:.18s;--transition-normal:.28s;--transition-slow:.48s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-vietnamese);color:var(--color-text-primary);background-color:var(--color-background);background-image:var(--gradient-paper);letter-spacing:.005em;background-attachment:fixed;font-size:16px;line-height:1.65}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-ink);letter-spacing:.01em;font-weight:600;line-height:1.15}h1{font-size:clamp(2.25rem,1.6rem + 2.6vw,3.5rem)}h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.5rem)}h3{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem)}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{line-height:1.7}a{color:var(--color-primary-blue);transition:color var(--transition-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-primary-gold-dark)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::selection{color:var(--color-ink);background:#c9a22747}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full);border:3px solid var(--color-surface-container-low)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-gold)}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.section{padding:var(--spacing-4xl) 0}@media (width<=768px){.section{padding:var(--spacing-3xl) 0}}.text-center{text-align:center}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-gold{color:var(--color-primary-gold-dark)}.bg-ivory{background-color:var(--color-secondary-ivory)}.eyebrow{align-items:center;gap:var(--spacing-sm);font-family:var(--font-secondary);letter-spacing:.22em;text-transform:uppercase;color:var(--color-primary-gold-dark);font-size:.75rem;font-weight:600;display:inline-flex}.eyebrow:before,.eyebrow.eyebrow-both:after{content:"";background:linear-gradient(90deg, transparent, var(--color-primary-gold));width:28px;height:1px}.eyebrow.eyebrow-both:after{background:linear-gradient(90deg, var(--color-primary-gold), transparent)}.divider-motif{justify-content:center;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;display:flex}.divider-motif:before,.divider-motif:after{content:"";background:linear-gradient(90deg, transparent, var(--color-primary-gold));width:64px;height:1px}.divider-motif:after{background:linear-gradient(90deg, var(--color-primary-gold), transparent)}.divider-motif span,.divider-motif:before{flex-shrink:0}.divider-motif .motif-diamond{background:var(--gradient-gold);width:10px;height:10px;transform:rotate(45deg);box-shadow:0 0 0 4px #c9a2271f}.surface{background:var(--color-surface);border:var(--border-gold);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.glow{box-shadow:var(--shadow-glow)}.glow-strong{box-shadow:var(--shadow-glow-strong)}.page-hero{padding:var(--spacing-3xl) 0 var(--spacing-2xl);text-align:center;background:var(--gradient-hero);border-bottom:1px solid #c9a22738;position:relative;overflow:hidden}.page-hero:before{content:"";opacity:.05;pointer-events:none;background-image:radial-gradient(circle, var(--color-primary-gold) 1px, transparent 1.4px);background-size:22px 22px;position:absolute;inset:0}.page-hero-inner{z-index:1;max-width:760px;margin:0 auto;position:relative}.page-hero-eyebrow{align-items:center;gap:var(--spacing-sm);font-family:var(--font-secondary);letter-spacing:.24em;text-transform:uppercase;color:var(--color-primary-gold-dark);margin-bottom:var(--spacing-md);font-size:.75rem;font-weight:700;display:inline-flex}.page-hero-eyebrow:before,.page-hero-eyebrow:after{content:"";background:var(--color-primary-gold);width:26px;height:1px}.page-hero-title{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:clamp(2rem,1.5rem + 2.2vw,3rem);font-weight:700;line-height:1.1}.page-hero-subtitle{margin:var(--spacing-md) auto 0;max-width:600px;color:var(--color-text-secondary);font-size:1.05rem;line-height:1.75}.section-heading{text-align:center;max-width:720px;margin:0 auto var(--spacing-2xl)}.section-heading h2{margin-top:var(--spacing-sm)}.section-heading p{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:1.05rem}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}@keyframes fadeRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-rise{animation:fadeRise var(--transition-slow) var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.material-symbols-outlined,.material-icons{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;direction:ltr;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.material-symbols-outlined{font-family:Material Symbols Outlined}.material-icons{font-family:Material Icons}