.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#f8f5f0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--border-subtle)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:400;letter-spacing:.3em}.nav{display:flex;gap:var(--spacing-lg)}.nav-item{position:relative;font-size:.9rem;letter-spacing:.1em;padding:var(--spacing-xs) 0}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--color-vermilion);transition:all .3s ease;transform:translate(-50%)}.nav-item:hover:after,.nav-item.active:after{width:100%}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-paper);border:var(--border-subtle);box-shadow:var(--shadow-soft);padding:var(--spacing-sm) 0;min-width:120px;opacity:0;visibility:hidden;transition:all .3s ease}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-item{display:block;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;white-space:nowrap}.mobile-menu-btn{display:none;background:none;border:none;padding:var(--spacing-xs)}@media(max-width:768px){.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-paper);flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm);border-bottom:var(--border-subtle)}.nav.open{display:flex}.mobile-menu-btn{display:block}.dropdown-menu{position:static;transform:none;border:none;box-shadow:none;padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-md)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible}}.footer{background:var(--color-ink);color:var(--color-paper);padding:var(--spacing-lg) var(--spacing-md);text-align:center;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto}.footer-quote{font-size:1.1rem;font-style:italic;opacity:.7;margin-bottom:var(--spacing-md);letter-spacing:.1em}.footer-divider{width:40px;height:1px;background:var(--color-paper);margin:var(--spacing-md) auto;opacity:.3}.footer-text{font-size:.85rem;opacity:.5;letter-spacing:.05em}.footer-links{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.footer-links a{opacity:.5;transition:opacity .3s ease}.footer-links a:hover{opacity:1}:root{--color-ink: #1a1a1a;--color-paper: #f8f5f0;--color-bamboo: #8b9a7d;--color-stone: #9e9e9e;--water-ink: rgba(26, 26, 26, .6);--color-vermilion: #c94c4c;--color-gold: #c9a959;--color-jade: #5d8a66;--font-serif: "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--font-sans: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--border-subtle: 1px solid rgba(26, 26, 26, .1);--shadow-soft: 0 2px 20px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-serif);background-color:var(--color-paper);color:var(--color-ink);line-height:1.8;letter-spacing:.05em;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-vermilion)}button{font-family:var(--font-serif);cursor:pointer;border:var(--border-subtle);background:transparent;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}button:hover{background:var(--color-ink);color:var(--color-paper)}input,select,textarea{font-family:var(--font-serif);border:var(--border-subtle);background:transparent;padding:var(--spacing-xs) var(--spacing-sm);outline:none;transition:border-color .3s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-ink)}.page{min-height:calc(100vh - 200px);padding:var(--spacing-xl) var(--spacing-md)}.title{font-size:2.5rem;font-weight:400;letter-spacing:.2em;text-align:center;margin-bottom:var(--spacing-lg)}.subtitle{font-size:1.25rem;font-weight:300;letter-spacing:.1em;color:var(--color-stone);text-align:center;margin-bottom:var(--spacing-md)}.card{background:#ffffff80;border:var(--border-subtle);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.divider{width:60px;height:1px;background:var(--color-ink);margin:var(--spacing-md) auto;opacity:.3}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ink-brush{position:relative}.ink-brush:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-vermilion)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:768px){html{font-size:14px}.grid-2,.grid-3{grid-template-columns:1fr}.page{padding:var(--spacing-lg) var(--spacing-sm)}}.home{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl)}.home-logo{font-size:6rem;font-weight:200;letter-spacing:.5em;margin-bottom:var(--spacing-md);animation:fadeIn 1s ease-out}.home-subtitle{font-size:1.2rem;font-weight:300;letter-spacing:.3em;color:var(--color-stone);margin-bottom:var(--spacing-xl);animation:fadeIn 1.2s ease-out}.home-nav{display:flex;gap:var(--spacing-lg);animation:fadeIn 1.4s ease-out}.home-nav-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);border:var(--border-subtle);transition:all .4s ease;min-width:180px}.home-nav-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}.home-nav-icon{font-size:2rem;margin-bottom:var(--spacing-sm);opacity:.6}.home-nav-text{font-size:1rem;letter-spacing:.2em}.home-nav-desc{font-size:.8rem;color:var(--color-stone);margin-top:var(--spacing-xs);letter-spacing:.05em}.home-decoration{position:fixed;font-size:15rem;opacity:.03;pointer-events:none;z-index:-1}.decoration-left{left:-5%;top:20%}.decoration-right{right:-5%;bottom:20%}@media(max-width:768px){.home-logo{font-size:4rem}.home-nav{flex-direction:column;width:100%;max-width:300px}.home-nav-item{width:100%}}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.9rem;letter-spacing:.1em;margin-bottom:var(--spacing-xs);color:var(--color-stone)}.form-input{width:100%;padding:var(--spacing-sm);font-size:1rem}.form-row{display:flex;gap:var(--spacing-md)}.form-select{width:100%;padding:var(--spacing-sm);font-size:1rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1a1a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.btn-primary{background:var(--color-ink);color:var(--color-paper);border:none;padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;letter-spacing:.2em;width:100%}.btn-primary:hover{background:var(--color-vermilion)}.btn-secondary{background:transparent;color:var(--color-ink);border:var(--border-subtle);padding:var(--spacing-sm) var(--spacing-lg);font-size:1rem;letter-spacing:.2em}.btn-secondary:hover{border-color:var(--color-ink)}.result-panel{margin-top:var(--spacing-lg);padding:var(--spacing-md);border:var(--border-subtle);background:#ffffff4d}.result-title{font-size:1.2rem;letter-spacing:.1em;margin-bottom:var(--spacing-md);text-align:center}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);text-align:center;margin-bottom:var(--spacing-md)}.result-item{padding:var(--spacing-sm);border:var(--border-subtle)}.result-label{font-size:.8rem;color:var(--color-stone);letter-spacing:.1em}.result-value{font-size:1.5rem;letter-spacing:.1em;margin-top:var(--spacing-xs)}.result-element{font-size:.7rem;color:var(--color-bamboo);margin-top:4px}@media(max-width:768px){.form-row{flex-direction:column}.result-grid{grid-template-columns:repeat(2,1fr)}}.theory-container{max-width:900px;margin:0 auto;padding:2rem 0}.theory-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.1)}.theory-section:last-child{border-bottom:none}.theory-title{font-size:1.5rem;font-weight:500;margin-bottom:1.5rem;color:var(--color-ink);padding-bottom:.5rem;border-bottom:2px solid var(--color-vermilion);display:inline-block}.theory-content{line-height:1.8;color:var(--color-ink)}.theory-content h3{font-size:1.2rem;margin:1.5rem 0 1rem;color:var(--color-bamboo)}.theory-content h4{font-size:1.1rem;margin:1.2rem 0 .8rem;color:var(--color-ink)}.theory-content p{margin-bottom:1rem}.theory-highlight{background:#8b5a2b0d;padding:1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid var(--color-bamboo)}.theory-highlight h3,.theory-highlight h4{margin-top:0}.theory-quote{font-style:italic;color:var(--color-stone);border-left:3px solid var(--color-vermilion);padding-left:1rem;margin:1.5rem 0;font-size:1.05rem}.pillars-diagram{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0}.pillar{text-align:center;padding:1.5rem 1rem;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.pillar.highlight{background:#f443361a;border-color:var(--color-vermilion)}.pillar-name{display:block;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.pillar.highlight .pillar-name{color:var(--color-vermilion)}.pillar-desc{display:block;font-size:.85rem;color:var(--color-stone)}.gan-chart{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin:1.5rem 0}.gan-item{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:8px;border:2px solid transparent}.gan-item.yang{background:#00000008}.gan-item.yin{background:#0000000d}.gan-item.wood{border-color:#4caf50}.gan-item.fire{border-color:#f44336}.gan-item.earth{border-color:#ff9800}.gan-item.metal{border-color:gold}.gan-item.water{border-color:#2196f3}.gan-name{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.gan-tag{font-size:.75rem;color:var(--color-stone)}.zhi-table{margin:1.5rem 0;overflow-x:auto}.zhi-table table{width:100%;border-collapse:collapse;font-size:.9rem}.zhi-table th,.zhi-table td{padding:.75rem;text-align:center;border:1px solid rgba(0,0,0,.1)}.zhi-table th{background:#0000000d;font-weight:600}.zhi-table .wood{color:#4caf50;font-weight:600}.zhi-table .fire{color:#f44336;font-weight:600}.zhi-table .earth{color:#ff9800;font-weight:600}.zhi-table .metal{color:gold;font-weight:600}.zhi-table .water{color:#2196f3;font-weight:600}.wuxing-diagram{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.wuxing-table-container{width:100%;max-width:500px;margin:0 auto}.wuxing-relation-table{width:100%;border-collapse:collapse;font-size:1.1rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.wuxing-relation-table th{background:#8b5a2b1a;padding:1rem;text-align:center;font-weight:600;color:var(--color-ink);border-bottom:2px solid rgba(139,90,43,.3)}.wuxing-relation-table td{padding:1rem;text-align:center;border-bottom:1px solid rgba(0,0,0,.08)}.wuxing-relation-table tr:last-child td{border-bottom:none}.wuxing-relation-table tr:hover{background:#8b5a2b08}.wuxing-tag{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 6px #0003}.wuxing-tag.wood{background:linear-gradient(135deg,#4caf50,#2e7d32)}.wuxing-tag.fire{background:linear-gradient(135deg,#f44336,#c62828)}.wuxing-tag.earth{background:linear-gradient(135deg,#ff9800,#e65100)}.wuxing-tag.metal{background:linear-gradient(135deg,gold,#b8860b)}.wuxing-tag.water{background:linear-gradient(135deg,#2196f3,#0d47a1)}.relation-generate{display:inline-block;padding:.4rem .8rem;background:#4caf5026;color:#2e7d32;border-radius:4px;font-weight:600;border:1px solid rgba(76,175,80,.3)}.relation-restrict{display:inline-block;padding:.4rem .8rem;background:#f4433626;color:#c62828;border-radius:4px;font-weight:600;border:1px solid rgba(244,67,54,.3)}.wuxing-star-chart{position:relative;width:400px;height:400px;margin:2rem auto;background:#00000008;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.star-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.center-text{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9rem;font-weight:600;color:var(--color-ink);border:2px solid rgba(0,0,0,.2);line-height:1.4}.star-elements{position:absolute;top:0;left:0;width:100%;height:100%}.star-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-150px) rotate(calc(-1 * var(--angle)));display:flex;flex-direction:column;align-items:center;gap:.5rem}.star-box{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.star-item.wood .star-box{background:linear-gradient(135deg,#4caf50,#2e7d32)}.star-item.fire .star-box{background:linear-gradient(135deg,#f44336,#c62828)}.star-item.earth .star-box{background:linear-gradient(135deg,#ff9800,#e65100)}.star-item.metal .star-box{background:linear-gradient(135deg,gold,#b8860b)}.star-item.water .star-box{background:linear-gradient(135deg,#2196f3,#0d47a1)}.star-label{font-size:.9rem;font-weight:600;color:var(--color-ink);background:#fffffff2;padding:.3rem .8rem;border-radius:4px;white-space:nowrap;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 3px #0000001a}.star-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.generate-line{stroke:#4caf50;stroke-width:3;fill:none}.restrict-line{stroke:#f44336;stroke-width:2;stroke-dasharray:5,5;fill:none}.restrict-text{font-size:14px;fill:#c62828;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.9)}.wuxing-legend{display:flex;gap:2rem;margin-top:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem}.legend-color{width:24px;height:24px;border-radius:4px;border:1px solid rgba(0,0,0,.2)}.legend-color.generate{background:#4caf504d;border-color:#4caf50}.legend-color.restrict{background:#f443364d;border-color:#f44336}.wood{color:#4caf50;font-weight:600}.fire{color:#f44336;font-weight:600}.earth{color:#ff9800;font-weight:600}.metal{color:#b8860b;font-weight:600}.water{color:#2196f3;font-weight:600}.relationship-flow{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:1.1rem;margin:1rem 0;padding:1rem;background:#00000005;border-radius:8px}.relationship-flow .explain{width:100%;text-align:center;font-size:.9rem;color:var(--color-stone);margin-top:.5rem}.shishen-diagram{margin:2rem 0;padding:2rem;background:#00000005;border-radius:12px}.shishen-center{text-align:center;margin-bottom:2rem}.day-master{display:inline-block;padding:1rem 2rem;background:var(--color-vermilion);color:#fff;font-size:1.3rem;font-weight:600;border-radius:50px}.shishen-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.shishen-group{text-align:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.shishen-group h4{font-size:.9rem;margin-bottom:.75rem;color:var(--color-stone)}.shishen-items{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.shishen-item{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-weight:600;background:#00000008}.shishen-item.blue{color:#2196f3}.shishen-item.orange{color:#ff9800}.shishen-item.green{color:#4caf50}.shishen-item.red{color:#f44336}.shishen-item.purple{color:#9c27b0}.shishen-desc{font-size:.8rem;color:var(--color-stone)}.shishen-table{margin:1.5rem 0;overflow-x:auto}.shishen-table table{width:100%;border-collapse:collapse;font-size:.9rem}.shishen-table th,.shishen-table td{padding:.75rem;text-align:left;border:1px solid rgba(0,0,0,.1)}.shishen-table th{background:#0000000d;font-weight:600}.shishen-name{font-weight:600}.shishen-name.blue{color:#2196f3}.shishen-name.orange{color:#ff9800}.shishen-name.green{color:#4caf50}.shishen-name.red{color:#f44336}.shishen-name.purple{color:#9c27b0}.wang-shuai-factors{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.factor{padding:1rem;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.factor h4{margin-top:0;color:var(--color-bamboo)}.factor-detail{margin-top:.5rem;font-size:.85rem;color:var(--color-stone);font-style:italic}.wang-shuai-chart{margin:1.5rem 0}.level-bar{display:flex;height:40px;border-radius:20px;overflow:hidden}.level{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:.85rem}.level.weak{background:#9e9e9e}.level.neutral{background:#ffc107}.level.strong{background:#f44336}.yong-shen-guide{margin:1.5rem 0}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.guide-item{padding:1.5rem;border-radius:8px;background:#00000008;border:1px solid rgba(0,0,0,.1)}.guide-item h5{margin-top:0;margin-bottom:1rem}.guide-item ul{margin:0;padding-left:1.2rem}.guide-item li{margin-bottom:.5rem}.zhi-relations{margin:1.5rem 0}.relation-group{margin-bottom:1.5rem}.relation-group h4{margin-bottom:.75rem;color:var(--color-ink)}.relation-items{display:flex;flex-wrap:wrap;gap:.5rem}.relation-item{padding:.5rem 1rem;background:#4caf501a;border:1px solid #4caf50;border-radius:4px;font-size:.9rem}.relation-items.conflict .relation-item{background:#f443361a;border-color:#f44336}.relation-item.highlight{background:#9c27b01a;border-color:#9c27b0;font-weight:600}.zhi-xing{margin:1.5rem 0}.xing-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-top:1rem}.xing-item{padding:.75rem 1rem;background:#f443360d;border-left:3px solid #f44336;border-radius:0 4px 4px 0}.timeline-diagram{margin:1.5rem 0}.dayun-flow{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.flow-step{flex:1;min-width:150px;display:flex;gap:.75rem;padding:1rem;background:#00000008;border-radius:8px}.step-number{width:32px;height:32px;background:var(--color-bamboo);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content h5{margin:0 0 .25rem;font-size:.95rem}.step-content p{margin:0;font-size:.85rem;color:var(--color-stone)}.flow-arrow{font-size:1.5rem;color:var(--color-bamboo)}.liu-nian-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.rule{padding:1.5rem;border-radius:8px}.rule.good{background:#4caf501a;border:1px solid #4caf50}.rule.bad{background:#f443361a;border:1px solid #f44336}.rule h5{margin-top:0;margin-bottom:1rem}.rule ul{margin:0;padding-left:1.2rem}.rule li{margin-bottom:.5rem}.geju-categories{margin:1.5rem 0}.geju-group{margin-bottom:2rem}.geju-group h4{margin-bottom:1rem;color:var(--color-ink)}.geju-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.geju-item{padding:1rem;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.geju-item strong{display:block;margin-bottom:.5rem;color:var(--color-vermilion)}.geju-item p{margin:0;font-size:.9rem;color:var(--color-stone)}.geju-group.special .geju-item{background:#9c27b00d;border-color:#9c27b04d}.shensha-table{margin:1.5rem 0;overflow-x:auto}.shensha-table table{width:100%;border-collapse:collapse;font-size:.85rem}.shensha-table th,.shensha-table td{padding:.75rem;text-align:left;border:1px solid rgba(0,0,0,.1)}.shensha-table th{background:#0000000d;font-weight:600}.shensha-table tr.good{background:#4caf500d}.shensha-table tr.bad{background:#f443360d}.shensha-table tr.neutral{background:#9e9e9e0d}.application-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.area{padding:1.5rem;background:#00000005;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.area h4{margin-top:0;margin-bottom:.75rem;color:var(--color-bamboo)}.area p{margin:0;font-size:.95rem}.name-meaning{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.meaning-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.meaning-char{width:50px;height:50px;background:var(--color-bamboo);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;flex-shrink:0}.meaning-text{font-size:.9rem}.qimen-structure{margin:1.5rem 0}.nine-palace{display:flex;flex-direction:column;gap:.5rem;max-width:450px;margin:1.5rem auto}.palace-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.palace{aspect-ratio:1;padding:1rem;background:#00000008;border:2px solid rgba(0,0,0,.1);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.palace.center{background:#8b5a2b1a;border-color:var(--color-bamboo)}.palace-number{font-size:1.5rem;font-weight:700;color:var(--color-vermilion);margin-bottom:.25rem}.palace-gua{font-size:1rem;font-weight:600;margin-bottom:.25rem}.palace-info{font-size:.75rem;color:var(--color-stone)}.four-pan{margin:2rem 0}.pan-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.pan-item{display:flex;gap:1rem;padding:1.25rem;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.pan-icon{width:48px;height:48px;background:var(--color-bamboo);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;flex-shrink:0}.pan-content h4{margin:0 0 .25rem;font-size:1rem}.pan-content p{margin:0;font-size:.85rem;color:var(--color-stone)}.sanqi-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.sanqi-item{padding:1.5rem;background:#00000008;border-radius:8px;border:2px solid var(--color-bamboo);text-align:center}.sanqi-name{font-size:1.5rem;font-weight:700;color:var(--color-vermilion)}.sanqi-title{font-size:1rem;color:var(--color-bamboo);margin:.5rem 0 1rem}.sanqi-desc{text-align:left;font-size:.85rem}.sanqi-desc p{margin:.25rem 0}.liuyi-table{margin:1.5rem 0;overflow-x:auto}.liuyi-table table{width:100%;border-collapse:collapse;font-size:.9rem}.liuyi-table th,.liuyi-table td{padding:.75rem;text-align:center;border:1px solid rgba(0,0,0,.1)}.liuyi-table th{background:#0000000d;font-weight:600}.liuyi-name{font-weight:700;font-size:1.1rem;color:var(--color-bamboo)}.eight-gates{margin:1.5rem 0}.gate-category{margin-bottom:1.5rem}.gate-category h4{margin-bottom:1rem;padding:.5rem 1rem;border-radius:4px;display:inline-block}.gate-category.good h4{background:#4caf501a;color:#2e7d32}.gate-category.neutral h4{background:#ffc1071a;color:#f57c00}.gate-category.bad h4{background:#f443361a;color:#c62828}.gate-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.gate-item{padding:1rem;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.gate-name{font-size:1.2rem;font-weight:600;color:var(--color-ink);margin-bottom:.75rem}.gate-info{font-size:.85rem}.gate-info p{margin:.25rem 0}.nine-stars{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.star-item{padding:1.25rem;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.star-name{font-size:1.2rem;font-weight:600;color:var(--color-ink);margin-bottom:.5rem}.star-details{display:flex;gap:.75rem;margin-bottom:.75rem}.star-wuxing{padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-weight:600;color:#fff}.star-wuxing.wood{background:#4caf50}.star-wuxing.fire{background:#f44336}.star-wuxing.earth{background:#ff9800}.star-wuxing.metal{background:#b8860b}.star-wuxing.water{background:#2196f3}.star-position{font-size:.85rem;color:var(--color-stone)}.star-desc{font-size:.85rem}.star-desc p{margin:.25rem 0}.eight-spirits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.spirit-item{padding:1.25rem;background:#00000008;border-radius:8px;border:1px solid rgba(0,0,0,.1);text-align:center}.spirit-item.best{background:#4caf501a;border-color:#4caf50}.spirit-item.good{background:#4caf500d;border-color:#4caf5080}.spirit-item.bad{background:#f443360d;border-color:#f4433680}.spirit-name{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.spirit-icon{font-size:2rem;margin-bottom:.75rem}.spirit-desc{text-align:left;font-size:.85rem}.spirit-desc p{margin:.25rem 0}.yinyang-dun{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:1.5rem 0}.dun-type{padding:1.5rem;border-radius:8px;border:2px solid}.dun-type.yang{background:#ffc1070d;border-color:#ffc107}.dun-type.yin{background:#2196f30d;border-color:#2196f3}.dun-type h4{margin-top:0;margin-bottom:1rem;text-align:center}.dun-desc{margin-bottom:1rem}.dun-desc p{margin:.5rem 0;font-size:.9rem}.dun-ju{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ju-item{padding:.5rem;text-align:center;background:#0000000d;border-radius:4px;font-size:.85rem}.geju-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:1.5rem 0}.geju-section h4{margin-bottom:1rem}.geju-list{display:flex;flex-direction:column;gap:.75rem}.geju-list .geju-item{padding:.75rem 1rem;background:#00000008;border-radius:4px;border-left:3px solid var(--color-bamboo)}.geju-list .geju-item strong{display:block;margin-bottom:.25rem;color:var(--color-ink)}.geju-list .geju-item p{margin:0;font-size:.85rem;color:var(--color-stone)}.application-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.app-category{padding:1.25rem;background:#00000005;border-radius:8px;border:1px solid rgba(0,0,0,.1)}.app-category h4{margin:0 0 .75rem;color:var(--color-bamboo);font-size:1rem}.app-category ul{margin:0;padding-left:1.2rem;font-size:.85rem}.app-category li{margin-bottom:.4rem}@media(max-width:768px){.pillars-diagram{grid-template-columns:repeat(2,1fr)}.gan-chart{grid-template-columns:repeat(3,1fr)}.wuxing-circle{width:250px;height:250px}.wuxing-item{width:50px;height:50px;font-size:1.2rem}.dayun-flow{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.flow-step{width:100%}}