/* ============ 老黄历 H5 · OPPO 日历风格复刻 ============ */
:root{
  --bg:#f5f1e8;
  --card:#fffefb;
  --card2:#faf6ee;
  --red:#b5352b;
  --red2:#c85a4a;
  --red-soft:#f9ece8;
  --orange:#e0703a;
  --ink:#443b32;
  --ink2:#8b7d6c;
  --ink3:#b8ab99;
  --gold:#c4a05a;
  --green:#4a7c56;
  --line:#ece5d8;
  --shadow:0 1px 8px rgba(140,115,80,.07);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{
  background:var(--bg);color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);overflow-x:hidden}
.page{display:none;padding-bottom:22px}
.page.on{display:block}

/* ---------- 顶栏 ---------- */
.topbar{
  position:sticky;top:0;z-index:20;height:46px;display:flex;align-items:center;
  padding:0 10px;background:var(--bg);
}
.topbar.red{background:linear-gradient(180deg,#bd3b30,#ab3026);color:#fff}
.topbar h1{flex:1;text-align:center;font-size:16.5px;font-weight:600;margin:0;letter-spacing:2px}
.tb-btn{
  width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  border:none;background:transparent;color:inherit;font-size:19px;cursor:pointer;border-radius:50%;
}
.tb-btn:active{background:rgba(0,0,0,.05)}
.tb-btn.home{width:auto;padding:0 10px;font-size:14.5px;gap:2px;white-space:nowrap}
.tb-btn .gear{
  width:17px;height:17px;border:1.6px solid var(--ink2);border-radius:50%;position:relative;display:block;
}
.tb-btn .gear::after{
  content:"";position:absolute;inset:3.2px;border:1.4px solid var(--ink2);border-radius:50%;
}

/* ---------- 日期头 ---------- */
.hd{padding:20px 16px 24px;text-align:center;position:relative}
.hd .solar{font-size:32px;font-weight:700;letter-spacing:.5px;color:var(--ink);line-height:1.4}
.hd .solar em{font-style:normal;color:var(--red);font-size:37px;margin:0 1px}
.hd .lunar{margin-top:6px;font-size:17px;color:#7d6a52}
.hd .gz{margin-top:9px;font-size:14px;color:var(--ink2);letter-spacing:.3px}
.hd .gz i{font-style:normal;margin:0 5px;opacity:.4}
.hd .arrow{
  position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;
  background:rgba(255,255,255,.75);border-radius:50%;color:var(--ink2);
  font-size:17px;cursor:pointer;line-height:1;box-shadow:var(--shadow);
}
.hd .arrow.l{left:4px}
.hd .arrow.r{right:4px}

/* ---------- 两大入口 ---------- */
.entries{display:flex;gap:10px;padding:2px 14px 11px}
.entry{
  flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:39px;
  border-radius:9px;border:1px solid #eadfc9;color:#8a5f3c;font-size:14px;cursor:pointer;
  background:linear-gradient(180deg,#fffdf7,#f9f2e4);box-shadow:var(--shadow);
}
.entry:active{transform:scale(.98)}
.entry .ico{font-size:16px;line-height:1}

/* ---------- 卡片 ---------- */
.card{
  margin:0 12px 10px;background:var(--card);border-radius:11px;
  box-shadow:var(--shadow);overflow:hidden;
}
.card-t{
  display:flex;align-items:center;gap:6px;padding:10px 14px 7px;
  font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:1px;
}
.card-t::before{content:"";width:3px;height:13px;background:var(--red2);border-radius:2px}

/* 三系统徽标 */
.sys3{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 14px 9px}
.badge{
  font-size:12px;padding:3px 8px;border-radius:5px;background:var(--card2);
  color:var(--ink);border:1px solid rgba(0,0,0,.03);
}
.badge b{font-weight:400;color:var(--ink3);margin-right:4px;font-size:11px}
.badge.g{background:#eef4ee;color:var(--green);border-color:#dfeade}
.badge.g b{color:#7ea389}
.badge.b{background:#f8efeb;color:#8a5f55;border-color:#f0dfd9}
.badge.b b{color:#b7958b}
.rate{
  margin-left:auto;font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px;
  color:#fff;background:#b8ab99;letter-spacing:1px;
}
.rate.r1{background:linear-gradient(135deg,#4a7c56,#3d6a48)}
.rate.r2{background:linear-gradient(135deg,#c4a05a,#a8823a)}
.rate.r3{background:linear-gradient(135deg,#a8564a,#8f4238)}

/* 宜忌两栏 */
.yj{display:flex;padding:0 14px 12px;gap:12px}
.yj-col{flex:1;min-width:0}
.yj-h{font-size:12.5px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:5px}
.yj-h.yi{color:var(--green)}
.yj-h.ji{color:#6f6257}
.yj-h i{
  width:17px;height:17px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-style:normal;font-size:11px;color:#fff;
}
.yj-h.yi i{background:var(--green)}
.yj-h.ji i{background:#8b7f70}
.yj-h.sub{margin-top:9px;opacity:.9}
.yj-h.sub i{background:#b08a62}
.yj-list{display:flex;flex-wrap:wrap;gap:6px}
.yj-list span{
  font-size:12.5px;padding:3px 7px;border-radius:5px;background:var(--card2);
  color:var(--ink);border:1px solid rgba(0,0,0,.03);
}
.yj-col.ji .yj-list span{color:#6b6157;background:#f6f3ec}
.yj-list span.warn{background:#fdf3ee;color:#a05a4a;border-color:#f2ddd2}
.yj-list span.warn em{font-style:normal;font-size:10px;margin-left:3px;color:var(--red2);font-weight:700}
.yj-empty{font-size:12px;color:var(--ink3)}

/* 信息行 */
.irow{display:flex;align-items:flex-start;padding:6px 14px;font-size:13px;border-top:1px solid #f6f1e6}
.irow:first-child{border-top:none}
.irow .k{width:64px;flex:none;color:var(--ink3);font-size:12px;letter-spacing:.5px;padding-top:1px}
.irow .v{flex:1;color:var(--ink);word-break:break-all}
.irow .v.red{color:var(--red2)}
.irow .v.green{color:var(--green)}

/* 方位 */
.fw{padding:2px 14px 12px}
.fw-row{display:flex;flex-wrap:wrap;gap:7px}
.fw-item{
  display:flex;align-items:baseline;gap:5px;font-size:12.5px;
  background:var(--card2);border-radius:6px;padding:3px 9px;
}
.fw-item b{font-weight:400;color:var(--ink3);font-size:12px}
.fw-item span{color:var(--ink)}
.compass{
  width:96px;height:96px;margin:4px auto 10px;position:relative;
  border:1px dashed #e5dcc9;border-radius:50%;
}
.compass .dir{position:absolute;font-size:11px;color:var(--ink3)}
.compass .dir.n{top:2px;left:50%;transform:translateX(-50%)}
.compass .dir.s{bottom:2px;left:50%;transform:translateX(-50%)}
.compass .dir.e{right:3px;top:50%;transform:translateY(-50%)}
.compass .dir.w{left:3px;top:50%;transform:translateY(-50%)}
.compass .ctr{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center;font-size:11px;color:var(--ink2);
}
.compass .ctr b{font-size:14px;color:var(--red2);font-weight:600;letter-spacing:1px}

/* 时辰 */
.sc{padding:0 12px 12px}
.sc-bar{display:flex;gap:3px}
.sc-cell{
  flex:1;text-align:center;border-radius:6px;padding:5px 0 4px;cursor:pointer;
  background:var(--card2);border:1px solid transparent;transition:.15s;
}
.sc-cell b{display:block;font-size:13px;font-weight:500;line-height:1.2}
.sc-cell i{display:block;font-style:normal;font-size:10px;margin-top:1px;opacity:.75}
.sc-cell.good b{color:var(--green)}
.sc-cell.bad b{color:#8b7f70}
.sc-cell.cur{background:var(--red-soft);border-color:var(--red2)}
.sc-cell.cur b{color:var(--red)!important}
.sc-detail{
  margin-top:9px;background:var(--card2);border-radius:8px;padding:9px 12px;
  font-size:12.5px;color:var(--ink);line-height:1.7;
}
.sc-detail .t{color:var(--ink3);margin-right:4px}
.sc-detail .g{color:var(--green)}
.sc-detail .b{color:#8b7f70}

/* 精彩推荐 */
.rec{padding:0 14px 12px}
.rec-i{display:flex;gap:10px;padding:7px 0;border-top:1px solid #f6f1e6}
.rec-i:first-child{border-top:none}
.rec-thumb{
  width:70px;height:48px;flex:none;border-radius:6px;display:flex;align-items:center;justify-content:center;
  font-size:20px;color:#fff;
}
.rec-i .t{font-size:13px;color:var(--ink);line-height:1.45}
.rec-i .t small{display:block;font-size:11px;color:var(--ink3);margin-top:3px}

/* 底部按钮 */
.bigbtn{
  display:block;width:calc(100% - 24px);margin:2px auto 0;height:42px;
  border:1px solid #eadfc9;border-radius:10px;background:var(--card);
  color:#8a5f3c;font-size:14px;cursor:pointer;box-shadow:var(--shadow);
}
.bigbtn:active{transform:scale(.99)}
.tip{text-align:center;font-size:11px;color:var(--ink3);padding:11px 20px 0;line-height:1.7}
.src{text-align:center;font-size:11px;color:var(--ink3);padding:10px 20px 0}


/* 回到今天 · 右下浮动按钮 */
.fab{
  position:fixed;bottom:26px;right:14px;z-index:60;
  width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg,#bd3b30,#a52e26);color:#fff;
  font-size:17px;font-weight:600;letter-spacing:0;
  box-shadow:0 4px 14px rgba(150,50,40,.36);
  display:none;align-items:center;justify-content:center;
  font-family:inherit;transition:transform .16s,opacity .2s;
}
.fab.on{display:flex}
.fab:active{transform:scale(.9)}
.fab::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1px solid rgba(181,53,43,.28);
}

/* ---------- 吉日查询 ---------- */
.ji-head{
  background:var(--card);padding:12px 14px;margin:0 12px 12px;border-radius:11px;box-shadow:var(--shadow);
}
.ji-head .r1{font-size:13.5px;color:var(--ink)}
.ji-head .r1 b{color:var(--red2);font-size:15px;margin:0 2px}
.ji-head .r2{font-size:12.5px;color:var(--ink2);margin-top:5px;line-height:1.65}
.ji-head .rng{display:flex;gap:8px;margin-top:10px;align-items:center;flex-wrap:wrap}
.ji-head select{
  border:1px solid var(--line);background:var(--card2);border-radius:6px;
  padding:5px 8px;font-size:13px;color:var(--ink);font-family:inherit;
}
.tabs{display:flex;margin:0 12px 12px;border-radius:9px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
.tabs button{flex:1;height:38px;border:none;background:transparent;font-size:14.5px;color:var(--ink2);cursor:pointer}
.tabs button.on{background:var(--red2);color:#fff;font-weight:600}


.switch{display:flex;align-items:center;gap:7px;cursor:pointer;user-select:none;
  font-size:13px;color:var(--ink2);padding:2px 0}
.switch .box{
  width:40px;height:22px;border-radius:11px;background:#ded4c4;position:relative;
  transition:background .2s;flex:none;
}
.switch .box::after{
  content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .2s;
}
.switch.on .box{background:var(--green)}
.switch.on .box::after{transform:translateX(18px)}
.switch.on{color:var(--green)}

.rngbar{margin-top:10px;padding-top:10px;border-top:1px solid #f5efe4}
.rngrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rngrow label{font-size:12px;color:var(--ink3);flex:none}
.rngrow input[type=date]{
  flex:1;min-width:118px;border:1px solid var(--line);background:#fdfbf6;
  border-radius:6px;padding:5px 8px;font-size:13px;color:var(--ink);font-family:inherit;outline:none;
}
.rngrow input[type=date]:focus{border-color:var(--gold)}
.rngquick{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.rngquick button{
  border:1px solid var(--line);background:var(--card2);color:var(--ink2);
  border-radius:14px;padding:4px 12px;font-size:12.5px;cursor:pointer;font-family:inherit;
}
.rngquick button.on{background:var(--red2);border-color:var(--red2);color:#fff;font-weight:600}

.cate{padding:0 12px}
.cate-t{font-size:12.5px;color:var(--ink3);margin:13px 0 8px;letter-spacing:1px}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}
.chip{
  padding:8px 4px;border-radius:19px;border:1px solid #ecdfc6;text-align:center;
  background:linear-gradient(180deg,#fffdf7,#f8f1e2);font-size:13.5px;color:#7d6a52;cursor:pointer;
}
.chip.on{background:linear-gradient(180deg,#c85a4a,#b5352b);border-color:#b5352b;color:#fff;font-weight:600}

/* 结果列表 */
.res{margin:15px 12px 0}
.res-t{font-size:12px;color:var(--ink3);margin-bottom:8px;letter-spacing:1px}
.res-i{
  background:var(--card);border-radius:10px;padding:11px 13px;margin-bottom:9px;
  box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;
  border:1px solid #f2ece0;
}
.res-i.hd{border-color:#e6d9c0;background:linear-gradient(180deg,#fffefb,#fffcf5)}
.res-i .d{width:50px;text-align:center;flex:none}
.res-i .d b{display:block;font-size:21px;font-weight:600;line-height:1.1;color:var(--ink)}
.res-i .d b.we{color:var(--orange)}
.res-i .d i{display:block;font-style:normal;font-size:11px;color:var(--ink3)}
.res-i .m{flex:1;min-width:0}
.res-i .m .l1{font-size:13.5px;color:var(--ink)}
.res-i .m .l2{font-size:11.5px;color:var(--ink3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res-i .r{text-align:right;flex:none}
.res-i .r .tag{font-size:11px;padding:2px 7px;border-radius:4px;background:var(--card2);color:#8a5f3c}
.res-i .r .day{font-size:11px;color:var(--ink3);margin-top:3px}

/* ---------- 每日一签 ---------- */
.qian{padding:14px 14px}

/* 抽签舞台：签筒 */
.q-stage{display:flex;flex-direction:column;align-items:center;padding:26px 0 8px}
.q-tube{position:relative;width:92px;height:132px;cursor:pointer}
.q-tube .body{
  position:absolute;left:0;bottom:0;width:92px;height:118px;
  background:linear-gradient(160deg,#a8632f,#8a4a22);
  border-radius:8px 8px 12px 12px;
  box-shadow:inset -10px 0 16px rgba(0,0,0,.18),0 5px 14px rgba(120,70,30,.3);
  overflow:hidden;
}
.q-tube .body::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 3px,transparent 3px 9px);
}
.q-tube .mouth{
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:104px;height:16px;border-radius:50%;
  background:linear-gradient(180deg,#c07a41,#92502a);
  box-shadow:0 2px 5px rgba(0,0,0,.2);
}
.q-tube .stk{
  position:absolute;bottom:34px;width:5px;height:62px;border-radius:3px;
  background:linear-gradient(180deg,#f0e2c4,#d8c39a);
  box-shadow:0 1px 3px rgba(0,0,0,.25);
}
.q-tube .stk.s1{left:22px;transform:rotate(-9deg)}
.q-tube .stk.s2{left:36px;transform:rotate(-3deg);height:70px}
.q-tube .stk.s3{left:50px;transform:rotate(2deg);height:66px}
.q-tube .stk.s4{left:64px;transform:rotate(8deg)}

/* 抽出的那一支签 */
.q-pick{
  position:absolute;left:50%;top:-6px;transform:translate(-50%,0);
  width:16px;height:96px;border-radius:4px;
  background:linear-gradient(180deg,#b5352b,#8f2c24);
  box-shadow:0 3px 9px rgba(140,45,35,.4);
  opacity:0;
}
.q-pick::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:16px;height:14px;background:#e8d08a;border-radius:2px 2px 0 0;
}
.q-tube.drawing{animation:shake .16s ease-in-out infinite}
@keyframes shake{
  0%{transform:rotate(-8deg) translateY(0)}
  50%{transform:rotate(8deg) translateY(-2px)}
  100%{transform:rotate(-8deg) translateY(0)}
}
.q-tube .q-pick.rise{animation:rise .5s ease-out .9s forwards}
@keyframes rise{
  from{opacity:0;transform:translate(-50%,40px)}
  to{opacity:1;transform:translate(-50%,-58px)}
}
.q-hint{margin-top:20px;font-size:13px;color:var(--ink3);letter-spacing:1px}
.q-draw{
  margin-top:16px;border:none;border-radius:20px;padding:9px 26px;
  background:linear-gradient(135deg,#b5352b,#96322a);color:#fff;font-size:14.5px;
  cursor:pointer;font-family:inherit;box-shadow:0 3px 10px rgba(150,50,40,.28);
  letter-spacing:2px;
}
.q-draw:active{transform:scale(.96)}

/* 签文卡片 */
/* ---------- 每日一签（卡片优化） ---------- */
.q-card{
  margin:6px 12px 0;background:linear-gradient(170deg,#fffdf7,#faf4e6);
  border:1px solid #e6dbc3;border-radius:14px;padding:16px 18px 14px;
  box-shadow:0 3px 16px rgba(140,115,80,.10);position:relative;overflow:hidden;
}
.q-card::before{
  content:"";position:absolute;inset:8px;border:1px solid rgba(196,160,90,.28);
  border-radius:9px;pointer-events:none;
}
.q-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;z-index:1}
/* 竖排标题：按语义拆成两列（右"我的今日" / 左"签文"），
   row-reverse 保证从右往左读的顺序正确 */
.q-title{
  display:flex;flex-direction:row-reverse;align-items:flex-start;gap:7px;
  padding:9px 7px;border:1px solid rgba(196,160,90,.38);border-radius:5px;
  background:linear-gradient(160deg,#fffdf8,#faf3e4);
}
.q-title i{
  writing-mode:vertical-rl;font-style:normal;font-size:14.5px;letter-spacing:3px;
  color:#8a5f3c;font-weight:600;line-height:1.05;
}
/* 中部古典水印，填补竖排与挂牌之间的空白 */
.q-deco{
  flex:1;align-self:center;text-align:center;font-size:38px;color:#8a5f3c;
  opacity:.085;font-weight:600;line-height:1;letter-spacing:0;overflow:visible;
  user-select:none;-webkit-user-select:none;
}
.q-plate{
  background:linear-gradient(180deg,#b5352b,#95271f);color:#ffe9c9;
  border-radius:5px;padding:11px 10px 8px;text-align:center;min-width:54px;
  box-shadow:0 2px 7px rgba(150,40,30,.28);position:relative;
}
/* 挂绳 */
.q-plate::before{
  content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%);
  width:1.5px;height:11px;background:#a9793f;opacity:.75;
}
/* 挂牌小孔 */
.q-plate::after{
  content:"";position:absolute;top:5px;left:50%;transform:translateX(-50%);
  width:5px;height:5px;border-radius:50%;background:rgba(255,233,201,.42);
}
.q-plate b{display:block;font-size:15px;font-weight:600;letter-spacing:1px;line-height:1.2}
.q-plate span{display:block;font-size:10.5px;opacity:.9;margin-top:2px;letter-spacing:.5px}
.q-gz{
  font-size:12px;color:#a08f77;text-align:center;margin:10px 0 12px;letter-spacing:.6px;
  position:relative;z-index:1;
}
.q-poem{
  text-align:center;margin:0 0 12px;position:relative;z-index:1;
}
.q-line{
  font-size:16.5px;line-height:2.05;color:#4a3b2c;letter-spacing:2px;font-weight:500;
}
.q-div{
  display:flex;align-items:center;gap:9px;margin:0 0 11px;position:relative;z-index:1;
}
.q-div i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#d8c8a8,transparent)}
.q-div em{
  font-style:normal;font-size:12.5px;color:#a5703f;letter-spacing:1px;white-space:nowrap;
}
.q-jie{
  font-size:13px;line-height:1.95;color:#6b5c49;letter-spacing:.5px;
  background:#f8f3e7;border-radius:8px;padding:9px 12px;position:relative;z-index:1;
}
.q-jie .lb{
  display:inline-block;font-size:11px;color:#fff;background:#c4a05a;
  border-radius:4px;padding:0 6px;margin-right:6px;vertical-align:1px;
}
.q-foot{
  font-size:10.5px;color:#b8ab99;text-align:right;margin-top:11px;letter-spacing:.5px;
  position:relative;z-index:1;
}
.q-subhint{
  text-align:center;font-size:11px;color:#b8ab99;margin-top:5px;letter-spacing:.5px;
}
.q-done{
  text-align:center;font-size:11.5px;color:var(--ink3);margin:12px 0 4px;letter-spacing:.5px;
}



/* 首页文章列表 */
.arts{padding:0 14px 12px}
.art-i{display:flex;gap:11px;padding:11px 0;border-top:1px solid #f6f1e6;align-items:flex-start}
.art-i:first-child{border-top:none}
.art-cv{
  width:48px;height:48px;flex:none;border-radius:8px;display:flex;align-items:center;justify-content:center;
  font-size:22px;background:linear-gradient(135deg,#f3e9d5,#e8d9bd);
}
.art-i .t{flex:1;min-width:0}
.art-i .t small{max-width:100%;display:block}
.art-i .t b{display:block;font-size:14px;font-weight:600;color:var(--ink);line-height:1.45}
.art-i .t small{
  display:block;font-size:12px;color:var(--ink3);margin-top:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.art-i .t .meta{font-size:11px;color:var(--ink3);margin-top:4px}

/* 文章详情 */
.artview{padding:14px 16px 24px}
.artview .art-cover{
  width:100%;height:auto;border-radius:10px;margin-bottom:14px;display:block;
  box-shadow:0 2px 12px rgba(120,95,60,.14);
}
.artview .h{font-size:19px;font-weight:600;line-height:1.5;color:var(--ink);letter-spacing:.3px}
.artview .m{font-size:12px;color:var(--ink3);margin-top:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.artview .m span{margin-right:12px}
.artview .b{font-size:15px;line-height:2;color:#4a4038;margin-top:12px;word-break:break-word}
.artview .b p{margin:0 0 12px}
.artview .b h2{font-size:17px;font-weight:600;color:var(--red);margin:18px 0 9px;line-height:1.5}
.artview .b h3{font-size:15.5px;font-weight:600;color:#8a5f3c;margin:15px 0 7px;line-height:1.5}
.artview .b img{
  max-width:100%;height:auto;border-radius:9px;margin:12px 0;display:block;
  box-shadow:0 2px 10px rgba(120,95,60,.12);
}
.artview .b blockquote{
  margin:12px 0;padding:9px 14px;border-left:3px solid var(--gold);
  background:#faf5ea;color:#7d6a52;border-radius:0 7px 7px 0;font-size:14px;line-height:1.8;
}
.artview .b ul,.artview .b ol{margin:10px 0;padding-left:24px}
.artview .b li{margin:4px 0}
.artview .b a{color:var(--red2);text-decoration:underline}
.artview .b hr{border:none;border-top:1px solid var(--line);margin:18px 0}
.artview .b strong,.artview .b b{font-weight:600;color:var(--ink)}
.artview .b code{
  background:#f5efe3;padding:1px 5px;border-radius:4px;font-size:13px;
  font-family:ui-monospace,Menlo,Consolas,monospace;
}
.artview .b pre{
  background:#f5efe3;padding:11px 13px;border-radius:7px;overflow-x:auto;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.7;margin:12px 0;
}
.artview .b table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}
.artview .b th,.artview .b td{border:1px solid var(--line);padding:6px 9px;text-align:left}
.artview .b th{background:#f8f3e8;font-weight:600}
/* 上一篇 / 下一篇 */
.art-pn{display:flex;gap:8px;margin-top:18px}
.art-pn .pn{flex:1;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:13px;color:var(--ink);text-decoration:none;cursor:pointer;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-pn .pn:active{background:#f8f3e8}
.art-pn .pn i{display:block;font-style:normal;color:var(--ink3);font-size:11px;margin-bottom:2px}
/* 相关文章 */
.art-rel{margin-top:20px}
.art-rel .rt{font-size:14.5px;font-weight:600;color:var(--ink);padding-left:9px;border-left:3px solid var(--red);margin-bottom:9px}
.art-rel .ri{display:block;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin-bottom:7px;font-size:13.5px;color:var(--ink);text-decoration:none;line-height:1.6;cursor:pointer}
.art-rel .ri:active{background:#f8f3e8}
.artview .empty{text-align:center;color:var(--ink3);padding:40px 0;font-size:13px}


/* 免责声明 */
.disclaimer{
  margin:0 12px 12px;padding:12px 14px;border-radius:10px;
  background:linear-gradient(180deg,#fbf8f1,#f9f5ea);
  border:1px solid #eee5d3;
}
.disclaimer .dt{
  display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;
  color:#8a7a63;margin-bottom:6px;letter-spacing:.5px;
}
.disclaimer .dt::before{
  content:"";width:12px;height:12px;border-radius:50%;
  border:1px solid #c4a05a;position:relative;flex:none;
}
.disclaimer p{
  margin:0;font-size:11.5px;line-height:1.85;color:#9c8f7c;
  text-align:justify;letter-spacing:.2px;
}
.disclaimer.mini{
  margin:14px 16px 0;padding:9px 12px;background:#faf6ec;
}
.disclaimer.mini p{font-size:11px;line-height:1.8}


/* ---------- 历法查询（三合一 tab） ---------- */
.entry.wide{flex:1;flex-direction:row;align-items:center;gap:10px;padding:11px 14px;text-align:left}
.entry.wide .ico{font-size:22px}
.entry.wide .tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.entry.wide .tx b{font-size:14px;color:var(--ink);font-weight:600}
.entry.wide .tx em{font-style:normal;font-size:11px;color:var(--ink3)}

.alm-tabs{
  display:flex;gap:0;border-bottom:1px solid var(--line);background:#fffdf7;
  position:sticky;top:0;z-index:5;
}
.alm-tabs button{
  flex:1;border:0;background:none;font-family:inherit;font-size:13.5px;color:var(--ink3);
  padding:10px 0;cursor:pointer;position:relative;
}
.alm-tabs button.on{color:var(--red2);font-weight:600}
.alm-tabs button.on::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;
  width:34px;height:2.5px;background:var(--red2);border-radius:2px;
}

.alm-ybar{border-bottom:1px solid var(--line);background:#fdfaf3}
.alm-ybar .yb-in{
  display:flex;gap:6px;overflow-x:auto;padding:9px 12px;scrollbar-width:none;
}
.alm-ybar .yb-in::-webkit-scrollbar{display:none}
.alm-ybar button{
  flex:none;border:1px solid var(--line);background:#fff;color:#7d6a52;
  border-radius:14px;padding:5px 15px;font-size:13px;font-family:inherit;cursor:pointer;
  white-space:nowrap;
}
/* 未公布年份：虚线边框区分，不再内嵌文字 */
.alm-ybar button.pre{border-style:dashed;color:#b0a48e;background:#fcfaf5}
.alm-ybar button[data-on]{background:var(--red);color:#fff;border-color:var(--red);border-style:solid;font-weight:600}

/* ---------- 放假安排 / 节日表 / 24节气 ---------- */
.ents{display:flex;gap:10px;margin:0 12px 10px}
.entry.sm{font-size:12px}
.entry.sm .ico{font-size:18px}

.pbody{padding:0 12px 12px}
.ybar{display:flex;gap:8px;margin:0 0 10px}
.ybar button{
  flex:1;border:1px solid var(--line);background:#fffefb;color:#7d6a52;
  border-radius:8px;padding:7px 0;font-size:13px;font-family:inherit;cursor:pointer;
}
.ybar button.on{background:var(--red);color:#fff;border-color:var(--red)}
.src{
  font-size:11.5px;color:var(--ink3);line-height:1.7;background:#faf6ec;
  border-left:3px solid var(--gold);padding:8px 11px;border-radius:0 7px 7px 0;margin-bottom:11px;
}

/* 放假卡片 */
.holi-c{
  background:#fffefb;border:1px solid var(--line);border-radius:10px;
  padding:12px 13px;margin-bottom:10px;box-shadow:0 1px 6px rgba(140,115,80,.06);
}
.holi-c .hh{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.holi-c .hh b{font-size:15.5px;color:var(--ink);font-weight:600}
.holi-c .hh .dy{font-size:12px;color:var(--red2);font-weight:600;margin-left:auto}
.holi-c .hd2{font-size:13px;color:#7d6a52;margin-top:5px}
.holi-c .hd2 .ln{color:var(--ink3);font-size:12px}
.holi-c .hw{margin-top:7px;font-size:12px;color:#8b7d6c;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.holi-c .hw .lb{color:var(--ink3)}
.holi-c .hw i{
  font-style:normal;background:#f6f1e6;border-radius:5px;padding:1px 7px;
  font-size:11.5px;color:#8a5f3c;
}
.holi-c .hw i.no{background:#f2f5ee;color:#6b7c58}
.holi-c .hn{font-size:11.5px;color:var(--ink3);margin-top:5px}
.tag{font-size:10.5px;border-radius:4px;padding:1px 6px;font-weight:500}
.tag.soon{background:#fdf1e2;color:#b5813a}
.tag.now{background:#fbe9e6;color:var(--red2)}
.tag.past{background:#f3efe6;color:var(--ink3)}
.tipbox{
  font-size:11.5px;color:#7d6a52;background:#f7f2e7;border-radius:8px;
  padding:9px 12px;line-height:1.8;margin-top:4px;
}

/* 节日表 */
.fbar{display:flex;gap:6px;margin-bottom:11px;flex-wrap:wrap}
.fbar button{
  border:1px solid var(--line);background:#fffefb;color:#7d6a52;border-radius:14px;
  padding:4px 12px;font-size:12px;font-family:inherit;cursor:pointer;
}
.fbar button.on{background:var(--red);color:#fff;border-color:var(--red)}
.mh{
  font-size:12.5px;color:var(--ink3);margin:12px 0 6px;padding-left:2px;
  display:flex;align-items:center;gap:6px;
}
.mh span{font-size:11px;color:#c0b39c}
.fest-i{
  display:flex;align-items:center;gap:10px;background:#fffefb;
  border:1px solid var(--line);border-radius:9px;padding:9px 11px;margin-bottom:6px;
}
.fest-i:hover{background:#fdfaf3}
.fest-i .fd{font-size:14px;font-weight:600;color:var(--ink);min-width:38px}
.fest-i .fw{font-size:11px;color:var(--ink3);min-width:26px}
.fest-i .fc{flex:1;min-width:0}
.fest-i .fc b{font-size:14px;color:var(--ink);font-weight:600}
.fest-i .ft{
  font-size:10.5px;border-radius:4px;padding:1px 5px;margin-left:5px;font-weight:500;
}
.fest-i .ft.t-law{background:#fbe9e6;color:var(--red2)}
.fest-i .ft.t-term{background:#eef3e8;color:#5f7d4a}
.fest-i .ft.t-nor{background:#f6f1e6;color:#8a7a63}
.fest-i .fl{font-size:11px;color:var(--ink3);margin-left:5px}
.fest-i .fd2{font-size:11.5px;color:var(--ink3);margin-top:2px}
.fest-i .cd{font-size:11px;color:var(--ink3);flex:none}
.fest-i .cd.today{color:var(--red2);font-weight:600}

/* 24节气 */
.term-c{
  background:#fffefb;border:1px solid var(--line);border-radius:10px;
  padding:11px 13px;margin-bottom:8px;position:relative;
}
.term-c.cur{border-color:var(--red);background:#fffaf6}
.term-c.next{border-color:#e0d0a8}
.term-c .tl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.term-c .tl b{font-size:15px;color:var(--ink);font-weight:600}
.term-c .ts{font-size:10.5px;border-radius:4px;padding:1px 6px;font-weight:500}
.term-c .ts.s-春{background:#eef5e8;color:#5c7d45}
.term-c .ts.s-夏{background:#fdf0e2;color:#b5813a}
.term-c .ts.s-秋{background:#fdeee4;color:#a5703f}
.term-c .ts.s-冬{background:#eef1f6;color:#5b6c85}
.term-c .tt{font-size:12.5px;color:#8a5f3c;margin-top:4px;font-family:ui-monospace,Menlo,Consolas,monospace}
.term-c .td{font-size:12.5px;color:#7d6a52;margin-top:5px;line-height:1.75}
.term-c .th{margin-top:7px;display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.term-c .th .lb{font-size:11px;color:var(--ink3)}
.term-c .th i{
  font-style:normal;background:#f6f1e6;border-radius:5px;padding:1px 7px;
  font-size:11.5px;color:#8a5f3c;
}


/* 放假页：预计/法定明细 */
.ybar button em{font-style:normal;font-size:9px;opacity:.85;margin-left:2px}
.warn-box{
  background:#fdf3e6;border:1px solid #e8d0a8;border-left:3px solid #c9973f;
  border-radius:0 8px 8px 0;padding:10px 12px;margin-bottom:11px;
}
.warn-box b{display:block;font-size:13px;color:#8a5f3c;margin-bottom:4px}
.warn-box p{font-size:12px;line-height:1.85;color:#7d6a52;margin:0}
.warn-box p b{display:inline;font-size:12px;color:#a5703f}
.note-box{
  font-size:11.5px;color:#7d6a52;background:#f7f2e7;border-radius:7px;
  padding:8px 11px;margin-bottom:10px;line-height:1.8;
}
.law-bar{
  display:flex;align-items:center;gap:8px;font-size:12.5px;color:#7d6a52;
  background:#faf6ec;border-radius:8px;padding:9px 12px;margin-bottom:9px;
}
.law-bar b{color:var(--red2);font-size:15px}
.law-bar button{
  margin-left:auto;border:1px solid var(--line);background:#fff;color:#8a5f3c;
  border-radius:13px;padding:3px 11px;font-size:11.5px;font-family:inherit;cursor:pointer;
}
.law-i{
  display:flex;align-items:center;gap:8px;font-size:12px;color:#7d6a52;
  padding:5px 12px;background:#fdfaf3;border-bottom:1px solid #f0e8d6;
}
.law-i b{color:var(--ink);font-size:13px;min-width:52px}
.law-i span{flex:1}
.law-i i{font-style:normal;color:var(--red2);font-size:11.5px}
.pred-i{
  background:#fffefb;border:1px solid var(--line);border-radius:9px;
  padding:10px 12px;margin-bottom:7px;
}
.pred-i .pn{display:flex;align-items:center;gap:7px}
.pred-i .pn b{font-size:14.5px;color:var(--ink);font-weight:600}
.pred-i .pn i{font-style:normal;font-size:10.5px;color:#fff;background:#c4a05a;border-radius:4px;padding:1px 6px}
.pred-i .pd{font-size:12.5px;color:#7d6a52;margin-top:4px}
.pred-i .pd .ln{color:var(--ink3);font-size:11.5px}
.pred-i .pe{font-size:11.5px;color:#a5703f;margin-top:4px;line-height:1.7}

/* ---------- 历法表 ---------- */
.tb-month{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 0 4px}
.tb-month button{border:none;background:transparent;font-size:18px;color:var(--ink2);cursor:pointer;padding:0 6px}
.tb-month span{font-size:15px;color:var(--ink);letter-spacing:1px}
.tb-w{display:grid;grid-template-columns:repeat(7,1fr);margin:8px 12px 0;text-align:center}
.tb-w div{font-size:12px;color:var(--ink3);padding:5px 0}
.tb-w div.we{color:var(--red2)}
.tb-tags{
  display:flex;gap:6px;margin:2px 12px 10px;overflow-x:auto;padding-bottom:2px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.tb-tags::-webkit-scrollbar{display:none}
.tb-tags button{
  flex:none;border:1px solid #ecdfc6;border-radius:14px;padding:4px 13px;
  background:linear-gradient(180deg,#fffdf7,#f8f1e2);color:#7d6a52;
  font-size:13px;cursor:pointer;font-family:inherit;white-space:nowrap;
}
.tb-tags button.on{
  background:linear-gradient(180deg,#c85a4a,#b5352b);border-color:#b5352b;color:#fff;font-weight:600;
}
.tb-sum{
  margin:0 12px 10px;padding:9px 13px;border-radius:9px;
  background:linear-gradient(180deg,#fffefb,#fffcf5);border:1px solid #f0e6d4;
  font-size:12.5px;color:#7d6a52;line-height:1.6;
}
.tb-sum b{color:var(--red2);font-size:14px;margin:0 2px}
.tb-sum .none{color:var(--ink3)}
.tb-g{display:grid;grid-template-columns:repeat(7,1fr);margin:0 12px;gap:2px}
.tb-c{
  aspect-ratio:1/1.15;border-radius:7px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;font-size:12px;position:relative;
  background:var(--card);cursor:pointer;border:1px solid transparent;
}
.tb-c.out{opacity:.28}
.tb-c.today{background:var(--red);color:#fff}
.tb-c.today .ln{color:#ffe0d8}
.tb-c.sel{border-color:var(--gold)}
.tb-c .sn{font-weight:600;line-height:1.1}
.tb-c .ln{font-size:10px;color:var(--ink3);line-height:1.1;margin-top:1px}
.tb-c.hit{
  background:linear-gradient(180deg,#fdf1ec,#fae7de);
  border-color:#e8c4b8;box-shadow:inset 0 0 0 1px #f0d5cb;
}
.tb-c.hit .sn{color:var(--red);font-weight:700}
.tb-c.hit .ln{color:#a8735f}
.tb-c.hit.good{border-color:var(--green);box-shadow:inset 0 0 0 1px #cfe3d2}
.tb-c.miss{opacity:.42}
.tb-c .mark{
  position:absolute;top:1px;right:2px;font-size:8px;line-height:1;
  color:var(--red);font-weight:700;
}
.tb-c .dot{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%}
.tb-c .dot.g{background:var(--green)}
.tb-c .dot.b{background:#c3b6a2}
.tb-c.today .dot{background:#fff}

/* ---------- PC 自适应 ---------- */
@media (min-width:760px){
  body{background:#e6ded1;padding:26px 0}
  .app{width:428px;min-height:auto;border-radius:26px;box-shadow:0 18px 50px rgba(90,70,40,.22)}
}
@media (min-width:1180px){
  body{display:flex;align-items:flex-start;justify-content:center;gap:34px;padding:34px 0;background:#e6ded1}
  .app{margin:0}
  .pcside{
    width:318px;padding:22px 24px;background:var(--card);border-radius:20px;
    box-shadow:0 14px 40px rgba(90,70,40,.16);font-size:13px;color:#6b6157;line-height:1.9;
  }
  .pcside h2{font-size:16px;color:var(--red);margin:0 0 10px;letter-spacing:1px}
  .pcside b{color:var(--ink)}
  .pcside .k{color:var(--ink3)}
}
@media (max-width:1179px){ .pcside{display:none} }

/* 页脚备案信息 */
.site-foot{
  text-align:center;font-size:11px;color:var(--ink3);padding:10px 12px 16px;line-height:1.9;
  border-top:1px solid var(--line);margin-top:6px;
}
.site-foot a{color:var(--ink3);text-decoration:none;margin:0 6px}
.site-foot span{margin:0 6px}