/* s01bazi 站群八字首页 v2 */
fss,acronym,time,sdu,tcenter,stysle,ssmall,areass,abbr,sadw,dfn,noscripta,ecode,is,font,tyyt,sup{display:none!important;width:0!important;height:0!important;overflow:hidden!important;line-height:0!important;font-size:0!important;margin:0!important;padding:0!important;border:0!important}

.s01{
  --s01-max:720px;
  --s01-bg:#f5f0e8;
  --s01-surface:#fff;
  --s01-primary:#5c3d2e;
  --s01-accent:#8b5a3c;
  --s01-muted:#8d6e63;
  --s01-border:#e8dfd4;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--s01-bg);
  color:#333;
  line-height:1.6;
  min-height:100vh;
}
.s01 *{box-sizing:border-box}
.s01 a{color:var(--s01-primary);text-decoration:none}
.s01-wrap{max-width:var(--s01-max);margin:0 auto;padding:0 12px 32px}
#fm-calc-result{scroll-margin-top:12px}

.s01-hero{
  background:linear-gradient(135deg,#4a2f22,#7a4f32);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.s01-hero::after{
  content:"命";
  position:absolute;right:8px;bottom:-20px;
  font-size:120px;opacity:.07;font-family:KaiTi,serif;line-height:1;
}
.s01-hero-inner{max-width:var(--s01-max);margin:0 auto;padding:28px 16px 32px;position:relative;z-index:1}
.s01-hero h1{font-size:1.2rem;font-weight:700;margin:0 0 8px;line-height:1.4}
.s01-hero-sub{font-size:.85rem;opacity:.9;margin:0}

.s01-nav{
  display:flex;gap:8px;flex-wrap:wrap;
  padding:12px 0 4px;font-size:.78rem;
}
.s01-nav a{
  padding:6px 12px;background:#fff;border-radius:20px;
  border:1px solid var(--s01-border);color:var(--s01-primary);
}

.s01-form-card,.s01-result,.s01-hl,.s01-panel,.s01-seo,.s01-art,.s01-links,.s01-ad-icons{
  background:var(--s01-surface);
  border-radius:14px;
  padding:20px 18px;
  margin-bottom:14px;
  box-shadow:0 2px 16px rgba(92,61,46,.08);
}
.s01-form-card{position:relative}
.s01-form-card::before{
  content:"";position:absolute;top:0;left:16px;right:16px;height:3px;
  background:linear-gradient(90deg,var(--s01-accent),#c49a6c,var(--s01-accent));
  border-radius:0 0 3px 3px;
}
.s01-form-card h2{font-size:1.1rem;color:var(--s01-primary);margin:0}
.s01-tip{font-size:.78rem;color:var(--s01-muted);margin:6px 0 0}

/* ── 表单头部 ── */
.s01-form-header{text-align:center;padding-bottom:16px;margin-bottom:4px}
.s01-form-header{padding-bottom:16px;margin-bottom:4px}

/* ── 字段分组 ── */
.s01-fgroup{background:#faf7f2;border-radius:12px;padding:14px 16px;margin-bottom:12px}
.s01-fgroup-title{
  font-size:.85rem;font-weight:700;color:var(--s01-primary);
  margin-bottom:12px;padding-bottom:8px;
  border-bottom:1px dashed var(--s01-border);
  display:flex;align-items:center;gap:6px;
}

.s01-fgroup-body{display:flex;flex-direction:column;gap:12px}

/* ── 表单行 ── */
.s01-form-row{display:flex;flex-direction:column;gap:5px}
.s01-form-row>label{
  font-size:.82rem;font-weight:500;color:#666;padding-left:2px;
}

/* ── 输入框容器 ── */
.s01-input-wrap{
  position:relative;
}
.s01-input-wrap input,.s01-input-wrap select{
  width:100%;padding:11px 14px;
  border:1.5px solid #e0d6c8;border-radius:10px;
  font-size:.92rem;color:#333;
  background:#fff;outline:none;
  transition:border-color .25s,box-shadow .25s;
}
.s01-input-wrap input:focus{
  border-color:var(--s01-accent);
  box-shadow:0 0 0 3px rgba(139,90,60,.12);
}
.s01-input-wrap input::placeholder{color:#bbb}

/* ── 性别切换按钮组 ── */
.s01-sex-group{display:flex;gap:10px}
.s01-sex-btn{
  flex:1;display:block;position:relative;cursor:pointer;
}
.s01-sex-btn input{position:absolute;opacity:0;pointer-events:none}
.s01-sex-btn span{
  display:flex;align-items:center;justify-content:center;gap:4px;
  padding:10px 0;border-radius:10px;font-size:.92rem;font-weight:500;
  border:1.5px solid #e0d6c8;background:#fff;color:#888;
  transition:all .25s;
}
.s01-sex-btn input:checked+span{
  border-color:var(--s01-accent);background:#fcf6ee;color:var(--s01-primary);
  box-shadow:0 0 0 3px rgba(139,90,60,.08);
}

/* ── 日期三字段 ── */
.s01-date-group{
  display:flex;align-items:center;gap:0;
  background:#fff;border:1.5px solid #e0d6c8;border-radius:10px;
  overflow:hidden;padding:0 4px;
}
.s01-date-group:focus-within{
  border-color:var(--s01-accent);
  box-shadow:0 0 0 3px rgba(139,90,60,.12);
}
.s01-date-field{
  flex:1;display:flex;align-items:center;position:relative;
}
.s01-date-field input{
  width:100%;padding:11px 6px 11px 12px;border:none;outline:none;
  font-size:.92rem;text-align:center;background:transparent;
}
.s01-date-field input::-webkit-outer-spin-button,
.s01-date-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.s01-date-field input[type=number]{-moz-appearance:textfield}
.s01-date-unit{font-size:.75rem;color:#999;padding-right:8px;white-space:nowrap}
.s01-date-split{color:#d5c9b8;font-size:.85rem;padding:0 2px;user-select:none}

/* ── 下拉选择框 ── */
.s01-select-wrap{position:relative}
.s01-select-wrap::after{
  content:"▾";position:absolute;right:14px;top:50%;transform:translateY(-50%);
  font-size:.75rem;color:#b0a090;pointer-events:none;
}
.s01-select-wrap select{
  appearance:none;-webkit-appearance:none;
  padding-right:36px;cursor:pointer;background:#fff;
}

/* ── 提交按钮 ── */
.s01-submit{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;margin-top:4px;padding:14px 20px;
  background:linear-gradient(135deg,var(--s01-accent),#a0714a);
  color:#fff;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;
  cursor:pointer;letter-spacing:2px;
  transition:transform .2s,box-shadow .25s;
  box-shadow:0 4px 14px rgba(139,90,60,.25);
}
.s01-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 20px rgba(139,90,60,.35);
}
.s01-submit:active{transform:translateY(0);box-shadow:0 2px 8px rgba(139,90,60,.2)}
.s01-submit svg{transition:transform .3s}
.s01-submit:hover svg{transform:translateX(3px)}

.s01-error{color:#c0392b;padding:14px;background:#fdecea;border-radius:10px;margin-bottom:14px;font-size:.9rem}
.s01-result-hd{margin-bottom:12px}
.s01-result-hd span{font-size:.82rem;color:var(--s01-muted)}
.s01-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;text-align:center}
.s01-stat{background:#faf6f0;border-radius:8px;padding:10px 6px}
.s01-stat b{display:block;font-size:.95rem;color:var(--s01-primary);word-break:break-all}
.s01-stat span{font-size:.72rem;color:#888}
.s01-meta{font-size:.85rem;color:#666;margin:8px 0}

.s01-table-wrap{overflow-x:auto;margin:10px 0}
.s01-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:320px}
.s01-table th,.s01-table td{border:1px solid var(--s01-border);padding:8px 4px;text-align:center}
.s01-table th{background:#faf6f0;color:var(--s01-primary)}

/* ── 面板容器 ── */
.s01-panel{
  background:#faf7f2;border-radius:12px;
  padding:16px;margin-top:14px;
}

/* ── 面板标题（左装饰条） ── */
.s01-panel-hd{
  display:flex;align-items:center;gap:10px;
  margin-bottom:14px;padding-bottom:10px;
  border-bottom:1px dashed var(--s01-border);
  position:relative;
}
.s01-panel-hd::before{
  content:"";width:3px;align-self:stretch;
  background:linear-gradient(to bottom,var(--s01-accent),#c49a6c);
  border-radius:2px;flex-shrink:0;
}
.s01-panel h3{
  font-size:.92rem;font-weight:700;color:var(--s01-primary);
  margin:0;line-height:1.3;
}

/* ── 概要网格（五行分析/节气神煞） ── */
.s01-summary{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.s01-summary>div{
  background:#fff;border-radius:8px;padding:10px 12px;
  border:1px solid var(--s01-border);
  transition:box-shadow .2s;
}
.s01-summary label{
  display:block;font-size:.72rem;color:#999;margin-bottom:2px;
}
.s01-summary span{
  font-size:.88rem;color:#444;font-weight:500;
}

/* ── 五行环 ── */
.s01-wx{
  display:flex;justify-content:space-around;gap:10px;
  margin-top:14px;padding:14px 10px;
  background:#fff;border-radius:10px;border:1px solid var(--s01-border);
}
.s01-wx-item{text-align:center;font-size:.75rem;color:#666}
.s01-wx-ring{
  width:56px;height:56px;border-radius:50%;margin:0 auto 6px;
  background:conic-gradient(var(--s01-accent) var(--pct),#e8ddd0 0);
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.s01-wx-ring span{
  width:42px;height:42px;border-radius:50%;background:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:.82rem;color:var(--s01-primary);
}
.s01-wx-item em{font-style:normal;font-size:.72rem;color:#999;display:block}

/* ── 命盘信息网格 ── */
.s01-meta-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.s01-meta-grid>div{
  background:#fff;border-radius:8px;padding:8px 12px;
  border:1px solid var(--s01-border);
  display:flex;align-items:center;gap:8px;
}
.s01-meta-grid label{
  color:#999;font-size:.72rem;white-space:nowrap;flex-shrink:0;
}
.s01-meta-grid span{
  font-size:.85rem;color:var(--s01-primary);font-weight:500;
}

/* ── 大运（里程碑式） ── */
.s01-dayun{display:flex;flex-wrap:wrap;gap:10px}
.s01-dayun-item{
  flex:1 1 calc(50% - 10px);min-width:130px;
  background:#fff;border-radius:10px;padding:12px 10px;
  text-align:center;border:1px solid var(--s01-border);
  position:relative;overflow:hidden;
  transition:box-shadow .2s,transform .2s;
}
.s01-dayun-item::before{
  content:"";position:absolute;top:0;left:15%;right:15%;height:3px;
  background:linear-gradient(90deg,transparent,var(--s01-accent),transparent);
  border-radius:0 0 3px 3px;
}
.s01-dayun-item span{font-size:.73rem;color:#999;display:block}
.s01-dayun-item b{
  display:block;font-size:1rem;color:var(--s01-primary);
  margin:6px 0;font-weight:700;letter-spacing:1px;
}

.s01-ad-script{
  background:var(--s01-surface);border-radius:14px;
  padding:16px 18px;margin-bottom:14px;
  box-shadow:0 2px 16px rgba(92,61,46,.08);
}
.s01-ad-lead{font-size:.82rem;color:#666;margin-bottom:10px;line-height:1.5}
.s01-ad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.s01-ad-grid a{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  font-size:.72rem;color:#555;text-align:center;
  background:#faf7f2;border-radius:10px;padding:14px 6px 10px;
  border:1px solid var(--s01-border);
  transition:box-shadow .2s,transform .2s;
}
.s01-ad-grid a:hover{box-shadow:0 2px 8px rgba(92,61,46,.1);transform:translateY(-1px)}
.s01-ad-grid img{width:66px;height:66px;object-fit:contain}

/* ── 黄历 ── */
.s01-hl{position:relative}
.s01-hl::before{
  content:"";position:absolute;top:0;left:16px;right:16px;height:3px;
  background:linear-gradient(90deg,var(--s01-accent),#c49a6c,var(--s01-accent));
  border-radius:0 0 3px 3px;
}

/* 标题区 */
.s01-hl-head{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.s01-hl-badge{
  width:54px;height:54px;border-radius:12px;
  background:linear-gradient(135deg,var(--s01-accent),#a0714a);
  color:#fff;text-align:center;line-height:1.1;padding-top:9px;flex-shrink:0;
  box-shadow:0 3px 8px rgba(139,90,60,.2);
}
.s01-hl-badge b{display:block;font-size:1.35rem}
.s01-hl-badge span{font-size:.68rem;opacity:.9}
.s01-hl h2{font-size:1.08rem;color:var(--s01-primary);margin:0 0 2px}
.s01-hl-ts{font-size:.78rem;color:var(--s01-muted);margin:0}

/* 日期信息行 */
.s01-hl-date-card{
  background:#faf7f2;border-radius:10px;padding:10px 14px;margin-bottom:10px;
}
.s01-hl-gongli{font-size:1rem;margin-bottom:4px}
.s01-hl-gongli strong{color:var(--s01-primary)}
.s01-hl-nongli,.s01-hl-gz{font-size:.82rem;color:#777;margin-bottom:3px}
.s01-hl-nongli:last-child,.s01-hl-gz:last-child{margin-bottom:0}

/* 宜忌 */
.s01-hl-yiji{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.s01-hl-yi,.s01-hl-ji{
  border-radius:10px;padding:12px 14px;
}
.s01-hl-yi{background:#f6faf3;border:1px solid #dce8d0}
.s01-hl-ji{background:#faf4f2;border:1px solid #e8d4cc}
.s01-hl-yi label,.s01-hl-ji label{
  display:block;font-weight:700;font-size:.85rem;margin-bottom:8px;
}
.s01-hl-yi label{color:#4a7a3a}
.s01-hl-ji label{color:#a0522a}
.s01-tags{font-size:.8rem;line-height:1.9}
.s01-tags span,.s01-tags a{
  display:inline-block;padding:1px 8px;margin:2px 2px;
  border-radius:4px;font-size:.78rem;
}
.s01-hl-yi .s01-tags span,.s01-hl-yi .s01-tags a{background:#edf5e6;color:#3d6b2e}
.s01-hl-ji .s01-tags span,.s01-hl-ji .s01-tags a{background:#f5e6e0;color:#8b4513}

/* 神煞 */
.s01-hl-gods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.s01-hl-gods div{
  background:#faf7f2;border-radius:8px;padding:10px 6px;text-align:center;font-size:.82rem;
  border:1px solid var(--s01-border);
}
.s01-hl-gods i{font-style:normal;display:block;color:#999;font-size:.7rem;margin-bottom:2px}
.s01-hl-gods b{color:var(--s01-primary);font-size:.9rem}
.s01-wide{grid-column:span 2}

/* 详情列表 */
.s01-hl-detail{margin:14px 0 0;font-size:.82rem}
.s01-hl-detail>div{
  display:grid;grid-template-columns:76px 1fr;gap:10px;
  padding:10px 12px;border-radius:8px;
}
.s01-hl-detail>div:nth-child(odd){background:#faf7f2}
.s01-hl-detail dt{
  color:#888;margin:0;font-weight:500;padding-left:2px;
}
.s01-hl-detail dd{
  margin:0;color:#555;line-height:1.6;
}

.s01-art h3,.s01-links h3{font-size:.95rem;color:var(--s01-primary);margin:0 0 10px}
.s01-art a{display:block;padding:10px 0;border-bottom:1px solid var(--s01-border);font-size:.85rem;color:#444}
.s01-art a:last-child{border-bottom:0}
.s01-rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.s01-rec-grid a{
  display:flex;align-items:center;gap:8px;font-size:.78rem;color:#555;
  background:#faf6f0;border-radius:8px;padding:8px;
}
.s01-rec-grid img{width:40px;height:40px;border-radius:6px;object-fit:cover}

.s01-seo h2{font-size:.95rem;color:var(--s01-primary);margin:16px 0 8px}
.s01-seo h2:first-child{margin-top:0}
.s01-seo p{font-size:.85rem;color:#555;margin-bottom:10px;text-align:justify}
.s01-article-block{margin-top:16px;padding-top:12px;border-top:1px dashed var(--s01-border)}
.s01-article-block:first-of-type{border-top:0;margin-top:0;padding-top:0}
.s01-article-block h3{font-size:.95rem;color:var(--s01-primary);margin:0 0 6px}
.s01-article-sub{font-size:.82rem;color:var(--s01-muted);margin:0 0 8px}

.s01-foot{
  text-align:center;font-size:.75rem;color:#999;
  padding:16px 12px 24px;border-top:1px solid var(--s01-border);
}
.s01-foot p{margin:4px 0}

@media (max-width:480px){
  .s01-ad-grid{grid-template-columns:repeat(4,1fr)}
  .s01-summary,.s01-meta-grid{grid-template-columns:1fr}
  .s01-hl-gods{grid-template-columns:repeat(2,1fr)}
  .s01-wide{grid-column:span 1}
  .s01-hl-yiji{grid-template-columns:1fr}
}