:root{--c-bg: #f5efe4;--c-bg-2: #efe6d5;--c-card: #fffdf8;--c-primary: #9e2b25;--c-primary-2: #c0392b;--c-gold: #b8893a;--c-gold-2: #d9b26a;--c-ink: #2b2118;--c-ink-2: #5c4d3c;--c-ink-3: #8a7a66;--c-line: #e3d8c3;--c-ok: #2e7d52;--c-warn: #b8893a;--c-danger: #c0392b;--wx-mu: #2e7d52;--wx-huo: #c0392b;--wx-tu: #a9743a;--wx-jin: #c9a227;--wx-shui:#2b6ca3;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--sab: env(safe-area-inset-bottom, 0px);--sat: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--c-bg);color:var(--c-ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100vh}img{max-width:100%;display:block}a{color:var(--c-primary);text-decoration:none}.page{min-height:100vh;padding-bottom:calc(64px + var(--sab))}.page--plain{padding-bottom:calc(16px + var(--sab))}.wrap{max-width:750px;margin:0 auto;padding:0 14px}.card{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r-md);padding:14px;margin-bottom:12px;box-shadow:0 2px 10px #785a320f}.card__hd{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--c-ink);margin-bottom:10px;font-size:17px}.card__hd .bar{display:inline-block;width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--c-primary),var(--c-gold));margin-right:8px;vertical-align:-2px}.muted{color:var(--c-ink-3);font-size:13px}.center{text-align:center}.row{display:flex;align-items:center}.row--between{justify-content:space-between}.gap8{gap:8px}.gap12{gap:12px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.f14{font-size:14px}.f13{font-size:13px}.f12{font-size:12px}.bold{font-weight:700}.wx-木{color:var(--wx-mu)}.wx-火{color:var(--wx-huo)}.wx-土{color:var(--wx-tu)}.wx-金{color:var(--wx-jin)}.wx-水{color:var(--wx-shui)}.bg-木{background:var(--wx-mu);color:#fff}.bg-火{background:var(--wx-huo);color:#fff}.bg-土{background:var(--wx-tu);color:#fff}.bg-金{background:var(--wx-jin);color:#fff}.bg-水{background:var(--wx-shui);color:#fff}.hero{background:radial-gradient(120% 90% at 50% 0%,#b8342c,#8f2620 55%,#6f1c18);color:#f7ecd8;width:calc(min(750px,100%) - 28px);margin-left:auto;margin-right:auto;padding:22px 14px 18px;padding-top:calc(22px + var(--sat, 0px));border-bottom-left-radius:22px;border-bottom-right-radius:22px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(217,178,106,.35),transparent 70%)}.hero h1{font-size:22px;margin:0 0 4px;letter-spacing:2px}.hero p{margin:0;font-size:13px;color:#ecd9b8}.hero__claim{display:inline-block;margin:0 0 6px!important;padding:2px 10px;font-size:13px!important;letter-spacing:3px;color:#f7ecd8!important;border:1px solid rgba(217,178,106,.55);border-radius:999px;background:#d9b26a24}.hero__sub{margin:0 0 8px!important;font-size:12px!important;letter-spacing:2px;color:#ecd9b8!important;opacity:.92}.divider{display:flex;align-items:center;gap:10px;color:var(--c-ink-2);font-size:13px;margin:16px 0 10px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--c-line),transparent)}.tabbar-h{height:calc(56px + var(--sab))}:root{--van-primary-color: #9e2b25;--van-danger-color: #c0392b;--van-tabbar-item-active-color: #9e2b25;--van-nav-bar-icon-color: #f7ecd8;--van-nav-bar-text-color: #f7ecd8;--van-nav-bar-title-text-color: #f7ecd8;--van-nav-bar-background: #8f2620}:where(.van-picker){touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:where(.van-picker-column,.van-picker-column__wrapper,.van-picker-column__item){touch-action:none}.dt-root{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;background:var(--c-bg);font-size:17px}.dt-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#8f2620,#7a2019 55%,#6f1c18);color:#f7ecd8;overflow-y:auto;box-shadow:2px 0 14px #5a321e29}.dt-side::-webkit-scrollbar{width:6px}.dt-side::-webkit-scrollbar-thumb{background:#f7ecd838;border-radius:3px}.dt-brand{display:flex;align-items:center;gap:11px;padding:20px 18px 16px;border-bottom:1px solid rgba(247,236,216,.18);cursor:pointer}.dt-seal{width:42px;height:42px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ecd9a8,#c9a227);box-shadow:0 3px 10px #00000040;overflow:hidden}.dt-seal__mark{width:100%;height:100%;display:block;object-fit:cover}.dt-brand-txt{display:flex;flex-direction:column;line-height:1.35;min-width:0}.dt-brand-txt b{font-size:18px;letter-spacing:2px;color:#f7ecd8}.dt-brand-txt span{font-size:12px;color:#d8c39c;letter-spacing:1px}.dt-nav{padding:12px 10px 6px;flex:1}.dt-nav-grp{padding:12px 10px 6px;font-size:12px;letter-spacing:2px;color:#f7ecd88c}.dt-nav-it{display:flex;align-items:center;gap:10px;padding:9px 12px;margin-bottom:2px;border-radius:10px;color:#ecdcbe;font-size:15px;border-left:3px solid transparent;transition:background .16s,color .16s,border-color .16s}.dt-nav-it:hover{background:#f7ecd81a;color:#fff6e2}.dt-nav-it.on{background:#f7ecd829;border-left-color:#d9b26a;color:#fff8ea;font-weight:700}.dt-nav-ico{width:22px;height:22px;flex:none;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:Songti SC,serif;font-size:13px;font-weight:700;color:#f7ecd8;background:#f7ecd829}.dt-nav-it.on .dt-nav-ico{background:linear-gradient(135deg,#ecd9a8,#c9a227);color:#6f1c18}.dt-nav-name{flex:1;min-width:0}.dt-nav-tag{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:700;color:#6f1c18;background:linear-gradient(135deg,#ecd9a8,#c9a227)}.dt-side-foot{padding:12px 14px 16px;border-top:1px solid rgba(247,236,216,.18)}.dt-user{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 4px;border-radius:10px}.dt-user:hover{background:#f7ecd81a}.dt-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#6f1c18;background:linear-gradient(135deg,#ecd9a8,#c9a227)}.dt-user-txt{display:flex;flex-direction:column;line-height:1.35;min-width:0}.dt-user-txt b{font-size:14px;color:#f7ecd8}.dt-user-txt span{font-size:11px;color:#d8c39c}.dt-mode-btn{width:100%;margin-top:10px;padding:8px;cursor:pointer;border-radius:9px;font-size:13px;font-weight:700;color:#f3dfae;background:#f7ecd81f;border:1px solid rgba(247,236,216,.3)}.dt-mode-btn:hover{background:#f7ecd833}.dt-copy{margin-top:10px;font-size:11px;color:#f7ecd880;line-height:1.5}.dt-main{display:flex;flex-direction:column;min-width:0}.dt-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px;padding:0 24px;flex:none;background:#fffdf8f0;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid var(--c-line);box-shadow:0 2px 10px #785a320d}.dt-top-l{display:flex;align-items:center;gap:10px;min-width:0}.dt-back{width:30px;height:30px;flex:none;cursor:pointer;border:1px solid var(--c-line);border-radius:8px;background:#faf6ee;color:var(--c-primary);font-size:20px;line-height:1;padding-bottom:3px}.dt-back:hover{background:#f2e9da}.dt-title{margin:0;font-size:19px;font-weight:800;color:var(--c-ink);letter-spacing:1px}.dt-crumb{font-size:12px;color:var(--c-ink-3)}.dt-top-r{display:flex;align-items:center;gap:12px;flex:none}.dt-top-link{font-size:13px;color:var(--c-ink-2)}.dt-top-link:hover{color:var(--c-primary)}.dt-top-btn{padding:7px 16px;cursor:pointer;border-radius:18px;font-size:13px;font-weight:700;color:#3a2a1a;border:none;background:linear-gradient(135deg,#ecd9a8,#c9a227);box-shadow:0 3px 10px #b8893a40}.dt-content{flex:1;min-width:0;padding:20px 24px 40px}.dt-root.dt-root .van-nav-bar,.dt-root.dt-root .tabbar-h{display:none}.dt-root.dt-root .wrap{max-width:1180px;padding:0 8px}.dt-root.dt-root .page,.dt-root.dt-root .page--plain{padding-bottom:28px}.dt-root.dt-root .hero{width:auto;border-radius:18px;padding:26px 28px 24px;margin-bottom:16px}.dt-root.dt-root .hero h1{font-size:26px}.dt-root.dt-root .hero p{font-size:14px}.dt-root.dt-root .card{padding:18px 20px;border-radius:14px}.dt-root.dt-root .card__hd{font-size:19px;margin-bottom:12px}.dt-root.dt-root .card__hd .bar{height:18px;width:5px}.dt-root.dt-root .sec-title{font-size:17px}.dt-root.dt-root .divider,.dt-root.dt-root .muted{font-size:14px}.dt-root.dt-root .f14{font-size:15px}.dt-root.dt-root .f13{font-size:14px}.dt-root.dt-root .f12{font-size:13px}.dt-root.dt-root .van-cell{font-size:16px;padding:12px 4px}.dt-root.dt-root .van-field__label{font-size:15px}.dt-root.dt-root .van-button--large{font-size:17px}.dt-root.dt-root .grid{grid-template-columns:repeat(6,1fr);gap:16px}.dt-root.dt-root .grid-item{font-size:14px;gap:8px}.dt-root.dt-root .gi-icon{width:54px;height:54px;border-radius:16px;font-size:23px}.dt-root.dt-root .btns{display:flex;gap:12px}.dt-root.dt-root .btns>button{flex:1}.dt-root.dt-root .ln-scroll{scrollbar-width:thin}.dt-root.dt-root .van-popup--bottom{border-radius:16px 16px 0 0}@media (max-width: 1023px){.dt-root{grid-template-columns:minmax(0,1fr)}.dt-side{position:static;height:auto;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;overflow-x:auto;overflow-y:hidden}.dt-brand{padding:0 10px;border-bottom:none;flex:none}.dt-brand-txt span{display:none}.dt-nav{display:flex;align-items:center;padding:0}.dt-nav-grp{display:none}.dt-nav-it{flex:none;white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.dt-nav-it.on{border-bottom-color:#d9b26a;border-left-color:transparent}.dt-side-foot{display:flex;align-items:center;gap:8px;padding:0 8px;border-top:none}.dt-user-txt,.dt-copy{display:none}.dt-mode-btn{width:auto;margin:0;white-space:nowrap}.dt-content{padding:14px 12px 28px}.dt-top{padding:0 12px}.dt-top-link{display:none}.dt-root.dt-root .grid{grid-template-columns:repeat(3,1fr)}.dt-root.dt-root .btns{flex-direction:column}}
