.sz-wnl{
  --sz-bg:#fffdf9;
  --sz-card:#fff;
  --sz-line:#eadfce;
  --sz-text:#2b241d;
  --sz-muted:#776b5d;
  --sz-accent:#9d281f;
  --sz-soft:#fff7e8;
  max-width:980px;
  margin:22px auto;
  color:var(--sz-text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  line-height:1.75
}
.sz-wnl *{box-sizing:border-box}
.sz-wnl__hero{
  display:flex;align-items:center;gap:16px;padding:24px 26px;
  background:linear-gradient(135deg,#fff8e8,#fff);
  border:1px solid #ecd9b8;border-radius:16px
}
.sz-wnl__hero-icon{
  width:62px;height:62px;flex:0 0 62px;border-radius:14px;
  display:grid;place-items:center;background:var(--sz-accent);color:#fff4dc;
  font-family:serif;font-size:32px;font-weight:700;
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.14)
}
.sz-wnl__hero h2{margin:0 0 4px;font-size:28px;line-height:1.35}
.sz-wnl__hero p{margin:0;color:var(--sz-muted);font-size:15px}
.sz-wnl__notice{
  margin-top:14px;padding:13px 16px;background:#fff9ec;border:1px solid #efdcba;
  border-radius:12px;color:#6f5833;font-size:14px
}
.sz-wnl__today{
  margin-top:16px;padding:20px 24px;background:#fff;border:1px solid var(--sz-line);
  border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:18px;
  box-shadow:0 8px 28px rgba(86,55,20,.05)
}
.sz-wnl__today-date,.sz-wnl__today-lunar{display:flex;flex-direction:column}
.sz-wnl__today-label,.sz-wnl__today-lunar>span{font-size:12px;color:#9b6c33}
.sz-wnl__today strong{font-size:22px}
.sz-wnl__today small{color:var(--sz-muted)}
.sz-wnl__converter{
  margin-top:18px;background:#fff;border:1px solid var(--sz-line);
  border-radius:16px;overflow:hidden
}
.sz-wnl__tabs{display:flex;border-bottom:1px solid var(--sz-line);background:#fffaf3}
.sz-wnl__tabs button{
  flex:1;padding:14px 12px;border:0;background:transparent;cursor:pointer;
  font:inherit;font-weight:700;color:#6e6255
}
.sz-wnl__tabs button.is-active{background:#fff;color:var(--sz-accent);box-shadow:inset 0 -3px 0 var(--sz-accent)}
.sz-wnl__panel{display:none;padding:24px}
.sz-wnl__panel.is-active{display:block}
.sz-wnl label span{display:block;margin-bottom:6px;font-size:13px;color:#695d50}
.sz-wnl input[type="number"],.sz-wnl select{
  width:100%;height:44px;border:1px solid #d9cabb;border-radius:9px;background:#fff;
  padding:0 12px;font:inherit;color:var(--sz-text);outline:none
}
.sz-wnl input:focus,.sz-wnl select:focus{border-color:#bd8c4a;box-shadow:0 0 0 3px rgba(189,140,74,.10)}
.sz-wnl__solar-form{display:grid;grid-template-columns:1.05fr 1fr 1fr auto;gap:12px;align-items:end}
.sz-wnl__lunar-form{display:grid;grid-template-columns:1.05fr 1fr 1fr auto auto;gap:12px;align-items:end}
.sz-wnl__leap{height:44px;display:flex!important;align-items:center;gap:7px;padding:0 10px;border:1px solid #e4d6c5;border-radius:9px;background:#fffaf4}
.sz-wnl__leap input{margin:0}
.sz-wnl__leap span{margin:0!important;white-space:nowrap}
.sz-wnl__primary{
  min-height:44px;border:0;border-radius:9px;background:var(--sz-accent);color:#fff;
  padding:0 20px;font:inherit;font-weight:700;cursor:pointer
}
.sz-wnl__primary:hover{filter:brightness(.95)}
.sz-wnl__hint{margin:10px 0 0;color:var(--sz-muted);font-size:12px}
.sz-wnl__result{margin:0 24px 24px;padding:20px;border-radius:13px;background:#fffaf2;border:1px solid #edddc5}
.sz-wnl__result-title{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:13px}
.sz-wnl__result-title span{font-size:13px;color:#8f744e}
.sz-wnl__result-title strong{font-size:20px}
.sz-wnl__result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sz-wnl__result-grid>div{padding:11px 12px;background:#fff;border:1px solid #eee4d5;border-radius:9px}
.sz-wnl__result-grid span{display:block;font-size:11px;color:#8a7d6e}
.sz-wnl__result-grid strong{font-size:15px}
.sz-wnl__status{margin:10px 0 0;font-size:13px;color:#9d281f;min-height:1.4em}
.sz-wnl__calendar{
  margin-top:20px;padding:22px;background:#fff;border:1px solid var(--sz-line);
  border-radius:16px
}
.sz-wnl__calendar-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}
.sz-wnl__calendar-head h3{margin:0;font-size:23px}
.sz-wnl__calendar-head p{margin:2px 0 0;color:var(--sz-muted);font-size:13px}
.sz-wnl__calendar-nav{display:flex;align-items:center;gap:8px}
.sz-wnl__calendar-nav button{
  min-width:36px;height:36px;border:1px solid #dfd0bd;background:#fff;border-radius:8px;
  cursor:pointer;font:inherit;color:#55483c
}
.sz-wnl__calendar-nav strong{min-width:100px;text-align:center}
.sz-wnl__calendar-nav .sz-wnl__today-btn{padding:0 12px}
.sz-wnl__weekdays,.sz-wnl__calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.sz-wnl__weekdays{border:1px solid #eee2d3;border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden;background:#fffaf3}
.sz-wnl__weekdays span{text-align:center;padding:8px 4px;font-size:12px;color:#887764}
.sz-wnl__calendar-grid{border-left:1px solid #eee2d3;border-top:1px solid #eee2d3}
.sz-wnl__day{
  min-height:84px;padding:8px 9px;border:0;border-right:1px solid #eee2d3;border-bottom:1px solid #eee2d3;
  background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--sz-text);position:relative
}
.sz-wnl__day:hover{background:#fff9ef}
.sz-wnl__day.is-other{background:#fbfaf8;color:#b5aa9d}
.sz-wnl__day.is-today{box-shadow:inset 0 0 0 2px var(--sz-accent)}
.sz-wnl__day.is-selected{background:#fff2e4}
.sz-wnl__day-solar{display:block;font-size:16px;font-weight:700;line-height:1.3}
.sz-wnl__day-lunar{display:block;margin-top:6px;font-size:11px;color:#8b7967;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sz-wnl__day.is-other .sz-wnl__day-lunar{color:#b9afa4}
.sz-wnl__intro{
  margin-top:20px;padding:22px 24px;background:#fff;border:1px solid var(--sz-line);border-radius:16px
}
.sz-wnl__intro h3{margin:0 0 8px;font-size:21px}
.sz-wnl__intro p{margin:7px 0;color:#675b4f}
.sz-wnl__error{margin-top:12px;padding:12px;border-radius:8px;background:#fff1f0;color:#9d281f}
@media(max-width:760px){
  .sz-wnl{margin:12px auto}
  .sz-wnl__hero{padding:19px 17px;align-items:flex-start}
  .sz-wnl__hero-icon{width:52px;height:52px;flex-basis:52px;font-size:27px}
  .sz-wnl__hero h2{font-size:22px}
  .sz-wnl__today{grid-template-columns:1fr;padding:17px}
  .sz-wnl__panel{padding:18px 14px}
  .sz-wnl__solar-form,.sz-wnl__lunar-form{grid-template-columns:1fr}
  .sz-wnl__leap{justify-content:flex-start}
  .sz-wnl__primary{width:100%}
  .sz-wnl__result{margin:0 14px 16px;padding:15px}
  .sz-wnl__result-title{display:block}
  .sz-wnl__result-title strong{display:block;margin-top:3px}
  .sz-wnl__result-grid{grid-template-columns:1fr 1fr}
  .sz-wnl__calendar{padding:17px 10px}
  .sz-wnl__calendar-head{align-items:flex-start;flex-direction:column}
  .sz-wnl__calendar-nav{width:100%;justify-content:space-between}
  .sz-wnl__calendar-nav strong{min-width:0}
  .sz-wnl__day{min-height:66px;padding:6px 4px}
  .sz-wnl__day-solar{font-size:14px}
  .sz-wnl__day-lunar{font-size:10px}
}
@media(max-width:420px){
  .sz-wnl__result-grid{grid-template-columns:1fr}
  .sz-wnl__calendar-nav{gap:4px}
  .sz-wnl__calendar-nav button{min-width:31px;padding:0 6px}
}
/* v1.0.1 节气增强 */
.sz-wnl__today-term{margin-top:3px;color:#9a6c2f!important;font-weight:600}
.sz-wnl__day.is-term .sz-wnl__day-lunar{color:var(--sz-accent);font-weight:700}
.sz-wnl__day.is-term:not(.is-other){background:#fffdf8}
.sz-wnl__result-grid>div:last-child strong{color:#8e5b22}

/* v1.0.2 公历年月日分栏 */
.sz-wnl__solar-form label,.sz-wnl__lunar-form label{min-width:0}