/* ============ 全局：国风色板 ============ */
:root{
  --cream:#f8efe0;         /* 米色底 */
  --cream2:#fdf7ea;
  --orange:#d98a4b;        /* 暖橙 */
  --red:#b03a2e;           /* 朱红 主强调 */
  --gold:#c9a24b;          /* 金黄 */
  --brown:#4a3a2c;         /* 深棕 标题 */
  --ink:#5a4636;           /* 正文 */
  --line:#e3cf9f;          /* 边框金线 */
  --card:#fdf6e7;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:"KaiTi","STKaiti","楷体","SimSun","Songti SC",serif;
  color:var(--ink);
  background:
    radial-gradient(1200px 600px at 85% -10%, rgba(217,138,75,.20), transparent 60%),
    radial-gradient(1000px 500px at -10% 20%, rgba(201,162,75,.16), transparent 55%),
    linear-gradient(180deg,#f7edda 0%,#f8efe0 45%,#f7edda 100%);
  min-height:100vh;
}
/* 页面顶部细金线装饰 */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(201,162,75,.25) 0 2px, transparent 2.5px),
    radial-gradient(circle at 88% 18%, rgba(217,138,75,.20) 0 2px, transparent 2.5px),
    radial-gradient(circle at 30% 92%, rgba(176,58,46,.12) 0 2px, transparent 2.5px);
  background-size:340px 260px;
}
#app{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:14px 14px 60px;}

/* ============ 顶部主视觉 ============ */
.hero{
  position:relative;overflow:hidden;border-radius:12px;text-align:center;
  color:#5b2f18;padding:12px 16px 10px;margin-bottom:12px;
  background:linear-gradient(160deg,#fdf3e0 0%,#f8e7c6 100%);
  border:1px solid #e6bd7f;
  box-shadow:none;
}
.hero .sun{position:absolute;right:24px;top:16px;width:44px;height:44px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#f7d89a,#e0704f 70%);box-shadow:0 0 26px rgba(224,112,79,.6);}
.hero svg.mountains{position:absolute;left:0;right:0;bottom:0;width:100%;opacity:.55;}
.hero .title{font-size:30px;font-weight:700;letter-spacing:4px;text-shadow:0 1px 0 rgba(255,255,255,.5);}
.hero .sub{margin-top:6px;font-size:14px;letter-spacing:2px;color:#8a4a26;}
.hero .count{margin-top:12px;display:inline-block;font-size:13px;color:#7c3f20;background:rgba(255,255,255,.5);
  border:1px dashed #c98a4a;padding:3px 12px;border-radius:999px;}

/* ============ 首页·三功能入口（设计稿·青黛点缀） ============ */
.feat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;}
.feat-card{position:relative;display:block;border:1px solid #b9cdc0;border-radius:14px;background:linear-gradient(160deg,#f8faf7,#eef4ef);padding:18px 12px;text-align:center;text-decoration:none;color:#2b3a35;box-shadow:0 4px 14px rgba(47,93,80,.10);transition:transform .12s, box-shadow .12s;cursor:pointer;}
.feat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(47,93,80,.18);}
.feat-card .ic{width:40px;height:40px;border-radius:12px;background:linear-gradient(160deg,#2f5d50,#4a7a63);color:#f0f7f2;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:20px;font-weight:700;font-family:inherit;box-shadow:0 3px 8px rgba(47,93,80,.25);}
.feat-card .nm{font-size:16px;font-weight:700;letter-spacing:1px;color:#2f5d50;}
.feat-card .de{font-size:12px;color:#5f7370;margin-top:4px;letter-spacing:.5px;line-height:1.4;}
@media (max-width:560px){.feat-cards{grid-template-columns:1fr 1fr 1fr;gap:8px;}.feat-card{padding:14px 6px;}.feat-card .ic{width:34px;height:34px;font-size:17px;}.feat-card .nm{font-size:14px;}.feat-card .de{font-size:11px;}}

/* ============ 卡片通用 ============ */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 4px 16px rgba(120,80,30,.06);margin-bottom:16px;overflow:hidden;}
.card .hd{padding:13px 16px;border-bottom:1px dashed var(--line);display:flex;align-items:center;gap:10px;}
.card .hd .seal{flex:none;width:26px;height:26px;background:var(--red);color:#f7efe3;border-radius:6px;
  display:flex;align-items:center;justify-content:center;font-size:15px;}
.card .hd h2{font-size:19px;color:var(--brown);letter-spacing:1px;font-weight:700;}
.card .hd .tag{margin-left:auto;font-size:12px;color:#a4682f;border:1px solid var(--gold);padding:1px 8px;border-radius:999px;white-space:nowrap;}
/* 断命页内复用时空卡片款式：盖过 #view-duming .tag 的旧药丸样式，保证与时空页 AI 解析卡片外观一致 */
#view-duming .card .hd .tag{margin:0 0 0 auto;font-size:12px;color:#a4682f;border:1px solid var(--gold);background:transparent;padding:1px 8px;}
#view-duming .card .hd h2{font-size:19px;color:var(--brown);letter-spacing:1px;font-weight:700;}
#view-duming .card .para{font-size:14.5px;line-height:1.85;color:var(--ink);}
#view-duming .card .para.ref{font-size:12px;color:#8a6d4f;background:#f7f0e0;border-radius:8px;padding:8px 11px;margin-top:8px;}
.card .bd{padding:16px;}

/* ============ 表单 ============ */
.field{margin-bottom:16px;}
.field label{display:block;font-size:15px;color:var(--brown);margin-bottom:7px;font-weight:700;}
.field label .req{color:var(--red);margin-right:3px;}
.input{width:100%;border:1px solid #e0c68f;border-radius:10px;background:#fffaf0;color:var(--ink);
  font-family:inherit;font-size:16px;padding:11px 12px;outline:none;transition:border .15s, box-shadow .15s;}
.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.20);}
select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234a3a2c' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.gender{display:flex;gap:12px;}
.gender label{flex:1;cursor:pointer;margin:0;}
.gender input{display:none;}
.gender .opt{border:1px solid #e0c68f;border-radius:10px;background:#fffaf0;text-align:center;padding:11px 0;
  font-size:16px;color:var(--ink);transition:.15s;}
.gender input:checked + .opt{border-color:var(--red);background:linear-gradient(160deg,#fbe7d2,#f8dcc0);color:var(--red);font-weight:700;box-shadow:0 0 0 3px rgba(176,58,46,.12);}
.btn{display:block;width:100%;border:none;border-radius:12px;cursor:pointer;font-family:inherit;
  font-size:19px;font-weight:700;letter-spacing:4px;color:#fff;padding:14px 0;
  background:linear-gradient(160deg,#c23b2e,#a83226);box-shadow:0 6px 16px rgba(176,58,46,.28);transition:transform .12s, box-shadow .12s;}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(176,58,46,.34);}
.btn:active{transform:translateY(0);}
.btn.ghost{background:linear-gradient(160deg,#e6d6ae,#dcc892);color:var(--brown);letter-spacing:2px;font-size:16px;box-shadow:none;}
.note{font-size:12px;color:#a08a62;margin-top:10px;line-height:1.6;}
.note .t{color:var(--red);}

/* ============ 四柱排盘 ============ */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.pillar{border:1px solid var(--line);border-radius:10px;background:#fffaf0;text-align:center;padding:10px 4px;}
.pillar .shishen{font-size:12px;color:#a4682f;border-bottom:1px dashed var(--line);padding-bottom:5px;margin-bottom:6px;}
.pillar .name{font-size:26px;font-weight:700;color:var(--brown);letter-spacing:3px;line-height:1.3;}
.pillar .cell{font-size:14px;color:var(--ink);letter-spacing:2px;margin-top:4px;}
.pillar .cang{margin-top:7px;padding-top:6px;border-top:1px dashed #eee0bc;font-size:12px;color:#a08a62;line-height:1.5;}
.pillar .lb{font-size:11px;color:#b98f55;letter-spacing:1px;margin-bottom:2px;}
.pillar .master .name{color:var(--red);}
.bazi-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:13px;color:#8a6a40;}
.bazi-meta span{background:#f7edd8;border:1px solid var(--line);border-radius:999px;padding:3px 11px;}

/* ============ 五行占比 ============ */
.wx-row{display:grid;grid-template-columns:54px 1fr 52px;align-items:center;gap:10px;margin-bottom:12px;}
.wx-row .wx{font-size:16px;color:var(--brown);font-weight:700;}
.wx-row .bar{height:18px;border-radius:9px;background:#efe4c8;overflow:hidden;border:1px solid #e0c68f;}
.wx-row .bar i{display:block;height:100%;border-radius:9px 0 0 9px;transition:width .8s cubic-bezier(.2,.8,.2,1);}
.wx-row .pct{font-size:14px;color:var(--red);font-weight:700;text-align:right;}
.wx-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#8a6a40;margin-top:8px;}
.wx-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:4px;vertical-align:-1px;}

/* ============ 喜用 / 性格 ============ */
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;}
.badge{flex:1 1 150px;border:1px solid var(--line);border-radius:10px;background:#fffaf0;padding:10px 12px;}
.badge .k{font-size:12px;color:#a4682f;letter-spacing:1px;}
.badge .v{font-size:20px;color:var(--red);font-weight:700;margin-top:3px;}
.badge .d{font-size:12px;color:#a08a62;margin-top:2px;}
.para{font-size:14.5px;line-height:1.85;color:var(--ink);}
.para b{color:var(--red);}
.para .hl{color:var(--red);font-weight:700;}

/* ============ 名字列表 ============ */
.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;}
.name-card{border:1px solid var(--line);border-radius:11px;background:#fffaf0;padding:10px 12px;cursor:pointer;transition:transform .12s, box-shadow .12s;position:relative;}
.name-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(120,80,30,.12);}
.name-card .nm{font-size:22px;color:var(--brown);font-weight:700;letter-spacing:2px;line-height:1.4;}
.name-card .nm .surname{color:var(--red);}
.name-card .info{font-size:12px;color:#a4682f;margin-top:3px;letter-spacing:.5px;}
.name-card .mean{font-size:12px;color:#8a7a5c;line-height:1.6;margin-top:5px;border-top:1px dashed #eee0bc;padding-top:5px;}
.name-card .cizu{margin-top:5px;font-size:11px;color:#b3802f;background:#f7edd8;border-radius:5px;padding:2px 7px;display:inline-block;}
.name-card .fav{position:absolute;top:8px;right:10px;font-size:14px;}
.name-card .nx{display:inline-block;font-size:11px;color:#7c6a48;border:1px solid #e3cf9f;border-radius:999px;padding:0 7px;margin-right:4px;}
.name-card .gua{margin-top:6px;font-size:13px;color:#8a4a26;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.name-card .gua .lv{font-size:12px;border-radius:5px;padding:0 6px;color:#fff;}
.name-card .gua .tiyong{margin-left:2px;font-size:11.5px;color:#a4682f;font-weight:600;}
.lv-吉{background:#c0392b;}
.lv-中{background:#c98a3a;}
.lv-慎{background:#8a7a5c;}
.name-card .zhiyao{font-size:11px;color:#b98f55;margin-top:2px;}
.name-card .shu{font-size:11px;margin-top:3px;padding:3px 6px;border-radius:6px;background:#fbf3e0;line-height:1.5;}
.sh-good{color:#2f7d46;} .sh-bad{color:#c0392b;} .sh-mid{color:#c77f1a;}
.btn.redraw{margin-top:14px;background:linear-gradient(135deg,#b03a2e,#d96a3f);color:#fff;font-weight:600;}
.plan-bar{display:flex;gap:8px;margin-top:14px;}
.plan-bar .btn{flex:1;font-size:14px;letter-spacing:1px;}
.plan-bar .btn.ai{background:linear-gradient(135deg,#8a6a3f,#b08a52);color:#fff;}
.name-card .pick{position:absolute;top:8px;left:10px;width:18px;height:18px;border-radius:50%;border:1.5px solid #d9bf8f;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:transparent;cursor:pointer;transition:.12s;line-height:1;}
.name-card.sel{border-color:var(--red);box-shadow:0 0 0 1.5px var(--red) inset;}
.name-card.sel .pick{background:var(--red);border-color:var(--red);color:#fff;}
.name-card .nm{padding-left:24px;}
.plan-body{font-family:ui-monospace,"Microsoft YaHei",monospace;font-size:13px;line-height:1.8;white-space:pre-wrap;color:#5a4a34;max-height:60vh;overflow:auto;padding:14px 18px;}
.plan-hint{font-size:12px;color:#a08a62;padding:0 18px 6px;}
.home-hero{padding:26px 20px 22px;background:linear-gradient(150deg,#7a4a22,#9a6a3a);color:#fffaf0;text-align:center;border-radius:0 0 18px 18px;margin:-14px -14px 16px;}
.home-hero .hero-brand{letter-spacing:6px;font-size:14px;opacity:.85;margin-bottom:8px;}
.home-hero h1{font-size:26px;font-weight:800;line-height:1.5;margin:0 0 10px;letter-spacing:3px;}
.home-hero .hero-sub{font-size:12.5px;opacity:.9;}
.feat{list-style:none;margin:10px 0 0;padding:0;}
.feat li{font-size:13px;line-height:1.8;color:#6a543a;padding:7px 0;border-bottom:1px dashed #eee0bc;padding-left:14px;position:relative;}
.feat li::before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:var(--red);}
.feat li b{color:var(--brown);}
.price-card .price-big{text-align:center;padding:8px 0 4px;}
.price-big b{font-size:44px;color:var(--red);font-weight:800;}
.price-big i{font-style:normal;font-size:14px;color:#a08a62;margin-left:6px;}
.price-note{font-size:13px;color:#7c6a48;text-align:center;margin:6px 0 12px;}
.open-ways{display:flex;flex-direction:column;gap:10px;}
.open-item{background:#f7edd8;border:1px solid #e8d7b0;border-radius:10px;padding:10px 12px;font-size:13px;color:#7c6a48;}
.open-item b{color:var(--brown);display:block;margin-bottom:3px;}
.member-box input{width:100%;padding:10px 12px;border:1px solid #e3cf9f;border-radius:9px;font-size:14px;background:#fff;letter-spacing:1px;}
.member-msg{font-size:13px;margin-top:8px;min-height:18px;}
.member-on{font-size:14px;color:#4d7a4d;font-weight:600;text-align:center;padding:8px;}
.modal-overlay{position:fixed;inset:0;background:rgba(60,30,10,.42);display:none;align-items:center;justify-content:center;z-index:99;padding:20px;}
.modal-overlay.show{display:flex;}
.modal{background:#fffaf0;border:1px solid #e3cf9f;border-radius:16px;max-width:660px;width:100%;max-height:86vh;overflow:auto;box-shadow:0 20px 60px rgba(60,30,10,.35);}
.m-hd{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px dashed #e3cf9f;position:sticky;top:0;background:#fffaf0;}
.m-hd h3{font-size:24px;color:var(--brown);letter-spacing:2px;margin:0;}
.m-x{margin-left:auto;background:none;border:1px solid #d8c29a;border-radius:8px;color:#8a4a26;font-size:18px;width:32px;height:32px;cursor:pointer;line-height:1;}
.m-meta{display:flex;gap:14px;flex-wrap:wrap;padding:12px 20px;font-size:13px;color:#a4682f;background:#fdf6e8;border-bottom:1px dashed #e3cf9f;}
.dl-row{display:flex;gap:14px;padding:12px 20px;border-bottom:1px dashed #eee0bc;font-size:14px;line-height:1.8;}
.dl-row>span{flex:0 0 76px;color:#a08a62;font-size:13px;}
.dl-row b{color:var(--brown);}
.dlv{font-size:12px;border-radius:5px;padding:0 6px;color:#fff;}
.dshu{font-size:15px;}
 .dmeans{flex:1;}
.gua-dl{align-items:flex-start;}
.gua-detail{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0;}
.gua-detail .gd-head{font-size:15.5px;color:var(--brown);font-weight:700;}
.gua-detail .gd-head i{font-style:normal;font-size:12px;color:#a08a62;font-weight:500;margin-left:8px;}
.gua-detail .gd-line{font-size:13px;color:#6b5b43;line-height:1.7;}
.gua-detail .gd-line b{color:var(--red);}
.gua-detail .gd-line .dlv2{font-weight:700;}
.gua-detail .gd-line .dlv2.ok{color:#2f7d3a;}
.gua-detail .gd-line .dlv2.mid{color:#c8872a;}
.gua-detail .gd-line .dlv2.bad{color:#c0392b;}
.gua-detail .gd-line.persona{font-size:12.5px;color:#a4682f;background:#f7edd8;border-left:3px solid var(--red);padding:6px 10px;border-radius:6px;margin-top:3px;}
.dmean{display:flex;gap:8px;align-items:baseline;padding:3px 0;flex-wrap:wrap;}
.dmean .dm-src{width:100%;font-size:12px;color:#a4682f;margin:1px 0 3px;line-height:1.6;}
.dmean b{font-size:22px;color:var(--red);}
.dmean span{color:#8a7a5c;font-size:13px;}
/* 梅花姓名卦 说明区 */
.gua-intro{border:1px solid var(--line);border-radius:11px;background:#fffaf0;padding:12px 14px;margin-bottom:12px;}
.gua-intro .t{font-size:14px;color:var(--brown);font-weight:700;margin-bottom:6px;}
.gua-intro .row{display:flex;gap:10px;flex-wrap:wrap;}
.gua-intro .cell{flex:1 1 130px;background:#f7edd8;border:1px solid var(--line);border-radius:9px;padding:8px 10px;text-align:center;}
.gua-intro .cell .k{font-size:11px;color:#a4682f;}
.gua-intro .cell .v{font-size:18px;color:var(--red);font-weight:700;margin-top:2px;}
.gua-intro .cell .d{font-size:11px;color:#a08a62;margin-top:2px;}
.gua-intro .note{font-size:11.5px;color:#a08a62;margin-top:8px;line-height:1.7;}

/* ============ 页脚 / 声明 ============ */
.foot{margin-top:8px;font-size:12px;color:#a08a62;line-height:1.8;text-align:center;padding:0 8px;}
.foot b{color:var(--red);}
@media(max-width:520px){
  .row{grid-template-columns:1fr;}
  .pillars{gap:5px;}
  .pillar .name{font-size:22px;}
  .hero .title{font-size:25px;}
}

.sk-rows{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.sk-row{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8cfbe;border-radius:6px;padding:4px 10px;font-size:12.5px;background:#fffdf6;}
.sk-row i{font-style:normal;font-weight:700;min-width:22px;text-align:center;color:#5a4630;}
.sk-row em{font-style:normal;color:#8a6d4f;}
.sk-row b{font-weight:700;}
.sk-row.吉{border-left:3px solid #b04a2e;}
.sk-row.凶{border-left:3px solid #33506b;}
.sk-row.平{border-left:3px solid #b08a3a;}
.para.ref{font-size:12px;color:#8a6d4f;background:#f7f0e0;border-radius:8px;padding:8px 11px;margin-top:8px;}

.name-card .bihui{margin-top:5px;font-size:11px;color:#a06a2f;background:#fbf3e4;border-radius:5px;padding:2px 7px;line-height:1.6;}
.name-card .bihui.ok{color:#4d7a4d;background:#eef5ea;}
.name-card .bihui.bad{color:#b04a2e;background:#fbe9e4;}

/* ============ 顶部导航页签 ============ */
.tabs{display:flex;gap:10px;margin:0 0 14px;}
.tabs .tab{flex:1;padding:13px 8px;border:1px solid #e0cdb0;background:#f6eee0;color:#8a6b45;font-weight:700;font-size:15px;letter-spacing:2px;border-radius:12px;cursor:pointer;transition:all .2s;font-family:inherit;}
.tabs .tab:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(120,60,20,.12);}
.tabs .tab.on{background:#b03a2e;border-color:#b03a2e;color:#fff;}

/* ============ 大运排布 ============ */
.dayun{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.dayun .dy{flex:1 1 88px;min-width:80px;background:#fbf4e6;border:1px solid #e8d6b4;border-radius:8px;padding:6px 4px;text-align:center;}
.dayun .dy .dy-age{font-size:11px;color:#a08a62;}
.dayun .dy .dy-gz{font-size:17px;font-weight:800;color:#7a4a2a;letter-spacing:1px;margin:2px 0;}
.dayun .dy .dy-ten{font-size:11px;color:#b03a2e;}

/* ============ 九州格局 · 流年 · 调候 ============ */
.geju{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.geju span{flex:1 1 auto;text-align:center;padding:5px 8px;border:1px solid #e8d6b4;border-radius:8px;background:#fbf4e6;color:#8a6b45;font-size:12px;letter-spacing:1px;}
.geju span.geju-on{background:#b03a2e;color:#fff;border-color:#b03a2e;font-weight:700;}
.gj{color:#3c7a4e;} .gb{color:#b03a2e;} .gp{color:#9a6b00;}


/* ============ 安卓APP：底部状态栏导航 ============ */
#app{padding-bottom:76px;}
.slogan{margin:0 0 12px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#2f5d50,#4a7a63);color:#f4f8f4;text-align:center;box-shadow:0 2px 8px rgba(47,93,80,.18);}
.slogan .sm{font-size:17px;font-weight:700;letter-spacing:2px;}
.slogan .ss{margin-top:4px;font-size:12px;opacity:.88;letter-spacing:1px;}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:58px;background:#fffdf7;border-top:1px solid #e8d6b4;display:flex;z-index:60;box-shadow:0 -2px 10px rgba(120,60,20,.08);}
.bottom-nav .bn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#8a6b45;background:none;border:none;font-size:11px;letter-spacing:2px;cursor:pointer;font-family:inherit;padding:0;}
.bottom-nav .bn.on{color:#2f5d50;}
.bottom-nav .bn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;}
/* 顶部 APP 顶栏（替代大图 hero） */
.appbar-inner{position:relative;z-index:2;padding:4px 12px;text-align:center;}
.appbar-brand{font-size:20px;font-weight:900;color:#5c3418;letter-spacing:2px;}
.appbar-sub{font-size:11.5px;color:#8a6b45;letter-spacing:1px;margin-top:3px;}
@media(max-width:520px){
  .bottom-nav{height:56px;}
  #app{padding:10px 12px 72px;}
}


/* 移动端表单字号：≥16px 防 iOS 聚焦自动缩放 */
@media(max-width:640px){
  .input{font-size:16px;}
  input[type="date"],input[type="number"],input[type="text"]{font-size:16px;}
}


/* ============ 本地勾选（小九州后天） ============ */
.chk{display:flex;align-items:center;gap:8px;font-size:14px;color:#5c3418;cursor:pointer;margin-bottom:6px;}
.chk input{width:18px;height:18px;accent-color:#b03a2e;cursor:pointer;flex:none;}
.note2{font-size:12px;color:#9a6b00;line-height:1.6;margin:0;}

/* ===== 子平断命 · 结果区样式（scoped） ===== */
#view-duming{max-width:780px;margin:0 auto}

/* ============ 设计令牌 ============ */
:root{
  --dmpaper:#F2EBDB;
  --dmpaper-2:#EAE1CC;
  --dmpaper-3:#E2D7BC;
  --dmink:#2A2118;
  --dmink-2:#3E3326;
  --dmink-3:#6B5D47;
  --dmcinnabar:#B03A2E;
  --dmcinnabar-2:#8C2B21;
  --dmgold:#C9A227;
  --dmgold-2:#A9852A;
  --dmjade:#3E6B5A;
  --dmblue:#33465C;
  --dmline:#C7B896;
  --dmline-2:#D8C9A8;
  --dmwhite:#FBF8F1;
  --dmgood:#3E6B5A;
  --dmbad:#B03A2E;
  --dmmid:#8A734B;
  --dmshadow:0 6px 24px rgba(42,33,24,.10);
  --dmserif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;
  --dmsans:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
}
#view-duming /* 结果区 */
.results{margin-top:34px;max-width:680px;margin-left:auto;margin-right:auto}#view-duming .section{
  background:var(--dmwhite);
  border:1px solid var(--dmline-2);border-radius:14px;
  box-shadow:var(--dmshadow);
  margin-bottom:26px;overflow:hidden;
}#view-duming .section-head{
  display:flex;align-items:center;gap:12px;
  padding:16px 24px;border-bottom:1px solid var(--dmline-2);
  background:linear-gradient(180deg,var(--dmpaper),transparent);
}#view-duming .section-head .idx{
  font-family:var(--dmserif);font-weight:900;color:var(--dmgold-2);
  border:1.5px solid var(--dmgold);width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;
}#view-duming .section-head h2{font-size:20px;font-weight:700;letter-spacing:2px}#view-duming .section-head .sub{font-size:12px;color:var(--dmink-3);margin-left:4px}#view-duming .section-body{padding:24px}#view-duming .section-body h3{font-size:16px;color:var(--dmcinnabar-2);margin:0 0 12px;letter-spacing:1px;display:flex;align-items:center;gap:8px}#view-duming .section-body h3::before{content:"";width:4px;height:16px;background:var(--dmcinnabar);border-radius:2px}#view-duming /* 排盘表 */
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}#view-duming .pillar{
  border:1.5px solid var(--dmline);border-radius:12px;text-align:center;
  background:linear-gradient(180deg,var(--dmpaper),var(--dmwhite));
  overflow:hidden;
}#view-duming .pillar .p-head{background:var(--dmink);color:var(--dmgold);font-size:14px;letter-spacing:3px;padding:7px 0;font-family:var(--dmserif)}#view-duming .pillar .p-row{font-family:var(--dmserif);padding:8px 0;font-size:26px;font-weight:700;letter-spacing:1px}#view-duming .pillar .p-row.small{font-size:15px;padding:7px 0;color:var(--dmink-2)}#view-duming .pillar .p-row .ten{font-size:12px;color:var(--dmink-3);font-weight:400;display:block;margin-bottom:2px}#view-duming .pillar .p-row.zhi{color:var(--dmcinnabar-2)}#view-duming .pillar .p-row .gz{font-size:30px}#view-duming .pillar .p-tag{font-size:12px;color:var(--dmink-3);padding:5px 0;border-top:1px dashed var(--dmline-2)}#view-duming .pillar.hl{border-color:var(--dmcinnabar);box-shadow:0 0 0 2px rgba(176,58,46,.15)}#view-duming .pillar.hl .p-row{color:var(--dmcinnabar-2)}#view-duming /* 排盘表格（问真八字式） */
.panel-head-info{font-size:14.5px;color:var(--dmink-2);background:var(--dmpaper);border:1px solid var(--dmline-2);border-radius:10px;padding:11px 16px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px 16px}#view-duming .panel-head-info b{color:var(--dmcinnabar-2)}#view-duming .panel-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:15px;line-height:1.6}#view-duming .panel-table th,#view-duming .panel-table td{border:1px solid var(--dmline-2);padding:10px 6px;text-align:center;vertical-align:middle}#view-duming .panel-table thead th{background:var(--dmpaper-2);color:var(--dmink-2);font-weight:700;letter-spacing:1px;font-family:var(--dmserif);font-size:14.5px}#view-duming .panel-table thead th.lbl,#view-duming .panel-table td.lbl{width:11%;background:var(--dmpaper-2);color:var(--dmink-3);font-size:14px;letter-spacing:1px;font-weight:700}#view-duming .panel-table td{background:var(--dmwhite)}#view-duming .panel-table td.day{background:rgba(201,162,39,.08)}#view-duming .panel-table .big{font-family:var(--dmserif);font-size:30px;font-weight:700;color:var(--dmink);line-height:1.3}#view-duming .panel-table td.day .big{color:var(--dmcinnabar-2)}#view-duming .panel-table .cang{font-size:14px;color:var(--dmink-2);line-height:1.6}#view-duming .panel-table .cang b{color:var(--dmink)}#view-duming .panel-table .shen-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:3px 0}#view-duming .panel-table .shen-tags .tag{font-size:13.5px;padding:4px 10px;margin:0}#view-duming /* 表格 */
.tbl{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}#view-duming .tbl th{background:var(--dmpaper-2);color:var(--dmink-2);font-weight:600;padding:9px 8px;border:1px solid var(--dmline-2);text-align:center;letter-spacing:1px}#view-duming .tbl td{padding:8px 8px;border:1px solid var(--dmline-2);text-align:center;vertical-align:middle}#view-duming .tbl tr:nth-child(even) td{background:rgba(242,235,219,.4)}#view-duming .tbl .pos{color:var(--dmgood);font-weight:600}#view-duming .tbl .neg{color:var(--dmbad);font-weight:600}#view-duming .tbl .neu{color:var(--dmmid);font-weight:600}#view-duming /* 神煞/标签 */
.tag{display:inline-block;font-size:13px;padding:3px 11px;border-radius:999px;margin:3px 4px 3px 0;border:1px solid var(--dmline);background:var(--dmpaper);color:var(--dmink-2)}#view-duming .tag.good{border-color:#A9C6B6;background:#EAF2EC;color:var(--dmgood)}#view-duming .tag.bad{border-color:#E0A99F;background:#F8E7E2;color:var(--dmbad)}#view-duming .tag.gold{border-color:#DCC88A;background:#FAF3DC;color:var(--dmgold-2)}#view-duming .tag.mid{border-color:#D4C29A;background:#F3EAD6;color:var(--dmmid)}#view-duming /* 神煞逐行 */
.shensha-row{padding:10px 14px;border-radius:10px;background:var(--dmpaper);border:1px solid var(--dmline-2);margin-bottom:8px}#view-duming .shensha-head{display:flex;align-items:center;gap:10px;margin-bottom:3px}#view-duming .shensha-name{font-family:var(--dmserif);font-weight:700;font-size:15px;color:var(--dmcinnabar-2)}#view-duming .shensha-name.good{color:var(--dmgood)}#view-duming .shensha-name.bad{color:var(--dmbad)}#view-duming .shensha-name.mid{color:var(--dmgold-2)}#view-duming .shensha-name.jade{background:var(--dmjade);color:#F2EBDB;padding:2px 10px;border-radius:999px;font-size:13.5px}#view-duming .shensha-pos{font-size:12px;color:var(--dmink-3);background:#F3EAD6;border:1px solid var(--dmline);border-radius:999px;padding:1px 9px}#view-duming .shensha-desc{font-size:13.5px;color:var(--dmink-2);line-height:1.7}#view-duming /* 五行条 */
.wuxing-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:8px}#view-duming .wx-bar{text-align:center}#view-duming .wx-bar .wx{font-family:var(--dmserif);font-size:23px;font-weight:700;margin-bottom:7px}#view-duming .wx-bar .track{height:10px;border-radius:5px;background:var(--dmpaper-2);overflow:hidden;position:relative}#view-duming .wx-bar .fill{height:100%;border-radius:5px;transition:width .6s ease}#view-duming .wx-bar .num{font-size:14.5px;color:var(--dmink-3);margin-top:7px}#view-duming .wx-bar .wx.wood{color:var(--dmgood)}#view-duming .wx-bar .wx.fire{color:var(--dmcinnabar)}#view-duming .wx-bar .wx.earth{color:var(--dmgold-2)}#view-duming .wx-bar .wx.metal{color:var(--dmblue)}#view-duming .wx-bar .wx.water{color:#3E6B8C}#view-duming .wx-bar .fill.wood{background:#5E8C7A}#view-duming .wx-bar .fill.fire{background:var(--dmcinnabar)}#view-duming .wx-bar .fill.earth{background:var(--dmgold)}#view-duming .wx-bar .fill.metal{background:var(--dmblue)}#view-duming .wx-bar .fill.water{background:#4A7FA0}#view-duming /* 断语 */
.verdict-list{display:flex;flex-direction:column;gap:12px}#view-duming .verdict{display:flex;gap:14px;padding:13px 16px;border-radius:11px;background:var(--dmpaper);border:1px solid var(--dmline-2)}#view-duming .verdict .v-mark{flex:none;width:26px;height:26px;border-radius:50%;font-family:var(--dmserif);font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:1px}#view-duming .verdict .v-mark.good{background:var(--dmgood);color:#fff}#view-duming .verdict .v-mark.bad{background:var(--dmbad);color:#fff}#view-duming .verdict .v-mark.mid{background:var(--dmgold-2);color:#fff}#view-duming .verdict .v-body{flex:1}#view-duming .verdict .v-title{font-family:var(--dmserif);font-weight:700;font-size:15px;color:var(--dmink);margin-bottom:3px}#view-duming .verdict .v-text{font-size:14.5px;color:var(--dmink-2);line-height:1.75}#view-duming .verdict .v-text b{color:var(--dmcinnabar-2)}#view-duming /* 大运表 */
.daun-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}#view-duming .daun{background:var(--dmpaper);border:1px solid var(--dmline-2);border-radius:10px;padding:10px;text-align:center}#view-duming .daun .d-gz{font-family:var(--dmserif);font-size:22px;font-weight:700;color:var(--dmcinnabar-2)}#view-duming .daun .d-age{font-size:12px;color:var(--dmink-3)}#view-duming .daun .d-ten{font-size:12px;color:var(--dmink-2);margin-top:2px}#view-duming .daun.now{background:#F6E7E0;border-color:var(--dmcinnabar)}#view-duming .daun.now .d-gz{color:var(--dmcinnabar)}#view-duming .daun .d-bar{height:4px;border-radius:2px;background:var(--dmline-2);margin-top:6px;overflow:hidden}#view-duming .daun .d-bar .fill{height:100%;background:var(--dmgold)}#view-duming /* 大运批语 */
.dayun-list{display:flex;flex-direction:column;gap:10px}#view-duming .dayun-row{display:flex;gap:14px;align-items:flex-start;padding:11px 15px;border-radius:11px;background:var(--dmpaper);border:1px solid var(--dmline-2)}#view-duming .dayun-row.now{background:#F6E7E0;border-color:var(--dmcinnabar)}#view-duming .dayun-row .dy-main{flex:none;min-width:118px;text-align:center}#view-duming .dayun-row .dy-gz{font-family:var(--dmserif);font-size:21px;font-weight:700;color:var(--dmcinnabar-2)}#view-duming .dayun-row.now .dy-gz{color:var(--dmcinnabar)}#view-duming .dayun-row .dy-meta{font-size:12px;color:var(--dmink-3)}#view-duming .dayun-row .dy-pi{flex:1;font-size:14.5px;color:var(--dmink-2);line-height:1.8}#view-duming .dayun-row .dy-pi b{color:var(--dmcinnabar-2)}#view-duming .liunian{background:linear-gradient(135deg,#3E3326,#2A2118);color:#E6D9BC;border-radius:11px;padding:13px 17px;margin-bottom:12px}#view-duming .liunian-head{display:flex;align-items:center;gap:10px}#view-duming .liunian-tag{font-size:12px;color:#2A2118;background:var(--dmgold);border-radius:999px;padding:1px 10px;font-weight:700}#view-duming .liunian-head b{font-family:var(--dmserif);font-size:23px;color:var(--dmgold)}#view-duming .liunian-meta{font-size:12.5px;color:#CBBE9C}#view-duming .liunian-text{font-size:14.5px;margin-top:7px;line-height:1.8;color:#F0E5CB}#view-duming .liunian-text b{color:var(--dmgold)}#view-duming /* 提示/加载 */
.note{font-size:14px;color:var(--dmink-3);background:var(--dmpaper);border:1px dashed var(--dmline);padding:11px 15px;border-radius:9px;margin-top:12px;line-height:1.7}#view-duming .note.warn{border-color:#E0A99F;background:#F8E7E2;color:var(--dmbad)}#view-duming .center-empty{text-align:center;color:var(--dmink-3);padding:50px 20px;font-size:15px}#view-duming .disclaimer{
  margin-top:10px;font-size:12px;color:var(--dmink-3);line-height:1.8;
  border-top:1px solid var(--dmline-2);padding-top:14px;
}#view-duming .disclaimer b{color:var(--dmcinnabar-2)}#view-duming /* 页脚 */
@media (max-width:860px){#view-duming .hero{padding:28px 24px}#view-duming .hero h1{font-size:32px}#view-duming .form-card{padding:20px 18px}#view-duming .field.span-2,#view-duming .field.span-3,#view-duming .field.span-6{grid-column:span 6}#view-duming .pillar-grid{gap:8px}#view-duming .pillar .p-row{font-size:21px}#view-duming .pillar .p-row .gz{font-size:25px}#view-duming .wuxing-bars{gap:8px}
}@media (max-width:560px){#view-duming .wrap{padding:20px 14px 60px}#view-duming .hero h1{font-size:26px;letter-spacing:2px}#view-duming .hero-desc{font-size:13.5px}#view-duming .field.span-2,#view-duming .field.span-3,#view-duming .field.span-6{grid-column:span 12}#view-duming .pillar-grid{grid-template-columns:repeat(2,1fr)}#view-duming .masthead-tag{display:none}#view-duming .wuxing-bars{grid-template-columns:repeat(5,1fr);gap:6px}#view-duming .section-head{padding:13px 16px}#view-duming .section-head h2{font-size:17px}#view-duming .section-body{padding:18px 16px}#view-duming .dayun-row{flex-direction:column;gap:6px}#view-duming .dayun-row .dy-main{min-width:0;text-align:left}#view-duming .panel-table{font-size:12px}#view-duming .panel-table td,#view-duming .panel-table th{padding:5px 2px}#view-duming .panel-table .big{font-size:20px}#view-duming .panel-table .cang{font-size:11px}#view-duming .panel-table .shen-tags .tag{font-size:10px;padding:0 4px}
}@media (prefers-reduced-motion:reduce){#view-duming html{scroll-behavior:auto}}
/* ============ 我的记录 ============ */
#records-list{display:flex;flex-direction:column;gap:10px}
.rec-item{border:1px solid #ead9bd;border-radius:12px;padding:10px 13px;background:#fffdf8}
.rec-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.rec-type{font-size:12px;color:#fff;background:#b03a2e;padding:1px 10px;border-radius:999px;font-weight:600}
.rec-type.t-起名{background:#2e7d6b}
.rec-type.t-时空{background:#3a5a9a}
.rec-time{font-size:12px;color:#a08a62;margin-left:auto}
.rec-brief{font-size:13.5px;color:#5a4a32;line-height:1.55}
.rec-actions{margin-top:8px;display:flex;gap:8px}
.rec-btn{font-size:13px;padding:5px 15px;border-radius:8px;border:1px solid #b03a2e;color:#b03a2e;background:#fff;cursor:pointer}
.rec-btn.del{border-color:#bbb;color:#888}
.rec-empty{font-size:13px;color:#a08a62;padding:10px 0;text-align:center}