/* ====================================================================
   生辰运势 · 周易国学 · 专业详批
   设计语言：古卷金砂 — Ancient Scroll & Gold Sand
   暖宣纸底 · 朱砂点睛 · 古金描边 · 楷体书韵
   ==================================================================== */

/* ===== 1. 基础重置 ===== */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { font-size: clamp(85.333px, 26.6666vw, 133.333px); -webkit-text-size-adjust: 100%; }
body {
    max-width: 640px; min-width: 0; margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue",
                 STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
    color: var(--ink); line-height: 1.6;
    background: var(--bg-grad);
    -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; border: 0; }
a { color: inherit; text-decoration: none; }
input, button { font-family: inherit; border: none; outline: none; background: none; }
ul, ol { list-style: none; }

/* ===== 2. 设计令牌 ===== */
:root {
    --bg: #f0dbbb; --bg-grad: linear-gradient(180deg, #f0dbbb 0%, #ecd0a8 50%, #f0dbbb 100%);
    --paper: #fff9eb; --paper-d: #fdf3d9; --sand: #f6e5be; --sand-d: #ecd0a0;
    --red: #c0392b; --red-d: #962822; --red-l: #e74c3c; --red-glow: rgba(192,57,43,.30);
    --gold: #c9a227; --gold-l: #e6c558; --gold-d: #a6841a;
    --ink: #2c2416; --ink-2: #5c4a35; --ink-3: #9a8a6f;
    --line: #d9c390; --line-d: #b28550; --white: #fff;
    --r-sm: .06rem; --r-md: .10rem; --r-lg: .16rem; --r-pill: .50rem;
    --sh-card: 0 .02rem .12rem rgba(120,80,40,.10); --sh-float: 0 .04rem .16rem rgba(120,80,40,.14); --sh-red: 0 .04rem .16rem var(--red-glow);
    --f-kai: "STKaiti", "KaiTi", "Noto Serif SC", "Songti SC", serif;
    --f-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
    --ease: cubic-bezier(.4,0,.2,1); --ease-out: cubic-bezier(.16,1,.3,1); --ease-back: cubic-bezier(.34,1.56,.64,1);
    --z-sticky: 100; --z-overlay: 500; --z-toast: 9000; --z-loading: 9500;
}

/* ===== 3. 页面容器 ===== */
.page { position: relative; overflow: hidden; }

/* ===== 4. 旧版横幅区 ===== */
.index-banner { position: relative; overflow: hidden; }
.index-banner > .img { display: block; width: 100%; }
.index-banner .anim-box { position: absolute; left: 50%; top: 60%; width: 2.2rem; height: 2.2rem; transform: translate(-50%,-42%); }
.index-banner .anim-box img { display: block; width: 100%; height: 100%; }
.index-banner .anim-box .in,
.index-banner .anim-box .in2,
.index-banner .anim-box .in3 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.index-banner .anim-box .in { animation: rotate1 10s linear infinite; }
.index-banner .anim-box .in2 { animation: rotate2 10s linear infinite; }
.index-banner .anim-tips { position: absolute; left: .1rem; top: 60%; right: .1rem; height: 1.8rem; transform: translate(0,-42%); pointer-events: none; }
.index-banner .anim-tips .box { position: absolute; width: .9rem; height: .36rem; background-size: 100% auto; background-repeat: no-repeat; background-position: center; animation: fadeAnim 12s infinite; }
.index-banner .anim-tips .box1 { left: 0; top: 0; background-image: url(../images/banner/fortune-tip-1.png); animation-delay: 0s; }
.index-banner .anim-tips .box2 { right: 0; top: 0; background-image: url(../images/banner/fortune-tip-2.png); animation-delay: 4s; }
.index-banner .anim-tips .box3 { left: 0; top: 50%; margin-top: -.18rem; background-image: url(../images/banner/fortune-tip-3.png); animation-delay: 6s; }
.index-banner .anim-tips .box4 { right: 0; top: 50%; margin-top: -.18rem; background-image: url(../images/banner/fortune-tip-4.png); animation-delay: 2s; }
.index-banner .anim-tips .box5 { left: 0; bottom: 0; background-image: url(../images/banner/fortune-tip-5.png); animation-delay: 10s; }
.index-banner .anim-tips .box6 { right: 0; bottom: 0; background-image: url(../images/banner/fortune-tip-6.png); animation-delay: 8s; }

/* ===== 5. 表单卡片 ===== */
.form-card { position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-md); margin: .28rem .24rem .12rem; padding: .42rem .24rem .24rem; box-shadow: var(--sh-card); }
.form-card::before,.form-card::after { content:""; position:absolute; width:.16rem; height:.16rem; border:2px solid var(--gold); pointer-events:none; }
.form-card::before{left:.08rem;top:.08rem;border-right:0;border-bottom:0}.form-card::after{right:.08rem;bottom:.08rem;border-left:0;border-top:0}
.form-card__title { position:absolute; left:50%; top:-.16rem; transform:translateX(-50%); padding:0 .24rem; height:.32rem; line-height:.32rem; background:linear-gradient(135deg,var(--red),var(--red-d)); color:var(--gold-l); font-family:var(--f-kai); font-size:.16rem; letter-spacing:.04rem; border-radius:var(--r-pill); box-shadow:var(--sh-red); white-space:nowrap; }
.form-item { position:relative; height:.44rem; line-height:.44rem; background:var(--sand); border-radius:var(--r-pill); margin-bottom:.14rem; padding:0 .16rem 0 .82rem; transition:box-shadow .2s var(--ease); }
.form-item:focus-within { box-shadow:0 0 0 2px var(--gold-l); }
.form-item__label { position:absolute; left:.18rem; top:0; width:.64rem; font-weight:700; font-size:.15rem; color:var(--ink); }
.form-item__field { position:relative; height:.44rem; }
.form-item input { width:100%; height:.44rem; line-height:.44rem; font-size:.15rem; color:var(--ink); background:transparent; }
.form-item input::placeholder { color:var(--ink-3); }
.form-gender { display:flex; align-items:center; }
.form-gender__opt { position:relative; height:.44rem; line-height:.44rem; padding-left:.24rem; margin-right:.36rem; font-size:.15rem; color:var(--ink-2); cursor:pointer; }
.form-gender__opt::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:.16rem; height:.16rem; border-radius:50%; border:1.5px solid var(--line-d); background:var(--paper); transition:all .2s var(--ease); }
.form-gender input:checked + .form-gender__opt { color:var(--red-d); font-weight:700; }
.form-gender input:checked + .form-gender__opt::before { border-color:var(--red); background:var(--red); box-shadow:0 0 0 3px rgba(192,57,43,.15); }
.form-gender input:checked + .form-gender__opt::after { content:""; position:absolute; left:.04rem; top:50%; width:.05rem; height:.09rem; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-65%) rotate(45deg); }
.form-date { padding-right:.32rem; }
.form-date::after { content:""; position:absolute; right:.10rem; top:50%; width:.16rem; height:.16rem; border:1.5px solid var(--gold-d); border-top:0; border-left:0; transform:translateY(-70%) rotate(45deg); }
.form-agreement { display:flex; align-items:center; justify-content:center; margin-top:.16rem; font-size:.12rem; color:var(--ink-2); }
.form-agreement__check { position:relative; width:.16rem; height:.16rem; margin-right:.06rem; border:1.5px solid var(--gold-d); border-radius:.03rem; background:var(--paper); cursor:pointer; flex-shrink:0; transition:all .2s var(--ease); }
.form-agreement__check input { position:absolute; opacity:0; pointer-events:none; }
.form-agreement__check.active { background:var(--red); border-color:var(--red); }
.form-agreement__check.active::after { content:""; position:absolute; left:.03rem; top:0; width:.04rem; height:.08rem; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); }
.form-agreement a { color:var(--red-d); text-decoration:underline; }
.form-submit { display:block; width:100%; height:.48rem; margin-top:.18rem; font-family:var(--f-kai); font-size:.19rem; letter-spacing:.08rem; color:var(--gold-l); cursor:pointer; background:linear-gradient(135deg,var(--red-l),var(--red),var(--red-d)); border-radius:var(--r-pill); box-shadow:0 .04rem .14rem var(--red-glow),inset 0 .01rem .03rem rgba(255,255,255,.3); animation:btn-pulse 1.8s ease-in-out infinite; transition:transform .15s var(--ease); }
.form-submit:active { transform:scale(.97); }
.form-submit:disabled { cursor: wait; opacity: .68; filter: saturate(.72); transform: none; box-shadow: 0 .02rem .07rem rgba(88,55,20,.16); }

/* ===== 6. 信息、内容与评价 ===== */
.info-bar { display:flex; align-items:center; background:var(--paper); border:1px solid var(--line); border-radius:var(--r-md); margin:.20rem .24rem; padding:.14rem .18rem; box-shadow:var(--sh-card); }
.info-bar__icon{width:.56rem;height:.56rem;flex-shrink:0}.info-bar__text{flex:1;padding:0 .14rem}.info-bar__text p{font-size:.13rem;color:var(--ink-2);line-height:1.6}.info-bar__text p:first-child{font-weight:700;color:var(--ink);font-size:.15rem;font-family:var(--f-kai)}.info-bar__count{text-align:center;font-size:.12rem;color:var(--ink-2);line-height:1.4;flex-shrink:0}.info-bar__count .count{display:inline-block;font-size:.18rem;font-weight:700;color:var(--red);font-family:var(--f-kai)}
.content-imgs img{width:100%;display:block}.reviews{margin:.24rem .20rem}.reviews__title{text-align:center;font-family:var(--f-kai);font-size:.20rem;color:var(--red-d);margin-bottom:.16rem;letter-spacing:.04rem;position:relative;padding:0 .20rem}.reviews__title::before,.reviews__title::after{content:"";position:absolute;top:50%;width:.40rem;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.reviews__title::before{left:0}.reviews__title::after{right:0;background:linear-gradient(90deg,var(--gold),transparent)}
.review-card{background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r-sm);padding:.12rem .14rem;margin-bottom:.10rem;box-shadow:var(--sh-card)}.review-card__head{font-size:.12rem;color:var(--red-d);font-weight:700;margin-bottom:.04rem}.review-card__body{font-size:.13rem;color:var(--ink-2);line-height:1.7}

/* ===== 7. 页脚与固定按钮 ===== */
.footer{padding:.24rem .20rem .80rem;text-align:center}.footer__security{display:flex;align-items:center;justify-content:center;margin-bottom:.12rem}.footer__security img{width:.22rem;height:.22rem;margin-right:.06rem}.footer__security span{font-size:.12rem;color:var(--ink-2)}.footer__links{font-size:.12rem;color:var(--ink-3)}.footer__links a{color:var(--red-d);margin:0 .06rem}.footer__links span{color:var(--line-d)}.footer__copy{margin-top:.10rem;font-size:.11rem;color:var(--ink-3);line-height:1.6}
.fixed-btn{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:640px;height:.54rem;display:flex;align-items:center;justify-content:center;font-family:var(--f-kai);font-size:.20rem;letter-spacing:.10rem;color:var(--gold-l);cursor:pointer;background:linear-gradient(135deg,var(--red-l),var(--red),var(--red-d));box-shadow:0 -.02rem .12rem var(--red-glow);z-index:var(--z-sticky);animation:btn-pulse 1.8s ease-in-out infinite}.fixed-btn:active{transform:translateX(-50%) scale(.98)}

/* ===== 8. 日期选择器、弹窗与反馈 ===== */
.dp{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(20,12,4,.55);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.dp.show{opacity:1;pointer-events:auto}.dp__panel{width:100%;max-width:640px;background:var(--paper);border-radius:var(--r-lg) var(--r-lg) 0 0;transform:translateY(100%);transition:transform .3s var(--ease-out);padding:.16rem .16rem .24rem;padding-bottom:calc(.24rem + env(safe-area-inset-bottom))}.dp.show .dp__panel{transform:translateY(0)}.dp__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.14rem}.dp__title{font-family:var(--f-kai);font-size:.17rem;color:var(--ink)}.dp__close{font-size:.14rem;color:var(--ink-3);padding:.04rem .08rem}.dp__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:.10rem}.dp__nav button{font-size:.16rem;color:var(--red-d);padding:.04rem .12rem}.dp__nav span{font-size:.15rem;font-weight:700;color:var(--ink)}.dp__week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.06rem}.dp__week span{text-align:center;font-size:.12rem;color:var(--ink-3)}.dp__days{display:grid;grid-template-columns:repeat(7,1fr);gap:.02rem}.dp__day{height:.40rem;display:flex;align-items:center;justify-content:center;font-size:.14rem;color:var(--ink-2);border-radius:50%;cursor:pointer;transition:all .15s var(--ease)}.dp__day.other{color:var(--line-d)}.dp__day.today{color:var(--red);font-weight:700}.dp__day.sel{background:var(--red);color:#fff;font-weight:700}.dp__hours{margin-top:.14rem}.dp__hours-title{font-size:.13rem;color:var(--ink-2);margin-bottom:.08rem;font-family:var(--f-kai)}.dp__hours-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.06rem}.dp__hour{height:.34rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.11rem;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--sand);cursor:pointer;line-height:1.3}.dp__hour.sel{background:var(--red);color:#fff;border-color:var(--red)}.dp__hour b{font-size:.13rem;font-family:var(--f-kai)}.dp__confirm{display:block;width:100%;height:.46rem;margin-top:.16rem;font-family:var(--f-kai);font-size:.17rem;color:var(--gold-l);background:linear-gradient(135deg,var(--red-l),var(--red),var(--red-d));border-radius:var(--r-pill);box-shadow:var(--sh-red);cursor:pointer}
.modal{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(20,12,4,.6);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.modal.show{opacity:1;pointer-events:auto}.modal__box{width:92%;max-width:6.2rem;max-height:82vh;background:var(--paper);border:1px solid var(--gold);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transform:scale(.9);transition:transform .25s var(--ease-back);box-shadow:var(--sh-float)}.modal.show .modal__box{transform:scale(1)}.modal__head{display:flex;align-items:center;justify-content:center;height:.46rem;background:linear-gradient(135deg,var(--red),var(--red-d));color:var(--gold-l);font-weight:700;font-size:.18rem;letter-spacing:.04rem}.modal__body{padding:.18rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal__body h3{font-size:.15rem;color:var(--red-d);margin:.14rem 0 .07rem;font-weight:700;line-height:1.4}.modal__body h3:first-child{margin-top:0}.modal__body p{font-size:.14rem;color:var(--ink-2);line-height:1.75;margin-bottom:.08rem}.modal__close{display:block;width:100%;height:.46rem;border-top:1px solid var(--line);font-size:.17rem;font-weight:700;color:var(--red-d);cursor:pointer;background:var(--paper-d)}
/* 协议弹窗：标签页 */
.modal__tabs{display:flex;border-bottom:1px solid var(--line);background:var(--paper-d)}
.modal__tab{flex:1;padding:.13rem 0;font-size:.15rem;color:var(--ink-3);background:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease)}
.modal__tab.active{color:var(--red-d);border-bottom-color:var(--red);font-weight:700}
.modal__panel{display:none;padding:.16rem .18rem}
.modal__panel.active{display:block;animation:fadeIn .3s var(--ease)}
.protocol-intro{font-size:.14rem;color:var(--ink-2);line-height:1.75;margin-bottom:.12rem;padding:.10rem .12rem;background:rgba(201,162,39,.08);border-left:3px solid var(--gold);border-radius:.03rem}
.protocol-update{margin-top:.18rem!important;padding-top:.10rem;border-top:1px dashed var(--line);text-align:center;color:var(--ink-3)!important;font-size:.12rem!important}
.toast-wrap{position:fixed;left:50%;top:40%;transform:translateX(-50%);z-index:var(--z-toast);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:.08rem}.toast{max-width:80vw;padding:.10rem .20rem;background:rgba(20,12,4,.85);color:#fff;font-size:.14rem;border-radius:var(--r-pill);backdrop-filter:blur(8px);opacity:0;transform:translateY(-.10rem) scale(.9);transition:all .3s var(--ease-back)}.toast.show{opacity:1;transform:translateY(0) scale(1)}.loading{position:fixed;inset:0;z-index:var(--z-loading);background:rgba(20,12,4,.6);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.16rem;opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}.loading.show{opacity:1;pointer-events:auto}.loading__spinner{width:.48rem;height:.48rem;position:relative}.loading__spinner::before,.loading__spinner::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid transparent}.loading__spinner::before{border-top-color:var(--gold-l);border-right-color:var(--gold-l);animation:spin-cw .8s linear infinite}.loading__spinner::after{border-bottom-color:var(--red-l);inset:.06rem;animation:spin-ccw 1s linear infinite}.loading__text{color:var(--gold-l);font-size:.14rem;font-family:var(--f-kai);letter-spacing:.04rem}

/* ===== 9. 子页面通用 ===== */
.sub-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center;height:.46rem;background:linear-gradient(135deg,var(--red),var(--red-d));box-shadow:0 .02rem .08rem var(--red-glow)}.sub-header__back{position:absolute;left:.12rem;top:50%;transform:translateY(-50%);font-size:.24rem;color:var(--gold-l);width:.32rem;height:.32rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.sub-header__title{color:var(--gold-l);font-family:var(--f-kai);font-size:.18rem;letter-spacing:.04rem}.terms-section{padding:.20rem .20rem .60rem}.terms-section h2{font-family:var(--f-kai);font-size:.16rem;color:var(--red-d);margin:.20rem 0 .08rem;padding-left:.10rem;border-left:3px solid var(--gold)}.terms-section p,.terms-section li{font-size:.13rem;color:var(--ink-2);line-height:1.8;margin-bottom:.06rem}.terms-section ol{padding-left:.24rem}.terms-section ol li{list-style:decimal}.terms-section .terms-update{text-align:center;color:var(--ink-3);margin-top:.30rem;font-size:.11rem}.orders-section{padding:.20rem}.orders-search{display:flex;gap:.10rem;margin-bottom:.20rem}.orders-search__input{flex:1;height:.42rem;padding:0 .16rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);font-size:.14rem;color:var(--ink)}.orders-search__btn{width:.80rem;height:.42rem;cursor:pointer;background:linear-gradient(135deg,var(--red-l),var(--red));color:var(--gold-l);font-family:var(--f-kai);font-size:.15rem;border-radius:var(--r-pill);box-shadow:var(--sh-red)}.orders-empty{text-align:center;padding:.80rem 0;color:var(--ink-3)}.orders-empty__icon{font-size:.40rem;margin-bottom:.12rem}.orders-empty p{font-size:.14rem}.orders-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:.14rem;margin-bottom:.10rem;box-shadow:var(--sh-card)}.orders-item__no{font-size:.12rem;color:var(--ink-3);margin-bottom:.06rem}.orders-item__name{font-size:.15rem;font-weight:700;color:var(--ink);font-family:var(--f-kai);margin-bottom:.04rem}.orders-item__date{font-size:.12rem;color:var(--ink-2)}.orders-item__status{display:inline-block;font-size:.11rem;padding:.02rem .08rem;border-radius:var(--r-pill);margin-top:.06rem}.orders-item__status.done{background:rgba(39,174,96,.12);color:#278e55}.orders-guide{display:flex;align-items:center;gap:.12rem;margin-bottom:.18rem;padding:.14rem;background:rgba(255,249,235,.82);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-card)}.orders-guide__seal{width:.40rem;height:.40rem;display:grid;place-items:center;flex:0 0 auto;color:var(--paper);background:var(--red);border:2px solid var(--red-d);font:.20rem/1 var(--f-kai);transform:rotate(-4deg)}.orders-guide strong{display:block;font:.16rem/1.5 var(--f-kai);color:var(--ink)}.orders-guide p{font-size:.11rem;color:var(--ink-3);line-height:1.6}

/* ===== 10. 古卷增强 ===== */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.scroll-story{position:relative;margin:.28rem .14rem;padding:.24rem .08rem;background:linear-gradient(90deg,rgba(166,132,26,.13),transparent 7%,transparent 93%,rgba(166,132,26,.13)),linear-gradient(180deg,#fff9eb,#fbefd3 50%,#fff9eb);border:1px solid rgba(178,133,80,.55);border-radius:.06rem;box-shadow:0 .08rem .30rem rgba(92,57,21,.14),inset 0 0 .30rem rgba(201,162,39,.08)}.scroll-story::before,.scroll-story::after{content:"";position:absolute;left:-.07rem;right:-.07rem;height:.18rem;border:1px solid var(--line-d);border-radius:.12rem;background:linear-gradient(180deg,#a96f34,#e2b86b 38%,#8f592a 48%,#d5a75d 72%,#70431f);box-shadow:0 .03rem .08rem rgba(68,38,13,.28);z-index:2}.scroll-story::before{top:-.10rem}.scroll-story::after{bottom:-.10rem}.content-imgs{overflow:hidden;background:var(--paper)}.story-panel{margin:0;overflow:hidden;position:relative}.story-panel+.story-panel{margin-top:-1px}.story-panel img{width:100%;display:block;transform:scale(1.012)}.story-panel::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset .10rem 0 .18rem rgba(150,100,45,.035),inset -.10rem 0 .18rem rgba(150,100,45,.035)}.scroll-divider{display:flex;align-items:center;gap:.10rem;margin:.02rem 0 .18rem;color:var(--gold-d)}.scroll-divider::before,.scroll-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.scroll-divider span{width:.28rem;height:.28rem;display:grid;place-items:center;border:1px solid var(--gold);transform:rotate(45deg);font:.15rem/1 var(--f-kai)}.scroll-divider--end{margin:.18rem 0 .02rem}.story-chapter{position:relative;min-height:.84rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--red-d);background:radial-gradient(circle,rgba(201,162,39,.15),transparent 62%)}.story-chapter::before,.story-chapter::after{content:"◇";position:absolute;color:var(--gold);font-size:.13rem;top:50%;transform:translateY(-50%)}.story-chapter::before{left:25%}.story-chapter::after{right:25%}.story-chapter span{font:.24rem/1.2 var(--f-kai);letter-spacing:.10rem;margin-left:.10rem}.story-chapter small{color:var(--ink-3);font-size:.11rem;letter-spacing:.05rem;margin-top:.06rem}.reviews{position:relative;padding:.24rem .14rem .14rem;background:rgba(255,249,235,.72);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-card)}.reviews__eyebrow{text-align:center;font-size:.11rem;color:var(--gold-d);letter-spacing:.10rem;margin-bottom:.04rem}.reviews__viewport{height:3.10rem;overflow:hidden;mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 8%,#000 92%,transparent)}.reviews__track{will-change:transform}.reviews__track.is-moving{animation:reviews-scroll 26s linear infinite}.reviews__viewport:hover .reviews__track,.reviews__viewport:active .reviews__track,.reviews__track.is-paused{animation-play-state:paused}.reviews__hint{text-align:center;font-size:.11rem;color:var(--ink-3);letter-spacing:.04rem;margin-top:.06rem}.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:1000;background:rgba(255,255,255,.15)}.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-l),var(--red-l));box-shadow:0 0 .08rem var(--gold-l)}

/* ===== 11. 动画 ===== */
@keyframes rotate1{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes rotate2{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
@keyframes fadeAnim{0%{transform:scale(1)}8%{transform:scale(1.25)}10%,100%{transform:scale(1)}}
@keyframes spin-cw{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-ccw{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes btn-pulse{0%,100%{transform:scale(1);box-shadow:0 .04rem .14rem var(--red-glow),inset 0 .01rem .03rem rgba(255,255,255,.3)}50%{transform:scale(1.02);box-shadow:0 .06rem .20rem var(--red-glow),inset 0 .01rem .03rem rgba(255,255,255,.3)}}@keyframes reviews-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.reveal{opacity:0;transform:translateY(.24rem);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}

/* ===== 18. 首页排版系统修复 ===== */
:root { --bottom-bar-space: calc(.72rem + env(safe-area-inset-bottom)); }
.form-card input[type="hidden"] { display: none !important; width: 0 !important; height: 0 !important; }
.form-card { margin: .30rem .16rem .18rem; padding: .36rem .16rem .18rem; border: 1px solid rgba(166,132,26,.52); border-radius: .08rem; box-shadow: 0 .04rem .18rem rgba(88,55,20,.09); }
.form-card::before, .form-card::after { display: none; }
.form-card__title { top: -.15rem; height: .30rem; line-height: .30rem; padding: 0 .22rem; font-size: .15rem; box-shadow: 0 .03rem .10rem rgba(150,40,34,.22); }
.form-item { display: grid; grid-template-columns: .60rem minmax(0,1fr); align-items: center; height: .48rem; line-height: normal; margin-bottom: .11rem; padding: 0 .12rem; background: rgba(255,252,242,.92); border: 1px solid rgba(178,133,80,.42); border-radius: .06rem; box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }
.form-item:last-of-type { margin-bottom: 0; }
.form-item:focus-within { border-color: var(--gold-d); box-shadow: 0 0 0 3px rgba(201,162,39,.13); }
.form-item__label { position: static; width: auto; font: 700 .14rem/1 var(--f-kai); color: var(--ink); border-right: 1px solid rgba(178,133,80,.28); }
.form-item__field { height: .46rem; min-width: 0; padding-left: .12rem; }
.form-item input:not([type="hidden"]) { display: block; width: 100%; height: .46rem; line-height: .46rem; padding: 0; font-size: .14rem; color: var(--ink); background: transparent; }
.form-item input:not([type="hidden"])::placeholder { color: #9a8a6f; opacity: 1; }
.form-gender { height: .46rem; gap: .28rem; padding-left: .12rem; }
.form-gender__opt { display: inline-flex; align-items: center; height: .46rem; line-height: 1; margin: 0; padding-left: .23rem; font-size: .14rem; }
.form-date { height: .46rem; padding-left: .12rem; padding-right: .28rem; }
.form-date::after { right: .06rem; width: .11rem; height: .11rem; }
.form-agreement { min-height: .30rem; justify-content: flex-start; flex-wrap: wrap; row-gap: .03rem; margin-top: .10rem; padding: 0 .02rem; font-size: .115rem; line-height: 1.55; }
.form-agreement__check { width: .18rem; height: .18rem; margin-right: .07rem; }
.form-agreement__check.active::after { left: .045rem; top: .005rem; width: .045rem; height: .085rem; }
.form-submit { height: .46rem; margin-top: .12rem; border-radius: .06rem; font-size: .18rem; letter-spacing: .06rem; animation: none; box-shadow: 0 .04rem .12rem rgba(150,40,34,.22), inset 0 1px 0 rgba(255,255,255,.30); }
.form-submit:focus-visible, .fixed-btn:focus-visible { outline: 3px solid rgba(201,162,39,.55); outline-offset: 2px; }
.info-bar { margin: .18rem .16rem; padding: .12rem .14rem; border-color: rgba(178,133,80,.34); border-radius: .07rem; box-shadow: 0 .03rem .12rem rgba(88,55,20,.07); }
.scroll-story { margin: .28rem .12rem; padding: .22rem .06rem; border-color: rgba(178,133,80,.38); box-shadow: 0 .06rem .22rem rgba(92,57,21,.09), inset 0 0 .18rem rgba(201,162,39,.06); }
.scroll-story::before, .scroll-story::after { left: -.045rem; right: -.045rem; height: .14rem; border-width: 1px; box-shadow: 0 .02rem .05rem rgba(68,38,13,.20); }
.scroll-story::before { top: -.075rem; } .scroll-story::after { bottom: -.075rem; }
.reviews { margin: .24rem .14rem; padding: .20rem .12rem .12rem; border-color: rgba(178,133,80,.32); border-radius: .07rem; box-shadow: 0 .03rem .12rem rgba(88,55,20,.07); }
.review-card { margin-bottom: .08rem; padding: .11rem .12rem; border-color: rgba(178,133,80,.28); border-left-width: 2px; box-shadow: none; }
.footer { padding: .18rem .16rem calc(var(--bottom-bar-space) + .14rem); }
.footer__security { margin-bottom: .09rem; }
.footer__links { line-height: 2; }
.footer__copy { margin-top: .07rem; line-height: 1.65; }
.fixed-btn { position: fixed; left: 50%; bottom: 0; width: min(100%,640px); max-width: 640px; height: var(--bottom-bar-space); padding: .08rem .14rem calc(.08rem + env(safe-area-inset-bottom)); transform: translateX(-50%); animation: none; background: linear-gradient(180deg,rgba(240,219,187,0),rgba(240,219,187,.94) 28%,rgba(240,219,187,.98)); box-shadow: none; transition: opacity .2s var(--ease); }
.fixed-btn__inner { width: 100%; height: .48rem; display: flex; align-items: center; justify-content: center; color: var(--gold-l); background: linear-gradient(135deg,var(--red-l),var(--red) 55%,var(--red-d)); border: 1px solid rgba(116,26,22,.36); border-radius: .07rem; box-shadow: 0 .04rem .14rem rgba(150,40,34,.26), inset 0 1px 0 rgba(255,255,255,.30); font: .19rem/1 var(--f-kai); letter-spacing: .08rem; text-indent: .08rem; transition: transform .15s var(--ease), box-shadow .15s var(--ease); }
.fixed-btn:active { transform: translateX(-50%); }
.fixed-btn:active .fixed-btn__inner { transform: scale(.985); box-shadow: 0 .02rem .08rem rgba(150,40,34,.20); }
.fixed-btn.is-near-form { width: min(100%,640px); bottom: 0; border-radius: 0; opacity: .82; }

@media screen and (max-width: 360px) {
    .form-card { margin-left: .12rem; margin-right: .12rem; padding-left: .12rem; padding-right: .12rem; }
    .form-item { grid-template-columns: .52rem minmax(0,1fr); padding: 0 .10rem; }
    .form-item__label { font-size: .135rem; }
    .form-item__field, .form-gender, .form-date { padding-left: .09rem; }
    .form-gender { gap: .20rem; }
    .form-agreement { font-size: .105rem; }
    .info-bar { margin-left: .12rem; margin-right: .12rem; padding-left: .11rem; padding-right: .11rem; }
    .info-bar__icon { width: .48rem; height: .48rem; }
    .info-bar__text { padding: 0 .09rem; }
    .info-bar__text p:first-child { font-size: .14rem; }
    .reviews { margin-left: .12rem; margin-right: .12rem; }
    .fixed-btn { padding-left: .12rem; padding-right: .12rem; }
}
@media screen and (min-width: 520px) {
    html { font-size: 133.333px; }
    :root { --bottom-bar-space: calc(80px + env(safe-area-inset-bottom)); }
    .form-card { margin-left: .30rem; margin-right: .30rem; padding-left: .22rem; padding-right: .22rem; }
    .form-item { height: .44rem; grid-template-columns: .56rem minmax(0,1fr); }
    .form-item__field, .form-item input:not([type="hidden"]), .form-gender, .form-gender__opt, .form-date { height: .42rem; line-height: .42rem; }
    .form-submit { height: .44rem; }
    .info-bar { margin-left: .30rem; margin-right: .30rem; }
    .reviews { margin-left: .24rem; margin-right: .24rem; }
    .fixed-btn { padding: 10px 32px calc(10px + env(safe-area-inset-bottom)); }
    .fixed-btn__inner { height: 52px; font-size: 24px; }
}
/* ===== 19. 三页优化与无障碍 ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
button,input,a{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible,[aria-selected]:focus-visible{outline:3px solid #6d4d00;outline-offset:3px}
.form-gender{border:0;margin:0;min-width:0}.form-gender>input{position:absolute;opacity:0;width:1px!important;height:1px!important}.form-agreement>input{width:.20rem;height:.20rem;margin-right:.07rem;accent-color:var(--red)}.fixed-btn[hidden]{display:none}.reviews__toggle{display:block;max-width:100%;min-height:44px;margin:.08rem auto 0;padding:0 .16rem;color:var(--red-d);font-size:clamp(12px,.12rem,16px);line-height:1.4;text-decoration:underline;cursor:pointer}
.dp[hidden],.modal:not(.show){display:none}.dp{padding-top:env(safe-area-inset-top)}.dp__panel,.dp.show .dp__panel{width:min(100%,640px);max-height:calc(100dvh - env(safe-area-inset-top));overflow:hidden;overscroll-behavior:contain;transform:none;padding:0;font-size:16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.dp__header{z-index:2;margin:0;padding:clamp(8px,.10rem,14px) clamp(12px,.14rem,20px);background:var(--paper);border-bottom:1px solid var(--line)}.dp__content{min-height:0;overflow-y:auto;padding:clamp(8px,.10rem,14px) clamp(12px,.14rem,20px)}.dp__actions{padding:0 clamp(12px,.14rem,20px) calc(clamp(10px,.12rem,16px) + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line)}.dp__title{font-size:clamp(17px,.17rem,22px)}.dp__close{min-width:44px;min-height:44px;font-size:clamp(14px,.14rem,18px)}.dp__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,.08rem,10px);margin-bottom:clamp(8px,.10rem,14px)}.dp__modes button,.dp__unknown{min-height:44px;border:1px solid var(--line);border-radius:.06rem;background:var(--sand);color:var(--ink);font-size:clamp(14px,.14rem,17px)}.dp__modes [aria-pressed="true"],.dp__unknown[aria-pressed="true"]{background:var(--red);color:#fff}.dp__wheels{display:grid;grid-template-columns:minmax(52px,1.1fr) minmax(52px,1fr) minmax(52px,.9fr) minmax(70px,1.4fr);gap:clamp(3px,.05rem,7px)}.dp__wheel{height:clamp(150px,28dvh,210px);overflow-y:auto;scroll-snap-type:y mandatory;border-block:1px solid var(--line);background:rgba(255,255,255,.48)}.dp__wheel button{display:block;width:100%;min-height:40px;padding:3px;color:var(--ink-2);font-size:clamp(12px,.12rem,16px);line-height:1.25;scroll-snap-align:center}.dp__wheel button[aria-selected="true"]{background:var(--red);color:#fff;font-weight:700}.dp__unknown{width:100%;margin-top:clamp(8px,.10rem,14px)}.dp__summary{margin-top:clamp(8px,.10rem,14px);color:var(--red-d);font-size:clamp(12px,.13rem,16px);line-height:1.6}.dp__rule{font-size:clamp(11px,.12rem,15px);color:var(--ink-2);line-height:1.6}.dp__confirm{height:clamp(44px,.46rem,54px);margin-top:clamp(10px,.14rem,18px);font-size:clamp(16px,.17rem,21px)}
body.has-date-picker{overflow:hidden}body.has-date-picker>.fixed-btn{display:none}
.sub-header__title{font-weight:400}.terms-section section{scroll-margin-top:.56rem}.terms-toc{display:flex;flex-wrap:wrap;gap:.08rem;padding:.14rem;background:var(--paper);border:1px solid var(--line);border-radius:.06rem}.terms-toc strong{width:100%;font-family:var(--f-kai)}.terms-toc a{min-height:44px;display:inline-flex;align-items:center;padding:0 .10rem;color:var(--red-d);text-decoration:underline}.terms-section p,.terms-section li{font-size:max(.14rem,14px);line-height:1.9}.terms-update{font-size:max(.12rem,12px)!important}.sub-footer{padding:.20rem;text-align:center;color:var(--ink-2);font-size:14px}.sub-footer a{display:inline-flex;min-height:44px;align-items:center;margin:0 .10rem;color:var(--red-d);text-decoration:underline}
.orders-search{display:grid;grid-template-columns:1fr .8rem;gap:.08rem}.orders-search label{grid-column:1/-1;font-size:14px;font-weight:700}.orders-search__input,.orders-search__btn{min-height:44px}.orders-empty__icon{display:block;width:.30rem;height:.30rem;margin:.08rem auto .14rem;border:2px solid var(--gold-d);border-radius:50%;position:relative}.orders-empty__icon::after{content:"";position:absolute;width:.13rem;height:2px;background:var(--gold-d);right:-.09rem;bottom:0;transform:rotate(45deg)}
.apple-dialog{position:fixed;inset:0;z-index:var(--z-loading);display:grid;place-items:center;padding:12px;background:rgba(25,20,18,.34);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transition:opacity .2s var(--ease)}.apple-dialog.show{opacity:1}.apple-dialog__panel{width:min(92vw,420px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overflow:hidden;display:flex;flex-direction:column;background:rgba(255,252,247,.94);border:1px solid rgba(255,255,255,.72);border-radius:20px;box-shadow:0 20px 60px rgba(44,36,22,.24);transform:scale(.92) translateY(8px);transition:transform .28s var(--ease-back)}.apple-dialog.show .apple-dialog__panel{transform:scale(1) translateY(0)}.apple-dialog__content{padding:24px 22px 20px;overflow-y:auto;text-align:center}.apple-dialog__content h2{font:600 18px/1.35 var(--f-sans);color:var(--ink);letter-spacing:0}.apple-dialog__content p{margin-top:8px;font:400 14px/1.55 var(--f-sans);color:var(--ink-2)}.apple-dialog__actions{display:grid;border-top:1px solid rgba(44,36,22,.12)}.apple-dialog__actions button{min-height:50px;color:#9d2d25;background:transparent;font:600 17px/1 var(--f-sans);cursor:pointer}.apple-dialog__actions button+button{border-left:1px solid rgba(44,36,22,.12)}.orders-demo{margin-bottom:10px;padding:8px 12px;color:var(--ink-2);background:rgba(201,162,39,.12);border-radius:8px;font-size:13px}
@media screen and (max-width:360px){.dp__wheels{grid-template-columns:1fr 1fr 1fr 1.25fr}.dp__wheel button{font-size:.11rem}}
@media screen and (max-height:420px){.dp__header{padding-block:4px}.dp__content{padding-block:6px}.dp__wheel{height:132px}.dp__summary{margin-top:6px}.dp__rule{margin:0}.dp__unknown{margin-top:6px}.dp__confirm{margin-top:6px}}
.orders-list{display:block}.orders-demo-phone{margin-top:3px;color:var(--red-d)!important;font-weight:700}.orders-retry{min-height:40px;margin-top:8px;padding:0 12px;border:1px solid var(--red);border-radius:6px;color:var(--red-d);background:var(--paper);cursor:pointer}
@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.reviews__viewport{overflow-y:auto;mask-image:none;-webkit-mask-image:none}
}

/* ===== 20. 子页面重设计（订单 / 条款）—— 古卷金砂延伸 ===== */

/* —— 共用：子页正文区与页脚 —— */
.terms-section{padding:.18rem .16rem .60rem}
.orders-section{padding:.18rem .16rem .60rem}
.sub-footer{position:relative;padding:.22rem .16rem calc(.44rem + env(safe-area-inset-bottom));text-align:center;color:var(--ink-2)}
.sub-footer::before{content:"";display:block;width:.64rem;height:1px;margin:0 auto .18rem;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.sub-footer a{display:inline-flex;min-height:44px;align-items:center;margin:0 .10rem;color:var(--red-d);text-decoration:none;font-size:.13rem}
.sub-footer a::after{content:"·";margin-left:.20rem;color:var(--line-d)}
.sub-footer a:last-of-type::after{display:none}
.sub-footer p{margin-top:.10rem;font-size:.11rem;color:var(--ink-3);line-height:1.6}

/* —— 条款页：卷首引言 —— */
.terms-hero{position:relative;margin:.06rem 0 .20rem;padding:.24rem .20rem .20rem;background:linear-gradient(180deg,var(--paper),var(--paper-d));border:1px solid var(--line);border-radius:.08rem;box-shadow:var(--sh-card);text-align:center;overflow:hidden}
.terms-hero::before{content:"";position:absolute;left:.10rem;top:.10rem;width:.14rem;height:.14rem;border:2px solid var(--gold);border-right:0;border-bottom:0}
.terms-hero::after{content:"";position:absolute;right:.10rem;bottom:.10rem;width:.14rem;height:.14rem;border:2px solid var(--gold);border-left:0;border-top:0}
.terms-hero__seal{width:.50rem;height:.50rem;display:grid;place-items:center;margin:0 auto .12rem;color:var(--gold-l);background:linear-gradient(135deg,var(--red-l),var(--red-d));border:2px solid var(--gold);font:.28rem/1 var(--f-kai);border-radius:.06rem;transform:rotate(-4deg);box-shadow:var(--sh-red)}
.terms-hero__eyebrow{font-size:.11rem;letter-spacing:.14rem;color:var(--gold-d);margin-bottom:.08rem}
.terms-hero__lead{font-size:max(.138rem,14px);line-height:1.9;color:var(--ink-2);max-width:5.6rem;margin:0 auto}
.terms-hero__meta{margin-top:.12rem;font-size:.11rem;color:var(--ink-3);letter-spacing:.02rem}

/* —— 条款页：目录卡 —— */
.terms-toc{display:block;margin-bottom:.22rem;padding:.16rem .14rem .06rem;background:rgba(255,249,235,.72);border:1px solid var(--line);border-radius:.08rem;box-shadow:var(--sh-card)}
.terms-toc strong{width:auto}
.terms-toc__head{display:flex;align-items:center;gap:.08rem;margin-bottom:.10rem;padding-bottom:.10rem;border-bottom:1px dashed var(--line)}
.terms-toc__head strong{font:.17rem/1 var(--f-kai);color:var(--red-d);letter-spacing:.06rem}
.terms-toc__mark{color:var(--gold-d);font:.16rem/1 var(--f-kai)}
.terms-toc__list{display:grid;grid-template-columns:1fr 1fr;gap:.02rem .10rem;margin:0;padding:0}
.terms-toc__list li{list-style:none}
.terms-toc__list a{display:flex;align-items:center;gap:.08rem;min-height:44px;padding:0 .06rem;color:var(--ink-2);font-size:.125rem;border-radius:.04rem;text-decoration:none;transition:background .15s var(--ease)}
.terms-toc__list a b{flex:0 0 auto;width:.22rem;height:.22rem;display:grid;place-items:center;color:var(--red-d);font:.11rem/1 var(--f-kai);border:1px solid var(--line-d);border-radius:50%;background:var(--paper)}
.terms-toc__list a:active{background:var(--sand)}

/* —— 条款页：正文双线卷框 —— */
.terms-body{position:relative;padding:.22rem .18rem .12rem;background:linear-gradient(180deg,var(--paper),#fbf2dc 50%,var(--paper));border:1px solid var(--line-d);border-radius:.08rem;box-shadow:0 .06rem .22rem rgba(92,57,21,.10),inset 0 0 .20rem rgba(201,162,39,.06)}
.terms-body::before{content:"";position:absolute;inset:.06rem;border:1px solid rgba(201,162,39,.45);pointer-events:none;border-radius:.05rem}
.terms-section h2{position:relative;margin:.24rem 0 .12rem;padding-left:.14rem;font-family:var(--f-kai);font-size:.17rem;color:var(--red-d);border-left:3px solid var(--gold)}
.terms-section h2::after{content:"";display:block;width:.42rem;height:1px;margin-top:.07rem;background:linear-gradient(90deg,var(--gold),transparent)}
.terms-section h2:first-child{margin-top:.04rem}
.terms-section p,.terms-section li{font-size:max(.14rem,14px);line-height:1.95;margin-bottom:.08rem;color:var(--ink-2)}
.terms-section ol{padding-left:.26rem}
.terms-section ol li{list-style:decimal}
.terms-section #service>p:first-of-type::first-letter{font-family:var(--f-kai);font-size:.30rem;color:var(--red-d);float:left;line-height:.92;margin:.04rem .08rem 0 0}
.terms-section .terms-update{text-align:center;color:var(--ink-3);margin-top:.30rem;font-size:max(.12rem,12px)!important;padding-top:.16rem;border-top:1px dashed var(--line)}

/* —— 订单页：卷首 —— */
.orders-hero{position:relative;display:flex;align-items:center;gap:.14rem;margin:.06rem 0 .16rem;padding:.18rem .16rem;background:linear-gradient(135deg,var(--paper),var(--paper-d));border:1px solid var(--line);border-radius:.08rem;box-shadow:var(--sh-card);overflow:hidden}
.orders-hero::before{content:"";position:absolute;left:.10rem;top:.10rem;width:.12rem;height:.12rem;border:2px solid var(--gold);border-right:0;border-bottom:0}
.orders-hero::after{content:"";position:absolute;right:.10rem;bottom:.10rem;width:.12rem;height:.12rem;border:2px solid var(--gold);border-left:0;border-top:0}
.orders-hero__seal{flex:0 0 auto;width:.54rem;height:.54rem;display:grid;place-items:center;color:var(--gold-l);background:linear-gradient(135deg,var(--red-l),var(--red-d));border:2px solid var(--gold);font:.30rem/1 var(--f-kai);border-radius:.06rem;transform:rotate(-5deg);box-shadow:var(--sh-red)}
.orders-hero__text{flex:1;min-width:0}
.orders-hero__eyebrow{font-size:.11rem;letter-spacing:.12rem;color:var(--gold-d);margin-bottom:.03rem}
.orders-hero__title{display:block;font:.185rem/1.3 var(--f-kai);color:var(--ink);letter-spacing:.02rem}
.orders-hero__desc{font-size:.12rem;line-height:1.65;color:var(--ink-2);margin-top:.05rem}
.orders-demo-phone{display:inline-block;margin-top:.10rem;padding:.04rem .12rem;background:rgba(192,57,43,.07);border:1px dashed var(--red);border-radius:.04rem;color:var(--red-d)!important;font-weight:700;font-size:.12rem}

/* —— 订单页：搜索表单卡 —— */
.orders-search{position:relative;display:grid;grid-template-columns:1fr auto;gap:.10rem;margin-bottom:.04rem;padding:.16rem .14rem .14rem;background:var(--paper);border:1px solid var(--line);border-radius:.08rem;box-shadow:var(--sh-card)}
.orders-search::before{content:"";position:absolute;left:.08rem;top:.08rem;width:.12rem;height:.12rem;border:2px solid var(--gold);border-right:0;border-bottom:0;pointer-events:none}
.orders-search label{grid-column:1/-1;font:700 .14rem/1 var(--f-kai);color:var(--ink);padding-left:.02rem}
.orders-search__input{flex:none;height:.46rem;min-height:44px;padding:0 .16rem;background:var(--sand);border:1px solid var(--line);border-radius:.06rem;font-size:.15rem;color:var(--ink);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}
.orders-search__input:focus{border-color:var(--gold-d);box-shadow:0 0 0 3px rgba(201,162,39,.14);outline:none}
.orders-search__input::placeholder{color:var(--ink-3)}
.orders-search__btn{width:auto;min-width:.86rem;height:.46rem;min-height:44px;padding:0 .20rem;cursor:pointer;background:linear-gradient(135deg,var(--red-l),var(--red),var(--red-d));color:var(--gold-l);font:.16rem/1 var(--f-kai);letter-spacing:.04rem;border-radius:.06rem;box-shadow:0 .04rem .12rem var(--red-glow),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .12s var(--ease)}
.orders-search__btn:active{transform:scale(.97)}

/* —— 订单页：金线分隔 —— */
.orders-divider{display:flex;align-items:center;gap:.10rem;margin:.16rem 0 .18rem;color:var(--gold-d)}
.orders-divider::before,.orders-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.orders-divider span{width:.26rem;height:.26rem;display:grid;place-items:center;border:1px solid var(--gold);transform:rotate(45deg);font:.13rem/1 var(--f-kai)}

/* —— 订单页：空状态 —— */
.orders-empty{text-align:center;padding:.36rem .20rem;color:var(--ink-3)}
.orders-empty::before{content:"";display:block;width:.46rem;height:.46rem;margin:0 auto .16rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6841a' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='M14.5 14.5L20 20'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.55}
.orders-empty p{font-size:.14rem;line-height:1.7}
.orders-empty .orders-retry{margin-top:.04rem}

/* —— 订单页：结果卡片 —— */
.orders-list{display:block}
.orders-demo{margin-bottom:.10rem;padding:.06rem .12rem;color:var(--ink-2);background:rgba(201,162,39,.12);border-left:2px solid var(--gold);border-radius:.04rem;font-size:.12rem}
.order-card{position:relative;margin-bottom:.12rem;padding:.14rem .16rem .12rem;background:linear-gradient(180deg,var(--paper),#fdf6e3 130%);border:1px solid var(--line);border-radius:.08rem;box-shadow:0 .04rem .14rem rgba(92,57,21,.08),inset 0 1px 0 rgba(255,255,255,.8);overflow:hidden;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.order-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:.05rem;background:linear-gradient(180deg,var(--gold),var(--gold-d))}
.order-card::after{content:"";position:absolute;right:.10rem;top:.10rem;width:.10rem;height:.10rem;border:2px solid rgba(201,162,39,.5);border-left:0;border-bottom:0;opacity:.8}
.order-card:active{transform:scale(.985)}
.order-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.10rem}
.order-card__titles{flex:1;min-width:0}
.order-card__title{display:block;font:.17rem/1.4 var(--f-kai);color:var(--ink);letter-spacing:.02rem}
.order-card__no{margin-top:.03rem;font-size:.11rem;color:var(--ink-3);letter-spacing:.01rem;word-break:break-all}
.order-card__status{flex:0 0 auto;padding:.04rem .12rem;border-radius:.99rem;font-size:.11rem;font-weight:700;white-space:nowrap}
.order-card__status--done{color:#237a49;background:rgba(35,122,73,.12);border:1px solid rgba(35,122,73,.3)}
.order-card__status--processing{color:#9b6414;background:rgba(201,162,39,.16);border:1px solid rgba(201,162,39,.35)}
.order-card__status--failed{color:var(--red-d);background:rgba(192,57,43,.10);border:1px solid rgba(192,57,43,.3)}
.order-card__status--cancelled{color:var(--ink-3);background:rgba(154,138,111,.14);border:1px solid var(--line-d)}
.order-card__status--refunded{color:var(--ink-2);background:rgba(92,74,53,.10);border:1px solid var(--line-d)}
.order-card__rows{margin-top:.10rem;padding:.08rem .02rem;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.order-card__row{display:flex;align-items:center;justify-content:space-between;gap:.10rem;font-size:.12rem;line-height:1.8}
.order-card__row span{color:var(--ink-3)}
.order-card__row b{color:var(--ink-2);font-weight:400}
.order-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.10rem;margin-top:.10rem}
.order-card__amount{display:flex;align-items:baseline;gap:.06rem}
.order-card__amount small{font-size:.10rem;color:var(--ink-3)}
.order-card__amount b{font:.22rem/1 var(--f-kai);color:var(--red-d)}
.order-card__view{flex:0 0 auto;min-height:40px;padding:0 .18rem;border:1px solid var(--red);border-radius:.99rem;color:var(--red-d);background:linear-gradient(180deg,#fffdf8,var(--paper));font:.13rem/1 var(--f-sans);cursor:pointer;box-shadow:0 .02rem .06rem rgba(192,57,43,.12);transition:background .15s var(--ease),transform .12s var(--ease)}
.order-card__view:active{background:rgba(192,57,43,.06);transform:scale(.97)}
.order-card__preview{min-height:40px;margin-top:.10rem;padding:0 .16rem;border:1px solid var(--red);border-radius:.04rem;color:var(--red-d);background:var(--paper);font:.12rem/1 var(--f-sans);cursor:pointer;transition:background .15s var(--ease)}
.order-card__preview:active{background:rgba(192,57,43,.06)}
.orders-retry{min-height:40px;margin-top:.14rem;padding:0 .18rem;border:1px solid var(--red);border-radius:.04rem;color:var(--red-d);background:var(--paper);font:.13rem/1 var(--f-sans);cursor:pointer;transition:background .15s var(--ease)}
.orders-retry:active{background:rgba(192,57,43,.06)}

/* —— 窄屏微调 —— */
@media screen and (max-width:360px){
    .terms-toc__list{grid-template-columns:1fr}
    .terms-toc__list a{font-size:.135rem}
    .orders-hero__seal{width:.48rem;height:.48rem;font-size:.26rem}
    .orders-hero{padding:.16rem .14rem;gap:.12rem}
}
@media screen and (min-width:520px){
    .terms-hero__lead{font-size:15px}
    .terms-toc__list a{font-size:14px}
}

/* ===== 21. 首页右侧竖排订单查询浮动按钮 ===== */
.order-float{position:fixed;right:.05rem;top:58%;z-index:var(--z-sticky);display:flex;flex-direction:column;align-items:center;gap:.02rem;padding:.09rem .06rem .07rem;color:var(--gold-l);background:linear-gradient(160deg,var(--red-l),var(--red) 55%,var(--red-d));border:1px solid rgba(116,26,22,.42);border-radius:.05rem;box-shadow:0 .04rem .12rem var(--red-glow),inset 0 1px 0 rgba(255,255,255,.30);font-size:.11rem;font-weight:700;line-height:1.35;letter-spacing:.02rem;text-align:center;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.order-float:active{transform:scale(.92)}
.order-float:hover{box-shadow:0 .05rem .16rem var(--red-glow),inset 0 1px 0 rgba(255,255,255,.30)}
.order-float::before{content:"";width:.13rem;height:.13rem;margin-bottom:.03rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6c558' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.92}
.order-float span{display:block;width:1em}
body.has-date-picker > .order-float{display:none}
@media screen and (max-height:560px){
    .order-float{top:50%;padding:.08rem .06rem .06rem;font-size:.10rem}
    .order-float::before{width:.11rem;height:.11rem;margin-bottom:.02rem}
}

/* ===== 22. 订单页：最近订单与查看教程 ===== */

/* —— 订单号获取教程（仿照参考案例站） —— */
.orders-tip{margin:.04rem 0 .06rem;background:var(--paper);border:1px solid var(--line);border-radius:.08rem;box-shadow:var(--sh-card);overflow:hidden}
.orders-tip__head{display:flex;align-items:center;gap:.08rem;min-height:44px;padding:.10rem .14rem;color:var(--red-d);font-size:.14rem;font-weight:700;cursor:pointer;list-style:none;transition:background .15s var(--ease)}
.orders-tip__head::-webkit-details-marker{display:none}
.orders-tip__head::before{content:"";flex:0 0 auto;width:.16rem;height:.16rem;border:2px solid var(--gold-d);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6841a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3C/svg%3E") center/contain no-repeat}
.orders-tip[open] .orders-tip__head::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a6841a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E")}
.orders-tip__head::after{content:"▾";margin-left:auto;color:var(--gold-d);font-size:.12rem;transition:transform .2s var(--ease)}
.orders-tip[open] .orders-tip__head::after{transform:rotate(180deg)}
.orders-tip__head:active{background:var(--sand)}
.orders-tip__body{padding:.04rem .16rem .16rem;border-top:1px dashed var(--line)}
.orders-tip__title{display:flex;align-items:center;gap:.06rem;margin:.12rem 0 .08rem;color:var(--red-d);font-size:.15rem;font-weight:700}
.orders-tip__title::before{content:"";flex:0 0 auto;width:.20rem;height:.20rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0392b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18M8 15h3'/%3E%3C/svg%3E") center/contain no-repeat}
.orders-tip__steps{margin:.08rem 0 .12rem;padding-left:.22rem}
.orders-tip__steps li{font-size:.13rem;line-height:1.8;color:var(--ink-2);margin-bottom:.04rem}
.orders-tip__steps li::marker{color:var(--gold-d);font-weight:700}
.orders-tip__img{display:block;width:100%;max-width:5.2rem;margin:.06rem auto 0;border:1px solid var(--line);border-radius:.06rem;box-shadow:var(--sh-card)}
.orders-tip__notice{margin-top:.12rem;padding:.08rem .12rem;font-size:.12rem;line-height:1.7;color:var(--ink-2);background:rgba(201,162,39,.09);border-left:3px solid var(--gold);border-radius:.03rem}

/* —— 订单页：本设备最近订单（Cookie 自动展示） —— */
.orders-auto{padding:.02rem .02rem .10rem}
.orders-auto__title{font-size:.15rem;font-weight:700;color:var(--red-d)}
.orders-auto__hint{font-size:.11rem;line-height:1.6;color:var(--ink-3);margin-top:.03rem}

/* —— 订单卡片：查看完整报告按钮（补全样式） —— */
.order-card__view{display:inline-block;min-height:40px;margin-top:.10rem;padding:0 .16rem;border:1px solid var(--red);border-radius:.04rem;color:var(--red-d);background:var(--paper);font:.13rem/1 var(--f-sans);cursor:pointer;transition:background .15s var(--ease)}
.order-card__view:active{background:rgba(192,57,43,.06)}
