.dawnin-tool {
    --bg-deep:#0a0e1a; --bg-card:#111827; --bg-elevated:#1a2236;
    --gold:#c9a96e; --gold-bright:#e0c088; --gold-dim:#8b7355;
    --text-warm:#e8e0d0; --text-muted:#9a9080; --text-dim:#6b6355;
    --line:rgba(201,169,110,0.15); --line-bright:rgba(201,169,110,0.35);
    --wx-jin:#d4b87a; --wx-mu:#7ba86e; --wx-shui:#6b9ec7; --wx-huo:#c97060; --wx-tu:#b08d5e;
  }
.dawnin-bazi-tool { --bazi-chart-size:15px; --bazi-chart-color:#e8e0d0; --bazi-chart-bg:#111827; --bazi-chart-line:rgba(201,169,110,0.15); --bazi-chart-accent:#e0c088; --bazi-page-title-size:32px; --bazi-page-title-color:#e8e0d0; --bazi-page-sub-size:16px; --bazi-page-sub-color:#8b7355; --bazi-breadcrumb-size:13px; --bazi-breadcrumb-color:#6b6355; --bazi-section-title-size:17px; --bazi-section-title-color:#e0c088; --bazi-body-size:15px; --bazi-body-color:#9a9080; --bazi-label-size:14px; --bazi-label-color:#9a9080; --bazi-input-size:16px; --bazi-input-color:#e8e0d0; --bazi-input-bg:#1a2236; --bazi-button-size:16px; --bazi-primary-color:#0a0e1a; --bazi-primary-bg:#c9a96e; --bazi-secondary-color:#e0c088; --bazi-secondary-border:#8b7355; }
.dawnin-tool, .dawnin-tool * { margin:0; padding:0; box-sizing:border-box; }
.dawnin-tool { background:var(--bg-deep); color:var(--text-warm); font-family:'Noto Sans SC',sans-serif; font-weight:300; line-height:1.7; }
.dawnin-tool h1, .dawnin-tool h2, .dawnin-tool h3, .dawnin-tool h4 { font-family:'Noto Serif SC',serif; font-weight:600; }
.dawnin-tool nav { position:fixed; top:0; left:0; right:0; z-index:100; padding:16px 48px; display:flex; align-items:center; justify-content:space-between; background:rgba(10,14,26,0.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
.dawnin-tool .logo { display:flex; align-items:baseline; gap:10px; }
.dawnin-tool .logo-cn { font-family:'Noto Serif SC',serif; font-size:1.3rem; font-weight:700; color:var(--gold-bright); letter-spacing:0.15em; }
.dawnin-tool .logo-en { font-family:'Cormorant Garamond',serif; font-size:0.95rem; color:var(--text-muted); letter-spacing:0.2em; text-transform:uppercase; }
.dawnin-tool .nav-links { display:flex; gap:28px; list-style:none; }
.dawnin-tool .nav-links a { color:var(--text-muted); text-decoration:none; font-size:0.85rem; letter-spacing:0.08em; transition:color .3s; }
.dawnin-tool .nav-links a:hover, .dawnin-tool .nav-links a.active { color:var(--gold-bright); }
.dawnin-tool .nav-cta { padding:7px 20px; border:1px solid var(--gold-dim); border-radius:2px; color:var(--gold-bright); text-decoration:none; font-size:0.8rem; letter-spacing:0.1em; transition:all .3s; }
.dawnin-tool .nav-cta:hover { background:var(--gold); color:var(--bg-deep); }
.dawnin-tool .page-wrap { max-width:1200px; margin:0 auto; padding:100px 48px 60px; }
.dawnin-bazi-tool .breadcrumb { font-size:var(--bazi-breadcrumb-size); color:var(--bazi-breadcrumb-color); margin-bottom:24px; }
.dawnin-bazi-tool .breadcrumb a { color:var(--bazi-breadcrumb-color); text-decoration:none; }
.dawnin-bazi-tool .page-title { font-size:var(--bazi-page-title-size); color:var(--bazi-page-title-color); margin-bottom:8px; }
.dawnin-bazi-tool .page-sub { font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--bazi-page-sub-color); font-size:var(--bazi-page-sub-size); letter-spacing:0.15em; margin-bottom:40px; }
.dawnin-tool .input-panel { background:var(--bg-card); border:1px solid var(--line); padding:32px; margin-bottom:40px; }
.dawnin-tool .input-grid { display:grid; grid-template-columns:repeat(4,1fr) auto; gap:20px; align-items:end; }
.dawnin-bazi-tool .field label { display:block; font-size:var(--bazi-label-size); color:var(--bazi-label-color); margin-bottom:8px; letter-spacing:0.08em; }
.dawnin-bazi-tool .field input, .dawnin-bazi-tool .field select { width:100%; padding:10px 12px; background:var(--bazi-input-bg); border:1px solid var(--bazi-chart-line); color:var(--bazi-input-color); font-size:var(--bazi-input-size); font-family:inherit; outline:none; }
.dawnin-tool .field input:focus, .dawnin-tool .field select:focus { border-color:var(--gold-dim); }
.dawnin-tool .toggle-group { display:flex; gap:0; border:1px solid var(--line); }
.dawnin-bazi-tool .toggle-group button { flex:1; padding:10px; background:none; border:none; color:var(--bazi-secondary-color); cursor:pointer; font-size:var(--bazi-button-size); font-family:inherit; transition:all .3s; }
.dawnin-bazi-tool .toggle-group button.active { background:var(--bazi-primary-bg); color:var(--bazi-primary-color); }
.dawnin-bazi-tool .btn-calc { padding:11px 32px; background:var(--bazi-primary-bg); color:var(--bazi-primary-color); border:none; font-size:var(--bazi-button-size); letter-spacing:0.1em; cursor:pointer; font-family:inherit; white-space:nowrap; }
.dawnin-tool .btn-calc:hover { background:var(--gold-bright); }
.dawnin-bazi-tool .btn-settings { padding:10px 18px; min-height:43px; background:transparent; color:var(--bazi-secondary-color); border:1px solid var(--bazi-secondary-border); font-size:var(--bazi-button-size); cursor:pointer; font-family:inherit; white-space:nowrap; }
.dawnin-tool .result-grid { display:grid; grid-template-columns:1fr 320px; gap:32px; }
.dawnin-bazi-tool .chart-panel { background:var(--bazi-chart-bg); border:1px solid var(--bazi-chart-line); padding:32px; }
.dawnin-bazi-tool .chart-title { font-size:var(--bazi-section-title-size); margin-bottom:20px; color:var(--bazi-section-title-color); }
.dawnin-tool .bazi-table { width:100%; border-collapse:collapse; margin-bottom:28px; }
.dawnin-bazi-tool .bazi-table th, .dawnin-bazi-tool .bazi-table td { border:1px solid var(--bazi-chart-line); padding:10px 8px; text-align:center; font-size:var(--bazi-chart-size); color:var(--bazi-chart-color); }
.dawnin-bazi-tool .bazi-table th { background:var(--bg-elevated); color:var(--bazi-chart-accent); font-weight:500; font-size:var(--bazi-section-title-size); letter-spacing:0.1em; }
.dawnin-bazi-tool .bazi-table .label-col { background:var(--bg-elevated); color:var(--bazi-body-color); font-size:var(--bazi-body-size); text-align:left; padding-left:14px; width:80px; }
.dawnin-bazi-tool .gan, .dawnin-bazi-tool .zhi { font-family:'Noto Serif SC',serif; font-size:calc(var(--bazi-chart-size) * 1.7); font-weight:700; }
.dawnin-tool .wx-jin { color:var(--wx-jin); }
.dawnin-tool .wx-mu { color:var(--wx-mu); }
.dawnin-tool .wx-shui { color:var(--wx-shui); }
.dawnin-tool .wx-huo { color:var(--wx-huo); }
.dawnin-tool .wx-tu { color:var(--wx-tu); }
.dawnin-bazi-tool .dayun-title { font-size:var(--bazi-section-title-size); color:var(--bazi-section-title-color); margin:24px 0 12px; }
.dawnin-bazi-tool .chart-meta { font-size:var(--bazi-body-size); color:var(--bazi-body-color); margin-bottom:16px; }
.dawnin-bazi-tool .bazi-table td, .dawnin-bazi-tool .dayun-table td { font-size:var(--bazi-chart-size) !important; }
.dawnin-bazi-tool .dayun-table td span { font-size:var(--bazi-chart-size) !important; }
.dawnin-tool .dayun-table { width:100%; border-collapse:collapse; }
.dawnin-bazi-tool .dayun-table th, .dawnin-bazi-tool .dayun-table td { border:1px solid var(--bazi-chart-line); padding:8px 6px; text-align:center; font-size:var(--bazi-chart-size); color:var(--bazi-chart-color); }
.dawnin-bazi-tool .dayun-table th { background:var(--bg-elevated); color:var(--bazi-chart-accent); font-weight:500; }
.dawnin-tool .side-panel { display:flex; flex-direction:column; gap:20px; }
.dawnin-tool .side-card { background:var(--bg-card); border:1px solid var(--line); padding:24px; }
.dawnin-bazi-tool .side-card h4 { font-size:var(--bazi-section-title-size); color:var(--bazi-section-title-color); margin-bottom:16px; letter-spacing:0.08em; }
.dawnin-tool .wx-bar-item { display:flex; align-items:center; gap:12px; margin-bottom:10px; font-size:0.82rem; }
.dawnin-tool .wx-bar-label { width:32px; color:var(--text-muted); }
.dawnin-tool .wx-bar-track { flex:1; height:6px; background:var(--bg-elevated); }
.dawnin-tool .wx-bar-fill { height:100%; }
.dawnin-tool .wx-bar-num { width:30px; text-align:right; color:var(--text-warm); font-size:0.8rem; }
.dawnin-bazi-tool .info-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--bazi-chart-line); font-size:var(--bazi-body-size); color:var(--bazi-body-color); }
.dawnin-bazi-tool .info-row .k, .dawnin-bazi-tool .info-row .v { color:var(--bazi-body-color); }
.dawnin-bazi-tool .info-row .v.gold { color:var(--bazi-section-title-color); }
.dawnin-tool .info-row:last-child { border:none; }
.dawnin-tool .info-row .k { color:var(--text-muted); }
.dawnin-tool .info-row .v { color:var(--text-warm); }
.dawnin-tool .info-row .v.gold { color:var(--gold-bright); }
.dawnin-tool .cta-panel { margin-top:48px; padding:40px; text-align:center; background:linear-gradient(135deg, rgba(201,169,110,0.08), rgba(201,169,110,0.02)); border:1px solid var(--line-bright); }
.dawnin-bazi-tool .cta-panel h3 { font-size:var(--bazi-section-title-size); color:var(--bazi-section-title-color); margin-bottom:12px; }
.dawnin-bazi-tool .cta-panel p { color:var(--bazi-body-color); font-size:var(--bazi-body-size); margin-bottom:24px; max-width:500px; margin-left:auto; margin-right:auto; }
.dawnin-bazi-tool .interpret-tabs button { font-size:var(--bazi-body-size); color:var(--bazi-body-color); }
.dawnin-bazi-tool .interpret-content p { font-size:var(--bazi-body-size); color:var(--bazi-body-color); }
.dawnin-bazi-tool .interpret-content p strong { color:var(--bazi-section-title-color); }
.dawnin-tool .btn-primary { display:inline-block; padding:13px 36px; background:var(--gold); color:var(--bg-deep); text-decoration:none; font-size:0.9rem; letter-spacing:0.12em; }
.dawnin-tool footer { border-top:1px solid var(--line); padding:40px 48px; text-align:center; font-size:0.75rem; color:var(--text-dim); margin-top:60px; }
.dawnin-tool .empty-state { text-align:center; padding:60px 20px; color:var(--text-dim); font-size:0.9rem; }
.dawnin-bazi-tool .saved-chart-list { display:flex; flex-wrap:wrap; gap:8px; }
.dawnin-bazi-tool .saved-chart-item { padding:8px 12px; background:var(--bg-card); color:var(--text-warm); border:1px solid var(--line); cursor:pointer; font:inherit; }
.dawnin-bazi-tool .saved-chart-item small { color:var(--text-dim); margin-left:6px; }

  @media (max-width:900px) {
    .dawnin-tool nav { padding:14px 20px; }
.dawnin-tool .nav-links { display:none; }
.dawnin-tool .page-wrap { padding:80px 20px 40px; }
.dawnin-tool .input-grid { grid-template-columns:1fr 1fr; }
.dawnin-tool .result-grid { grid-template-columns:1fr; }
  }