@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Noto+Serif+Display:wght@700&display=swap";:root{--bg-body: #0a0a12;--bg-card: #14141f;--bg-card-hover: #1a1a2a;--bg-surface: #1c1c2c;--accent-gold: #780000;--accent-gold-light: #a30000;--accent-gold-dim: #500000;--text-primary: #f0f0f0;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: #2a2a3e;--border-highlight: #3a3a52;--hao-dong: #ef4444;--hao-dong-bg: rgba(239, 68, 68, .15);--vuong: #22c55e;--tu: #f97316;--tu-nhan: #e5e7eb;--huu: #8b8b8b;--card-blue: #3b82f6;--card-orange: #f97316;--card-green: #22c55e;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-card: 0 4px 24px rgba(0,0,0,.4);--shadow-glow: 0 0 20px rgba(212,160,23,.15);--transition: .25s cubic-bezier(.4, 0, .2, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Noto Serif Display", "Georgia", serif;--font-han: "Noto Serif SC", "SimSun", "STSong", serif}:root.light{--bg-body: #f0f2f5;--bg-card: #ffffff;--bg-card-hover: #f8f9fa;--bg-surface: #f8fafc;--accent-gold: #780000;--accent-gold-light: #a30000;--accent-gold-dim: #500000;--text-primary: #1a1a1a;--text-secondary: #525252;--text-muted: #9ca3af;--border-color: rgba(0, 0, 0, .1);--border-highlight: rgba(0, 0, 0, .15);--hao-dong: #dc2626;--hao-dong-bg: rgba(220, 38, 38, .08);--vuong: #15803d;--tu: #ea580c;--huu: #737373;--card-blue: #2563eb;--card-orange: #d97706;--card-green: #15803d;--danger: #dc2626;--success: #15803d;--warning: #d97706;--shadow-card: 0 2px 12px rgba(0,0,0,.08);--shadow-glow: 0 0 16px rgba(181,137,0,.12)}:root.light body{background-image:radial-gradient(ellipse at 50% 0%,rgba(180,200,240,.2) 0%,transparent 60%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-primary);min-height:100vh;line-height:1.6;background-image:radial-gradient(ellipse at 50% 0%,rgba(30,40,80,.35) 0%,transparent 60%)}.site-header{text-align:center;padding:32px 20px 0;position:relative}.site-title{font-family:var(--font-serif);font-size:clamp(28px,5vw,52px);color:var(--accent-gold-light);letter-spacing:1px;text-shadow:0 2px 12px rgba(212,160,23,.3)}.site-subtitle{color:var(--text-secondary);font-size:15px;margin-top:6px}.login-btn{position:absolute;top:32px;right:24px;background:var(--accent-gold);color:#111;border:none;padding:8px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:13px;cursor:pointer;transition:var(--transition)}.login-btn:hover{background:var(--accent-gold-light)}.theme-toggle-wrap{position:fixed;top:16px;right:16px;z-index:200}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-card)}.theme-toggle:hover{border-color:var(--accent-gold);transform:scale(1.05)}.tab-nav{display:flex;gap:0;justify-content:flex-start;border-bottom:1px solid var(--border-color);margin:24px auto 0;max-width:900px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.tab-btn{background:none;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:14px;font-weight:500;padding:12px 20px;cursor:pointer;position:relative;white-space:nowrap;transition:color var(--transition);display:flex;align-items:center;gap:6px}@media(max-width:600px){.tab-btn{padding:10px 12px;font-size:13px;gap:4px}.tab-nav{scrollbar-width:none;-ms-overflow-style:none}.tab-nav::-webkit-scrollbar{display:none}}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-gold);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-gold);border-radius:2px 2px 0 0}.main-content{max-width:960px;margin:0 auto;padding:32px 20px 80px}.tab-panel{display:none}.tab-panel.active{display:block}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:var(--transition)}.card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-card)}.card-clickable:hover{border-color:var(--accent-gold-dim);box-shadow:var(--shadow-glow)}@media(max-width:600px){.card{padding:16px}}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.form-select,.form-textarea,.form-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;padding:10px 14px;transition:border-color var(--transition);outline:none}.form-select:focus,.form-textarea:focus,.form-input:focus{border-color:var(--accent-gold-dim)}.form-textarea{min-height:90px;resize:vertical}.form-select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));color:#111;border:none;padding:14px 32px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);width:100%;max-width:360px}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 20px #d4a01766}.btn-gold:active{transform:translateY(0)}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-back{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:var(--transition)}.btn-back:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.gold-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--accent-gold-dim),transparent);margin:24px 0;opacity:.5}.methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.method-card{display:flex;align-items:center;gap:14px;padding:18px 20px}.method-card .method-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.method-card h3{font-size:15px;font-weight:600;margin-bottom:2px}.method-card p{font-size:12px;color:var(--text-muted);line-height:1.4}.hexagram-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.hexagram-panel{text-align:center;padding:16px}.hexagram-panel .hex-name{font-family:var(--font-serif);font-size:18px;font-weight:700;color:var(--accent-gold-light);letter-spacing:1px;margin-bottom:12px}.hex-lines{display:flex;flex-direction:column;align-items:center;gap:6px;margin:12px 0}.hex-line{display:flex;gap:8px;justify-content:center;height:8px}.hex-line .segment{height:8px;border-radius:2px;background:var(--text-secondary)}.hex-line.yang .segment{width:80px}.hex-line.yin .segment{width:34px}.hex-line.dong .segment{background:var(--hao-dong)}.hex-svg-line{display:block}.hex-svg-line.dong{filter:drop-shadow(0 0 4px var(--hao-dong))}.hex-label{font-size:12px;color:var(--accent-gold);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.hex-sublabel{font-size:11px;color:var(--text-muted);margin-bottom:8px}.hex-name{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--accent-gold-light);margin-top:8px}.hex-meaning{font-size:12px;font-weight:600;margin-top:2px}.hex-meaning-sub{font-size:11px;color:var(--text-muted)}.result-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:20px}.result-tab-btn{background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;padding:10px 16px;cursor:pointer;position:relative;transition:color var(--transition)}.result-tab-btn:hover{color:var(--text-primary)}.result-tab-btn.active{color:var(--accent-gold)}.result-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-gold)}.liuyao-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:768px){.liuyao-detail-layout{grid-template-columns:1fr}}.liuyao-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px}.liuyao-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:12px;color:var(--text-secondary)}.liuyao-table-wrap{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.liuyao-table-wrap::-webkit-scrollbar{display:none}.liuyao-table{width:100%;border-collapse:collapse;font-size:13px}.liuyao-table th{background:var(--bg-surface);color:var(--text-secondary);font-weight:600;padding:8px 10px;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.liuyao-table td{padding:8px 10px;text-align:center;border-bottom:1px solid rgba(42,42,62,.5)}.liuyao-table tr.dong{background:var(--hao-dong-bg)}.liuyao-table .canchi-highlight{color:var(--warning);font-weight:600}.liuyao-table .canchi-normal{color:var(--accent-gold);font-weight:600}.liuyao-table .vuong{color:var(--vuong);font-weight:600}.liuyao-table .tu{color:var(--tu)}.liuyao-table .tuy{color:var(--huu)}.liuyao-table .tuong{color:var(--card-blue);font-weight:600}.liuyao-table .tuan-khong{color:var(--text-muted);font-weight:600}.liuyao-table .the-ung{color:var(--accent-gold);font-weight:600}.liuyao-table .phuc-than{color:var(--vuong);font-size:11px}.hex-line-vis{font-family:monospace;font-size:12px;letter-spacing:1px;white-space:nowrap}.hex-line-vis.moving{color:var(--danger)}@media(max-width:480px){.liuyao-table th,.liuyao-table td{padding:6px 4px;font-size:11px;letter-spacing:0}.liuyao-table .canchi-normal,.liuyao-table .canchi-highlight,.liuyao-table .the-ung{font-size:11px}}.napgiap-tables{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media(max-width:768px){.napgiap-tables{grid-template-columns:1fr}}.napgiap-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px}.napgiap-sub th{font-size:10px!important;padding:6px 8px!important}.napgiap-sub td{font-size:12px;padding:6px 8px}.classical-block{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;margin-bottom:16px}.classical-title{font-size:16px;font-weight:700;margin-bottom:14px}.classical-title em{color:var(--accent-gold);font-style:normal}.chinese-text{font-size:20px;line-height:1.6;margin-bottom:8px;font-weight:700}.hanviet-text{color:var(--text-secondary);font-size:13px;font-style:italic;margin-bottom:6px}.hanviet-text strong{color:var(--accent-gold);font-weight:600;font-style:normal}.han-text{font-family:var(--font-han);font-size:22px;line-height:1.5;margin-bottom:6px}.han-viet{color:var(--text-secondary);font-size:13px;margin-bottom:4px}.han-viet strong{color:var(--accent-gold);font-weight:600}.dich-nghia{font-size:14px;margin-bottom:6px}.dich-nghia strong{color:var(--accent-gold);font-weight:600}.binh-giai{color:var(--text-muted);font-style:italic;font-size:13px;line-height:1.6;margin-top:8px}.tuong-block{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.commentary{color:var(--text-muted);font-style:italic;font-size:13px;line-height:1.5}.hao-dong-block{margin-top:8px}.hao-dong-item{padding:14px 0;border-bottom:1px solid var(--border-color)}.hao-dong-item:last-child{border-bottom:none}.hao-dong-item h4{font-size:14px;font-weight:600;margin-bottom:10px}.hao-dong-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-secondary)}.aspect-tags{display:flex;gap:8px;margin-top:8px}.aspect-tag{padding:4px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.aspect-tag:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.energy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.energy-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.energy-total{font-size:28px;font-weight:700;font-family:monospace}.energy-total.positive{color:var(--vuong)}.energy-total.negative{color:var(--danger)}.energy-list{display:flex;flex-direction:column;gap:12px}.energy-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.energy-item-name{font-size:13px}.energy-item-score{font-size:14px;font-weight:600;font-family:monospace;white-space:nowrap;margin-left:12px}.energy-item-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.energy-bar-container{margin-top:4px}.energy-bar{height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.energy-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.energy-bar-fill.neg{background:var(--danger)}.energy-bar-fill.pos{background:var(--vuong)}.info-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:20px 0}.info-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;text-align:center;overflow:hidden;position:relative}.info-card .color-bar{height:4px;position:absolute;top:0;left:0;right:0}.info-card .color-bar.blue{background:var(--card-blue)}.info-card .color-bar.orange{background:var(--card-orange)}.info-card .color-bar.green{background:var(--card-green)}.info-card .card-time{font-size:28px;font-weight:700;font-family:monospace;margin-top:8px}.info-card .card-time.blue{color:var(--card-blue)}.info-card .card-time.orange{color:var(--card-orange)}.info-card .card-time.green{color:var(--card-green)}@media(max-width:600px){.info-card .card-time{font-size:24px}.info-card{padding:12px}}.info-card .card-detail{font-size:13px;color:var(--text-secondary)}.info-card .canchi-row{display:flex;justify-content:space-around;margin-top:8px;font-size:12px;border-top:1px solid var(--border-color);padding-top:8px}.info-card .canchi-row .cc-label{color:var(--text-muted);font-size:10px;text-transform:uppercase}.info-card .canchi-row .cc-value{color:var(--accent-gold);font-weight:600;font-size:13px}.activities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.activity-card{text-align:center;padding:20px 12px}.activity-card .activity-icon{font-size:28px;margin-bottom:8px}.activity-card .activity-name{font-size:13px;font-weight:500}@media(max-width:700px){.activities-grid{grid-template-columns:repeat(2,1fr)}.info-cards,.hexagram-row,.methods-grid{grid-template-columns:1fr}}.channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.channel-card{text-align:center;padding:24px 16px}.channel-card .channel-icon{font-size:28px;margin-bottom:10px;color:var(--text-secondary)}.channel-card .channel-name{font-size:14px;font-weight:600}@media(max-width:600px){.channels-grid{grid-template-columns:repeat(2,1fr);gap:10px}.channel-card{padding:16px 10px}.channel-card .channel-icon{font-size:24px;margin-bottom:8px}.channel-card .channel-name{font-size:13px}}.solar-terms-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.solar-year-col{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.solar-year-col.current{border-color:var(--accent-gold)}.solar-year-header{padding:12px;text-align:center;font-weight:700;font-size:15px;background:var(--bg-surface)}.solar-year-col.current .solar-year-header{background:var(--accent-gold);color:#111}.solar-term-row{display:flex;justify-content:space-between;padding:8px 14px;font-size:13px;border-bottom:1px solid rgba(42,42,62,.3)}.solar-term-row.current-term{color:var(--accent-gold);font-weight:600}.solar-term-row .term-name{flex:1}.solar-term-row .term-date{color:var(--text-secondary);font-family:monospace;font-size:12px}.meta-boxes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px}.meta-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;display:flex;justify-content:space-between;align-items:center}.meta-box .meta-label{font-size:12px;color:var(--text-muted)}.meta-box .meta-sublabel{font-size:10px;color:var(--text-muted)}.meta-box .meta-value{font-size:18px;font-weight:700}.meta-box .meta-value.moc{color:var(--vuong)}.meta-box .meta-value.hoa{color:var(--danger)}.meta-box .meta-value.tho{color:var(--warning)}.meta-box .meta-value.kim{color:var(--text-primary)}.meta-box .meta-value.thuy{color:var(--card-blue)}.meta-box .meta-element{font-size:12px}.guide-grid,.guide-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}@media(max-width:600px){.guide-two-col{grid-template-columns:1fr}}.guide-card{padding:20px}.guide-card h3{font-size:16px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.guide-card .guide-note{font-size:13px;color:var(--text-secondary);font-style:italic;margin-bottom:10px}.guide-card ul{padding-left:18px}.guide-card li{font-size:13px;color:var(--text-secondary);margin-bottom:6px;line-height:1.5}.date-picker-wrap{position:relative;margin:20px auto;max-width:460px}.dp-inner{text-align:center;padding:16px 40px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition);cursor:pointer}.dp-inner:hover{border-color:var(--accent-gold-dim)}.date-picker-wrap .dp-label{font-size:11px;text-transform:uppercase;color:var(--accent-gold);letter-spacing:1px;font-weight:600;margin-bottom:4px}.date-picker-wrap .dp-value{font-size:18px;font-weight:700;font-family:monospace}.dp-arrow{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px 12px;transition:color var(--transition);position:absolute;top:50%;transform:translateY(-50%);z-index:2}.dp-arrow.left{left:8px}.dp-arrow.right{right:8px}.dp-arrow:hover{color:var(--accent-gold)}.section-title{font-family:var(--font-serif);font-size:clamp(22px,3vw,30px);text-align:center;margin-bottom:8px}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:24px;max-width:560px;margin-left:auto;margin-right:auto}.section-label{text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-weight:600;margin-bottom:16px}.site-footer{text-align:center;padding:24px 20px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:40px}.fab{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:var(--accent-gold);color:#111;border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #d4a01766;transition:var(--transition);z-index:100}.fab:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s infinite}.hao-dong-line{color:var(--hao-dong)}.moving-indicator{font-size:12px;text-align:center;font-style:italic;color:var(--text-secondary);margin:12px 0}.casting-energy-phase{text-align:center;padding:40px 20px}.casting-phase-title{color:var(--accent-gold);font-size:20px;font-weight:700;margin-bottom:8px}.casting-phase-status{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.casting-phase-subtitle{color:var(--text-muted);font-size:13px;margin-bottom:20px}.energy-source-list{max-width:400px;margin:0 auto}.energy-source-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.energy-source-icon{font-size:18px;width:24px;text-align:center}.energy-source-name{font-size:13px;width:70px;text-align:left;color:var(--text-secondary)}.energy-source-bar{flex:1;height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.energy-source-fill{height:100%;border-radius:4px;transition:width .1s linear}.energy-source-pct{font-size:12px;font-family:monospace;color:var(--text-muted);width:36px;text-align:right}.casting-source-count{font-size:13px;color:var(--text-secondary);margin-top:20px;margin-bottom:8px}.casting-progress-bar{width:200px;height:4px;background:var(--bg-surface);border-radius:2px;margin:0 auto;overflow:hidden}.casting-progress-fill{height:100%;background:var(--accent-gold);border-radius:2px;transition:width .15s linear}.casting-coins-phase{padding:30px 20px;text-align:center}.casting-hexagram-build{max-width:500px;margin:0 auto}.casting-line-slot{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:4px;min-height:40px;transition:all .3s ease}.casting-line-slot.empty{opacity:.3}.casting-line-slot.filled{animation:lineAppear .4s ease}.casting-line-slot.moving{background:var(--hao-dong-bg)}.casting-line-num{font-size:11px;color:var(--text-muted);width:42px;text-align:left;flex-shrink:0}.casting-line-placeholder{flex:1;height:6px;background:var(--bg-surface);border-radius:3px}.casting-coins-display{display:flex;gap:4px;flex-shrink:0}.casting-coin{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:700}.casting-coin.sap{background:var(--accent-gold);color:#111}.casting-coin.ngua{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary)}.casting-line-visual{flex:1;display:flex;justify-content:center}.casting-line-bar{height:6px;border-radius:3px;background:var(--text-secondary)}.casting-line-bar.yang{width:80px}.casting-line-bar.yang.dong{background:var(--hao-dong)}.casting-line-bar-group{display:flex;gap:0;align-items:center}.casting-line-bar-group.dong .yin-half{background:var(--hao-dong)}.casting-line-bar.yin-half{width:34px}.casting-line-gap{width:12px}.casting-line-value{font-size:14px;font-weight:700;font-family:monospace;width:20px;text-align:center;flex-shrink:0}.casting-line-value.dong{color:var(--hao-dong)}.casting-line-label{font-size:11px;color:var(--text-muted);width:110px;text-align:left;flex-shrink:0}.casting-line-label.dong{color:var(--hao-dong)}@keyframes lineAppear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.result-header{text-align:center;margin-bottom:16px}.result-method-name{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:12px}.result-question-display{text-align:center;color:var(--text-muted);font-size:13px;font-style:italic;margin-bottom:16px}.phuoc-bau-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:16px}.phuoc-bau-warning{font-size:13px;margin-bottom:10px;font-style:italic}.phuoc-bau-bar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.phuoc-bau-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.phuoc-bau-level{font-size:13px;font-weight:700}.phuoc-bau-bar{height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.phuoc-bau-fill{height:100%;border-radius:4px;transition:width .6s ease}.result-actions{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.result-action-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:6px}.result-action-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.result-action-btn.primary{background:var(--accent-gold);color:#111;border-color:var(--accent-gold);font-weight:700}.result-action-btn.primary:hover{background:var(--accent-gold-light);box-shadow:0 2px 12px #d4a0174d}@media(max-width:600px){.casting-line-label{display:none}.casting-line-slot{gap:6px;padding:6px 8px}.result-actions{flex-wrap:wrap}}