.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);
  }
.dawnin-ziwei-tool { --ziwei-chart-size:15px; --ziwei-chart-color:#e8e0d0; --ziwei-chart-bg:#111827; --ziwei-chart-line:rgba(201,169,110,0.15); --ziwei-chart-accent:#e0c088; --ziwei-page-title-size:32px; --ziwei-page-title-color:#e8e0d0; --ziwei-page-sub-size:16px; --ziwei-page-sub-color:#8b7355; --ziwei-breadcrumb-size:13px; --ziwei-breadcrumb-color:#6b6355; --ziwei-section-title-size:17px; --ziwei-section-title-color:#e0c088; --ziwei-body-size:15px; --ziwei-body-color:#9a9080; --ziwei-label-size:14px; --ziwei-label-color:#9a9080; --ziwei-input-size:16px; --ziwei-input-color:#e8e0d0; --ziwei-input-bg:#1a2236; --ziwei-button-size:16px; --ziwei-primary-color:#0a0e1a; --ziwei-primary-bg:#c9a96e; --ziwei-secondary-color:#e0c088; --ziwei-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-ziwei-tool .breadcrumb { font-size:var(--ziwei-breadcrumb-size); color:var(--ziwei-breadcrumb-color); margin-bottom:24px; }
.dawnin-ziwei-tool .breadcrumb a { color:var(--ziwei-breadcrumb-color); text-decoration:none; }
.dawnin-ziwei-tool .breadcrumb a:hover { color:var(--ziwei-section-title-color); }
.dawnin-ziwei-tool .page-title { font-size:var(--ziwei-page-title-size); color:var(--ziwei-page-title-color); margin-bottom:8px; }
.dawnin-ziwei-tool .page-sub { font-family:'Cormorant Garamond',serif; font-style:italic; color:var(--ziwei-page-sub-color); font-size:var(--ziwei-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-ziwei-tool .field label { display:block; font-size:var(--ziwei-label-size); color:var(--ziwei-label-color); margin-bottom:8px; letter-spacing:0.08em; }
.dawnin-ziwei-tool .field input, .dawnin-ziwei-tool .field select { width:100%; padding:10px 12px; background:var(--ziwei-input-bg); border:1px solid var(--ziwei-chart-line); color:var(--ziwei-input-color); font-size:var(--ziwei-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-ziwei-tool .toggle-group button { flex:1; padding:10px; background:none; border:none; color:var(--ziwei-secondary-color); cursor:pointer; font-size:var(--ziwei-button-size); font-family:inherit; transition:all .3s; }
.dawnin-ziwei-tool .toggle-group button.active { background:var(--ziwei-primary-bg); color:var(--ziwei-primary-color); }
.dawnin-ziwei-tool .btn-calc { padding:11px 32px; background:var(--ziwei-primary-bg); color:var(--ziwei-primary-color); border:none; font-size:var(--ziwei-button-size); letter-spacing:0.1em; cursor:pointer; font-family:inherit; white-space:nowrap; }
.dawnin-tool .btn-calc:hover { background:var(--gold-bright); }
.dawnin-ziwei-tool .btn-settings { padding:10px 18px; min-height:43px; background:transparent; color:var(--ziwei-secondary-color); border:1px solid var(--ziwei-secondary-border); font-size:var(--ziwei-button-size); cursor:pointer; font-family:inherit; white-space:nowrap; }

  /* 紫微十二宫格 */
.dawnin-ziwei-tool .chart-panel { background:var(--ziwei-chart-bg); border:1px solid var(--ziwei-chart-line); padding:32px; }
.dawnin-ziwei-tool .chart-title { font-size:var(--ziwei-section-title-size); margin-bottom:20px; color:var(--ziwei-section-title-color); }
.dawnin-tool .zw-grid {
    display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(4,1fr);
    gap:1px; background:var(--ziwei-chart-line); border:1px solid var(--ziwei-chart-line);
    aspect-ratio:1/1; max-width:640px; margin:0 auto 28px;
  }
.dawnin-tool .palace {
    background:var(--ziwei-chart-bg); padding:10px; position:relative;
    display:flex; flex-direction:column; overflow:hidden;
  }
.dawnin-tool .palace.life { background:rgba(201,169,110,0.06); border:1px solid var(--gold-dim); }
.dawnin-tool .palace-center {
    background:var(--bg-elevated); display:flex; flex-direction:column;
    align-items:center; justify-content:center; text-align:center; padding:12px;
  }
.dawnin-ziwei-tool .palace-name { font-size:var(--ziwei-body-size); color:var(--ziwei-chart-accent); margin-bottom:2px; }
.dawnin-ziwei-tool .palace-branch { font-family:'Noto Serif SC',serif; font-size:var(--ziwei-body-size); color:var(--ziwei-body-color); }
.dawnin-ziwei-tool .palace-center > div:first-child { font-size:var(--ziwei-section-title-size) !important; color:var(--ziwei-section-title-color) !important; }
.dawnin-ziwei-tool .palace-center > div:not(:first-child) { font-size:var(--ziwei-chart-size) !important; color:var(--ziwei-body-color) !important; }
.dawnin-ziwei-tool .palace.life .palace-name { color:var(--ziwei-chart-accent) !important; }
.dawnin-tool .palace-stars { margin-top:6px; flex:1; }
.dawnin-ziwei-tool .star-main { font-family:'Noto Serif SC',serif; font-size:calc(var(--ziwei-chart-size) * 1.25); font-weight:700; color:var(--ziwei-chart-accent); line-height:1.3; }
.dawnin-ziwei-tool .star-main.aux { font-size:var(--ziwei-chart-size); color:var(--ziwei-chart-color); font-weight:400; }
.dawnin-ziwei-tool .star-other { font-size:var(--ziwei-chart-size); color:var(--ziwei-body-color); line-height:1.5; }
.dawnin-tool .palace-age { position:absolute; bottom:6px; right:8px; font-size:0.68rem; color:var(--text-dim); }

  /* 右侧信息 */
  .dawnin-tool .result-grid { display:grid; grid-template-columns:1fr 340px; gap:32px; }
.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-ziwei-tool .side-card h4 { font-size:var(--ziwei-section-title-size); color:var(--ziwei-section-title-color); margin-bottom:16px; letter-spacing:0.08em; }
.dawnin-ziwei-tool .info-row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--ziwei-chart-line); font-size:var(--ziwei-body-size); color:var(--ziwei-body-color); }
.dawnin-ziwei-tool .info-row .k, .dawnin-ziwei-tool .info-row .v { color:var(--ziwei-body-color); }
.dawnin-ziwei-tool .info-row .v.gold { color:var(--ziwei-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-ziwei-tool .star-list { font-size:var(--ziwei-body-size); color:var(--ziwei-body-color); line-height:2; }
.dawnin-tool .star-list b { color:var(--text-warm); font-weight:500; }
.dawnin-tool .interpret-section { margin-top:40px; }
.dawnin-tool .interpret-tabs { display:flex; gap:0; border-bottom:1px solid var(--line); margin-bottom:24px; flex-wrap:wrap; }
.dawnin-tool .interpret-tabs button { padding:12px 20px; background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:0.88rem; font-family:inherit; border-bottom:2px solid transparent; transition:all .3s; margin-bottom:-1px; }
.dawnin-tool .interpret-tabs button.active { color:var(--gold-bright); border-bottom-color:var(--gold); }
.dawnin-tool .interpret-content { display:none; }
.dawnin-tool .interpret-content.active { display:block; }
.dawnin-ziwei-tool .interpret-tabs button { font-size:var(--ziwei-body-size); color:var(--ziwei-body-color); }
.dawnin-ziwei-tool .interpret-content p { font-size:var(--ziwei-body-size); color:var(--ziwei-body-color); line-height:2; margin-bottom:16px; }
.dawnin-ziwei-tool .interpret-content p strong { color:var(--ziwei-section-title-color); }
.dawnin-tool .interpret-content p strong { color:var(--text-warm); }
.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-ziwei-tool .cta-panel h3 { font-size:var(--ziwei-section-title-size); color:var(--ziwei-section-title-color); margin-bottom:12px; }
.dawnin-ziwei-tool .cta-panel p { color:var(--ziwei-body-color); font-size:var(--ziwei-body-size); margin-bottom:24px; max-width:500px; margin-left:auto; margin-right:auto; }
.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; }

  @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; }
.dawnin-tool .zw-grid { max-width:100%; }
.dawnin-tool .star-main { font-size:0.85rem; }
.dawnin-tool .palace-name { font-size:0.72rem; }
.dawnin-tool .star-other { font-size:0.6rem; }
  }

.dawnin-ziwei-tool .saved-chart-list{display:flex;flex-wrap:wrap;gap:8px}.dawnin-ziwei-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-ziwei-tool .saved-chart-item small{color:var(--text-dim);margin-left:6px}
