@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=Ma+Shan+Zheng&family=ZCOOL+XiaoWei&display=swap";.header[data-v-cfb093a1]{background:linear-gradient(to bottom, var(--color-bg-card), var(--color-bg));border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.header-content[data-v-cfb093a1]{justify-content:space-between;align-items:center;height:70px;display:flex}.logo[data-v-cfb093a1]{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon[data-v-cfb093a1]{color:var(--color-primary);font-size:2rem}.logo-text[data-v-cfb093a1]{font-family:var(--font-serif);color:var(--color-text);letter-spacing:4px;font-size:1.75rem;font-weight:700}.nav-desktop[data-v-cfb093a1]{gap:8px;display:flex}.nav-link[data-v-cfb093a1]{color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:6px;padding:10px 16px;font-size:.95rem;text-decoration:none;display:flex}.nav-link[data-v-cfb093a1]:hover{color:var(--color-primary);background:#c41e3a0d}.nav-link.active[data-v-cfb093a1]{color:var(--color-primary);background:#c41e3a1a;font-weight:500}.nav-icon[data-v-cfb093a1]{width:24px;height:24px;font-family:var(--font-serif);background:var(--color-bg-dark);color:var(--color-text-muted);border-radius:4px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.nav-link.active .nav-icon[data-v-cfb093a1],.nav-link:hover .nav-icon[data-v-cfb093a1]{background:var(--color-primary);color:#fff}.mobile-menu-btn[data-v-cfb093a1]{cursor:pointer;background:0 0;border:none;width:40px;height:40px;display:none;position:relative}.menu-icon[data-v-cfb093a1],.menu-icon[data-v-cfb093a1]:before,.menu-icon[data-v-cfb093a1]:after{background:var(--color-text);width:24px;height:2px;transition:all var(--transition-fast);border-radius:2px;display:block}.menu-icon[data-v-cfb093a1]:before,.menu-icon[data-v-cfb093a1]:after{content:"";position:absolute;left:8px}.menu-icon[data-v-cfb093a1]:before{top:12px}.menu-icon[data-v-cfb093a1]:after{bottom:12px}.menu-icon.open[data-v-cfb093a1]{background:0 0}.menu-icon.open[data-v-cfb093a1]:before{top:19px;transform:rotate(45deg)}.menu-icon.open[data-v-cfb093a1]:after{bottom:19px;transform:rotate(-45deg)}.nav-mobile[data-v-cfb093a1]{border-top:1px solid var(--color-border-light);flex-direction:column;gap:4px;padding:16px 0;display:flex}.nav-link-mobile[data-v-cfb093a1]{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:12px;padding:14px 16px;display:flex}.nav-link-mobile[data-v-cfb093a1]:hover,.nav-link-mobile.active[data-v-cfb093a1]{color:var(--color-primary);background:#c41e3a0d}@media (width<=900px){.nav-desktop[data-v-cfb093a1]{display:none}.mobile-menu-btn[data-v-cfb093a1]{display:block}}@media (width<=480px){.logo-text[data-v-cfb093a1]{letter-spacing:2px;font-size:1.5rem}}.slide-enter-active[data-v-cfb093a1],.slide-leave-active[data-v-cfb093a1]{transition:all .3s}.slide-enter-from[data-v-cfb093a1],.slide-leave-to[data-v-cfb093a1]{opacity:0;transform:translateY(-10px)}.footer[data-v-754b2487]{background:var(--color-bg-dark);border-top:1px solid var(--color-border);margin-top:auto}.footer-content[data-v-754b2487]{flex-direction:column;align-items:center;gap:16px;padding:40px 0;display:flex}.footer-brand[data-v-754b2487]{align-items:center;gap:12px;display:flex}.footer-brand .logo-icon[data-v-754b2487]{color:var(--color-primary);font-size:1.75rem}.footer-brand .logo-text[data-v-754b2487]{font-family:var(--font-serif);color:var(--color-text);letter-spacing:4px;font-size:1.5rem;font-weight:700}.footer-desc[data-v-754b2487]{color:var(--color-text-muted);font-size:.95rem}.footer-links[data-v-754b2487]{align-items:center;gap:16px;display:flex}.footer-links a[data-v-754b2487]{color:var(--color-text-secondary);font-size:.9rem}.footer-links a[data-v-754b2487]:hover{color:var(--color-primary)}.footer-links .divider[data-v-754b2487]{color:var(--color-border)}.footer-bottom[data-v-754b2487]{border-top:1px solid var(--color-border-light);text-align:center;padding:20px 0}.copyright[data-v-754b2487]{color:var(--color-text-muted);font-size:.85rem}.app-container[data-v-f7378c75]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-f7378c75]{flex:1;padding:24px 0}.fade-enter-active[data-v-f7378c75],.fade-leave-active[data-v-f7378c75]{transition:opacity .3s}.fade-enter-from[data-v-f7378c75],.fade-leave-to[data-v-f7378c75]{opacity:0}:root{--color-primary:#b22234;--color-primary-dark:#8b1a2b;--color-primary-light:#d4374a;--color-gold:#c9a227;--color-gold-light:#e5c65c;--color-gold-dark:#a8851f;--color-ink:#1a1a1a;--color-ink-light:#3a3a3a;--color-ink-lighter:#5a5a5a;--color-paper:#f7f3e9;--color-paper-aged:#ede4d0;--color-paper-dark:#ddd2bc;--color-bg:#f7f3e9;--color-bg-dark:#ede4d0;--color-bg-card:#fffefa;--color-text:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-muted:#7a7a7a;--color-border:#c8b89a;--color-border-light:#ddd2bc;--color-border-dark:#a89878;--shadow-sm:0 2px 8px #1a1a1a0f;--shadow-md:0 4px 20px #1a1a1a1a;--shadow-lg:0 8px 40px #1a1a1a26;--shadow-paper:0 1px 3px #0000001f, 0 1px 2px #0000003d;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--font-serif:"Noto Serif SC", "Source Han Serif SC", serif;--font-sans:"Noto Sans SC", "Source Han Sans SC", sans-serif;--font-brush:"Ma Shan Zheng", "ZCOOL XiaoWei", cursive;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--ink:var(--color-text);--ink-light:var(--color-text-secondary);--ink-ghost:#b222340d;--paper:var(--color-bg);--paper-warm:var(--color-bg-card);--paper-aged:var(--color-paper-aged);--vermillion:var(--color-primary);--gold:var(--color-gold);--jade:#228b22;--gray-100:var(--color-paper);--gray-200:var(--color-border-light);--gray-300:var(--color-border);--gray-400:var(--color-border-dark);--gray-500:var(--color-text-muted);--gray-600:var(--color-text-secondary);--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--font-kai:var(--font-brush);--font-body:var(--font-sans);--ease:ease;--ease-out:ease-out;--dur:var(--transition-normal)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"),radial-gradient(at 15% 20%,#b2223405 0%,#0000 40%),radial-gradient(at 85% 80%,#c9a22705 0%,#0000 40%);min-height:100vh;line-height:1.7}.cloud-pattern{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 5c-5 0-9 4-9 9 0-3-2.5-5-5.5-5S10 11 10 14c0 2 1 4 3 5-3 0-5 2.5-5 5.5S11 30 15 30c-3 0-5 2.5-5 5.5s2.5 5.5 5.5 5.5c-2 0-4 1-5 3 0 3 2.5 5 5.5 5s5.5-2.5 5.5-5.5c0 5 4 9 9 9s9-4 9-9c0 3 2.5 5.5 5.5 5.5s5.5-2.5 5.5-5.5c-1-2-3-3-5-3 3 0 5.5-2.5 5.5-5.5S47 30 44 30c4 0 6.5-2.5 6.5-5.5S48 19 45 19c2-1 3-3 3-5 0-3-2.5-5.5-5.5-5.5S37 11 37 14c0-5-4-9-9-9z' fill='%23C9A227' fill-opacity='0.03'/%3E%3C/svg%3E")}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-text);font-weight:600;line-height:1.4}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn{font-family:var(--font-serif);letter-spacing:2px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #b222344d,inset 0 1px #ffffff1a}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #b2223466,inset 0 1px #ffffff1a}.btn-secondary,.btn-outline{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover,.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#b2223405}.btn-gold{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);color:#fff;box-shadow:0 4px 15px #c9a2274d,inset 0 1px #fff3}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 25px #c9a22766}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);border:1px solid var(--color-border-light);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before,.card:after{content:"";pointer-events:none;opacity:.5;width:30px;height:30px;position:absolute}.card:before{border-top:2px solid var(--color-primary);border-left:2px solid var(--color-primary);top:8px;left:8px}.card:after{border-bottom:2px solid var(--color-primary);border-right:2px solid var(--color-primary);bottom:8px;right:8px}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{border-bottom:1px solid var(--color-border-light);background:linear-gradient(90deg,#b2223405,#0000);padding:20px 28px;position:relative}.card-header:after{content:"";background:linear-gradient(to right, var(--color-primary), transparent);height:1px;position:absolute;bottom:0;left:28px;right:28px}.card-body{padding:28px}.card-title{font-family:var(--font-serif);color:var(--color-text);letter-spacing:2px;font-size:1.25rem;font-weight:600}.scroll-panel{background:linear-gradient(to right, #c9a2271a 0%, var(--color-bg-card) 5%, var(--color-bg-card) 95%, #c9a2271a 100%);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-paper);padding:24px 32px;position:relative}.scroll-panel:before,.scroll-panel:after{content:"";background:linear-gradient(to right, var(--color-gold-dark), var(--color-gold) 20%, var(--color-gold) 80%, var(--color-gold-dark));border-radius:4px;height:8px;position:absolute;left:0;right:0}.scroll-panel:before{top:-4px}.scroll-panel:after{bottom:-4px}.seal{width:64px;height:64px;font-family:var(--font-brush);color:var(--color-primary);border:3px solid var(--color-primary);border-radius:var(--radius-sm);background:#b222340d;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:inline-flex;position:relative;transform:rotate(-8deg)}.seal:before{content:"";border:1px dashed var(--color-primary);opacity:.5;position:absolute;inset:4px}.seal-square{border-width:4px;width:80px;height:80px;font-size:1.5rem}.seal-circle{border-radius:50%;width:70px;height:70px}.seal-circle:before{border-radius:50%}.bagua-icon{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='none' stroke='%23B22234' stroke-width='2'/%3E%3Cpath d='M50 2 A48 48 0 0 1 50 98 A24 24 0 0 1 50 50 A24 24 0 0 0 50 2' fill='%23B22234'/%3E%3Ccircle cx='50' cy='26' r='7' fill='%23B22234'/%3E%3Ccircle cx='50' cy='74' r='7' fill='%23F7F3E9' stroke='%23B22234' stroke-width='2'/%3E%3C/svg%3E") 50%/contain no-repeat;width:48px;height:48px}.bagua-icon-large{width:80px;height:80px}.bazi-table{border-collapse:collapse;width:100%;font-family:var(--font-serif)}.bazi-table th,.bazi-table td{border:1px solid var(--color-border);text-align:center;vertical-align:middle;padding:16px 24px}.bazi-table th{background:linear-gradient(to bottom, var(--color-paper-aged), var(--color-paper));letter-spacing:4px;color:var(--color-text-secondary);font-weight:600}.bazi-table td{background:var(--color-bg-card)}.bazi-table .gan,.bazi-table .zhi{font-size:2.5rem;font-weight:700;line-height:1}.bazi-table .ten-god{color:var(--color-text-muted);margin-top:8px;font-size:.85rem}.wuxing-wood{color:#228b22}.wuxing-fire{color:#dc143c}.wuxing-earth{color:#8b4513}.wuxing-metal{color:#daa520}.wuxing-water{color:#1e90ff}.form-group{margin-bottom:24px}.form-label{font-family:var(--font-serif);letter-spacing:2px;color:var(--color-text);margin-bottom:10px;font-weight:500;display:block}.form-input,.form-select{width:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:14px 18px;font-size:1rem}.form-input:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #b222341a}.container{max-width:1200px;margin:0 auto;padding:0 24px}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes sealStamp{0%{opacity:0;transform:scale(1.5)rotate(-15deg)}50%{opacity:.8;transform:scale(1.1)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes brushStroke{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-slide-in{animation:.5s forwards slideIn}.animate-scale-in{animation:.3s forwards scaleIn}.animate-seal{animation:.6s forwards sealStamp}.divider-chinese{align-items:center;gap:16px;margin:32px 0;display:flex}.divider-chinese:before,.divider-chinese:after{content:"";background:linear-gradient(to right, transparent, var(--color-border), transparent);flex:1;height:1px}.divider-chinese .icon{color:var(--color-gold);font-size:1.5rem}.tag{font-size:.85rem;font-family:var(--font-serif);border-radius:2px;align-items:center;padding:6px 14px;display:inline-flex}.tag-good,.tag.yi{color:#228b22;background:#228b221a;border:1px solid #228b224d}.tag-bad,.tag.ji{color:var(--color-primary);background:#b222341a;border:1px solid #b222344d}.tag-gold{color:var(--color-gold-dark);border:1px solid var(--color-gold);background:linear-gradient(135deg,#c9a2271a,#c9a22733)}.text-center{text-align:center}.text-gold{color:var(--color-gold)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-brush{font-family:var(--font-brush)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}@media (width<=768px){.seal{width:50px;height:50px;font-size:1rem}.seal-square{width:60px;height:60px}.seal-circle{width:55px;height:55px}.bazi-table .gan,.bazi-table .zhi{font-size:1.8rem}}