.s4-theme{--color-xuan-white:#faf6f1;--color-tanmu-brown:#8b6f47;--color-shuimo-black:#2c2c2c;--color-accent:#d4a574;--color-light-bg:#f5f2ee;--color-border:#ddd4c4;--color-text-primary:#2c2c2c;--color-text-secondary:#6b5d4f;--color-success:#8b6f47;--color-warning:#c89666;--font-serif:"Noto Serif SC","Noto Serif",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif}.s4-theme body{color:var(--color-text-primary);font-family:var(--font-serif);background:linear-gradient(135deg,#faf6f1 0%,#f5f2ee 100%)}.s4-scroll-nav{background:linear-gradient(180deg,var(--color-xuan-white)0%,var(--color-light-bg)100%);border-bottom:2px solid var(--color-border);position:relative;overflow:hidden}.s4-scroll-nav:before{content:"";background:linear-gradient(90deg,transparent,var(--color-accent),transparent);height:1px;position:absolute;top:0;left:0;right:0}.s4-scroll-nav:after{content:"";background:linear-gradient(90deg,transparent,var(--color-tanmu-brown),transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.s4-nav-item{color:var(--color-text-secondary);padding:.5rem 1.5rem;font-weight:500;transition:all .3s;position:relative}.s4-nav-item:hover,.s4-nav-item.active{color:var(--color-tanmu-brown)}.s4-nav-item.active:after{content:"";background:var(--color-accent);border-radius:1px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.s4-card{background:var(--color-xuan-white);border:1px solid var(--color-border);border-radius:8px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.s4-card:before{content:"";background:linear-gradient(90deg,transparent,var(--color-accent),transparent);height:1px;position:absolute;top:0;left:0;right:0}.s4-zouzhe{background:repeating-linear-gradient(90deg,var(--color-xuan-white)0,var(--color-xuan-white)1px,transparent 1px,transparent 2px);border:2px solid var(--color-tanmu-brown);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:4px;padding:3rem 2.5rem;position:relative}.s4-zouzhe:before{content:"●";color:var(--color-tanmu-brown);opacity:.5;font-size:1.5rem;position:absolute;top:1.5rem;left:1.5rem}.s4-zouzhe-title{color:var(--color-shuimo-black);text-align:center;font-size:1.8rem;font-weight:700;font-family:var(--font-serif);letter-spacing:.2em;margin-bottom:2rem}.s4-btn{background:var(--color-tanmu-brown);color:var(--color-xuan-white);cursor:pointer;font-weight:600;font-family:var(--font-serif);letter-spacing:.05em;border:none;border-radius:4px;padding:.75rem 2rem;transition:all .3s}.s4-btn:hover{background:var(--color-shuimo-black);transform:translateY(-2px);box-shadow:0 4px 12px #8b6f474d}.s4-btn:active{transform:translateY(0)}.s4-btn-outline{color:var(--color-tanmu-brown);border:1px solid var(--color-tanmu-brown);background:0 0}.s4-btn-outline:hover{background:var(--color-tanmu-brown);color:var(--color-xuan-white)}.s4-input{background:var(--color-xuan-white);border:1px solid var(--color-border);font-family:var(--font-serif);color:var(--color-text-primary);border-radius:4px;padding:.75rem 1rem;transition:border-color .3s}.s4-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #d4a5741a}.s4-input::placeholder{color:var(--color-text-secondary);opacity:.6}.s4-title{font-family:var(--font-serif);color:var(--color-shuimo-black);letter-spacing:.1em;font-weight:700}.s4-title-h1{margin-bottom:1rem;font-size:3rem;line-height:1.2}.s4-title-h2{margin-bottom:.75rem;font-size:2rem;line-height:1.3}.s4-title-h3{margin-bottom:.5rem;font-size:1.5rem}.s4-text{color:var(--color-text-secondary);font-size:1rem;line-height:1.8}.s4-text-muted{color:var(--color-text-secondary);opacity:.75}.s4-divider{background:linear-gradient(90deg,transparent,var(--color-border),transparent);height:1px;margin:2rem 0}.s4-divider-ornament{text-align:center;margin:2rem 0;position:relative}.s4-divider-ornament:before,.s4-divider-ornament:after{content:"";background:var(--color-border);width:30%;height:1px;position:absolute;top:50%}.s4-divider-ornament:before{left:0}.s4-divider-ornament:after{right:0}.s4-luopan{background:conic-gradient(from 0deg,var(--color-xuan-white),var(--color-light-bg),var(--color-xuan-white));border:3px solid var(--color-tanmu-brown);border-radius:50%;width:300px;height:300px;margin:0 auto;position:relative;box-shadow:inset 0 0 20px #0000000d,0 10px 30px #0000001a}.s4-luopan:before{content:"";background:var(--color-tanmu-brown);z-index:10;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s4-wuxing-chart{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin:2rem 0;display:grid}.s4-wuxing-item{text-align:center;border:1px solid var(--color-border);background:var(--color-xuan-white);border-radius:4px;padding:1.5rem 1rem;transition:all .3s}.s4-wuxing-item:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #d4a57433}.s4-wuxing-name{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.s4-wuxing-percent{color:var(--color-accent);margin-bottom:.5rem;font-size:2rem;font-weight:700}.s4-wuxing-desc{color:var(--color-text-secondary);font-size:.875rem}@media (max-width:768px){.s4-title-h1{font-size:2rem}.s4-title-h2{font-size:1.5rem}.s4-card{padding:1.5rem}.s4-zouzhe{padding:2rem 1.5rem}.s4-luopan{width:250px;height:250px}}@media print{.s4-zouzhe{page-break-inside:avoid}.s4-btn,.s4-scroll-nav{display:none}}@keyframes s4-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.s4-fade-in-up{animation:.6s ease-out s4-fade-in-up}@keyframes s4-luopan-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.s4-luopan-spinning{animation:3s linear infinite s4-luopan-spin}