:root{--primary: #c0392b;--primary-hover: #a93226;--bg: #fdf2f0;--card-bg: #ffffff;--text: #2c3e50;--text-light: #7f8c8d;--wood: #27ae60;--fire: #e74c3c;--earth: #f39c12;--metal: #bdc3c7;--water: #3498db;--border: #f1c40f}body{margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}.app-container{max-width:800px;margin:0 auto;padding:20px}.header{text-align:center;padding:40px 0}.header h1{margin:0;color:var(--primary);font-size:2.5rem;display:flex;align-items:center;justify-content:center;gap:10px}.icon-sparkle{color:var(--border)}.main-content{display:flex;flex-direction:column;gap:30px}.input-card{background:var(--card-bg);padding:30px;border-radius:15px;box-shadow:0 10px 25px #c0392b1a;display:grid;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-weight:600;display:flex;align-items:center;gap:8px;color:var(--text)}input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border .3s}input:focus{border-color:var(--primary);outline:none}.gender-toggle{display:flex;gap:10px}.gender-toggle button{flex:1;padding:10px;border:1px solid var(--primary);background:transparent;color:var(--primary);border-radius:8px;cursor:pointer;font-weight:600}.gender-toggle button.active{background:var(--primary);color:#fff}.submit-btn{background:var(--primary);color:#fff;border:none;padding:15px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .3s}.submit-btn:hover{background:var(--primary-hover)}.result-container{background:var(--card-bg);padding:30px;border-radius:15px;box-shadow:0 10px 25px #0000000d;border-top:5px solid var(--primary)}.result-header{text-align:center;margin-bottom:30px;border-bottom:1px dashed #ddd;padding-bottom:20px}.result-header h3{margin:0 0 10px;color:var(--primary)}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:40px}.pillar-card{text-align:center;padding:15px;background:#fff9f8;border:1px solid #ffe4e1;border-radius:10px}.pillar-label{font-size:.9rem;color:var(--text-light);margin-bottom:10px}.char{font-size:2rem;font-weight:800;margin:5px 0}.pillar-nayin{font-size:.8rem;color:var(--text-light);margin-top:10px}.char.wood{color:var(--wood)}.char.fire{color:var(--fire)}.char.earth{color:var(--earth)}.char.metal{color:var(--metal)}.char.water{color:var(--water)}.dayun-section h4{border-left:4px solid var(--primary);padding-left:10px;margin-bottom:20px}.dayun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.dayun-card{text-align:center;padding:10px;background:#f9f9f9;border-radius:8px;font-size:.9rem}.dayun-age{color:var(--primary);font-weight:700}.dayun-gz{font-size:1.2rem;font-weight:700;margin:5px 0}.footer{text-align:center;padding:40px 0;color:var(--text-light);font-size:.9rem}@media (max-width: 600px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}