:root {--experience-tab-height:calc(72px + env(safe-area-inset-bottom));--ex-accent:var(--fh-accent,var(--frontend-accent,#a365dc));--ex-surface:var(--fh-surface,#fff);--ex-text:var(--fh-text,#382e49);--ex-muted:var(--fh-muted,#80758f);--ex-line:var(--fh-line,#e7e0ef)}
/* Business form geometry applies independently of the customer's published theme version. */
html body .sinput {min-width:0;box-sizing:border-box}
html body .sinput.experience-text-field {border:1px solid var(--ex-line);border-radius:8px;background:var(--ex-surface);padding:10px 12px;color:var(--ex-text);box-sizing:border-box}
html body .sinput:focus-within {border-color:var(--ex-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ex-accent) 14%,transparent)}
html body .sinput input,html body .sinput textarea {font-size:16px!important;line-height:1.55!important;color:var(--ex-text)!important;box-sizing:border-box;scroll-margin-top:90px;scroll-margin-bottom:120px}
html body .sinput uni-input {height:26px!important;min-height:26px!important;width:100%}
html body .sinput uni-textarea {width:100%!important;height:112px!important;min-height:112px!important;max-width:100%;box-sizing:border-box;background:transparent!important;padding:0!important}
html body .sinput textarea {padding:0!important}
html body .sinput input::placeholder,html body .sinput textarea::placeholder {color:var(--ex-muted)}
html body [data-experience-page="reward"] {background:var(--fh-background,#f7f4fd)!important;color:var(--ex-text)!important;padding-bottom:100px!important}
html body [data-experience-page="reward"] .index-title,html body [data-experience-page="reward"] .index-title .u-icon__icon {color:var(--ex-text)!important}
html body [data-experience-page="reward"] .infow .nick {background:transparent!important}
html body [data-experience-page="reward"] .infow .nick .nickname {color:var(--ex-text)!important;font-size:16px!important}
html body [data-experience-page="reward"] .infow .avatar {border-radius:50%;overflow:hidden}
html body [data-experience-page="reward"] .tabt {color:var(--ex-muted)!important;font-size:16px!important}
html body [data-experience-page="reward"] .tabt.on {color:var(--ex-accent)!important}
html body [data-experience-page="reward"] .tabt.on:after {background:var(--ex-accent)!important}
html body [data-experience-page="reward"] .otherserv {padding:12px!important;background:var(--ex-surface)!important}
html body [data-experience-page="reward"] .srow {display:grid!important;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0!important}
html body [data-experience-page="reward"] .srow .stit {width:auto!important;font-size:14px!important;line-height:24px!important;padding-top:9px;color:var(--ex-text)!important}
html body [data-experience-page="reward"] .srow .sinput {width:100%!important;min-width:0}
html body [data-experience-page="reward"] .srow .sinput.experience-multiline {padding:12px}
html body [data-experience-page="reward"] .paymethod {margin-top:14px}
html body [data-experience-page="reward"] .paymethod .box {min-height:52px;padding:8px 12px;border-radius:8px;box-sizing:border-box}
html body [data-experience-page="reward"] .paymethod .box .btit {color:var(--ex-text)!important;font-size:14px!important}
html body [data-experience-page="reward"] .paymethod .box.on .btit {color:#228444!important}
html body [data-experience-page="reward"] .gifts .gift .gname {color:var(--ex-text)!important;font-size:14px!important}
html body [data-experience-page="reward"] .gifts .gift .gprice {color:var(--ex-muted)!important;font-size:13px!important}
html body [data-experience-page="reward"] .xiadan {bottom:0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;background:var(--ex-surface)!important;box-sizing:border-box}
html body [data-experience-page="reward"] .xiadan .xdbtn {height:46px!important;line-height:46px!important;font-size:16px!important;width:100%!important;max-width:460px}
html body [data-experience-page="random"] {height:auto!important;min-height:100dvh;padding-bottom:calc(var(--experience-tab-height) + 96px)!important}
html[data-frontend-suite="1"] body [data-suite-page="random"][data-experience-page="random"] > .xiadan,html body [data-experience-page="random"] > .xiadan {position:fixed!important;bottom:var(--experience-tab-height)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:100%!important;max-width:var(--fh-width,750px)!important;height:auto!important;min-height:72px!important;box-sizing:border-box!important;padding:12px 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(112px,128px)!important;gap:12px!important;align-items:center!important;background:var(--ex-surface)!important;z-index:900!important;box-shadow:0 -4px 18px #37274d0c!important;border-top:1px solid var(--ex-line)!important}
html[data-frontend-suite="1"] body [data-suite-page="random"][data-experience-page="random"] > .xiadan .jiage,html body [data-experience-page="random"] > .xiadan .jiage {min-width:0!important;width:auto!important;font-size:14px!important;line-height:1.45!important;color:var(--ex-text)!important;overflow-wrap:anywhere!important}
html[data-frontend-suite="1"] body [data-suite-page="random"][data-experience-page="random"] > .xiadan .jiaqian,html body [data-experience-page="random"] > .xiadan .jiaqian {font-size:19px!important;line-height:1.2!important}
html[data-frontend-suite="1"] body [data-suite-page="random"][data-experience-page="random"] > .xiadan .xdbtn,html body [data-experience-page="random"] > .xiadan .xdbtn {width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
html[data-frontend-suite="1"][data-frontend-theme] body [data-suite-root][data-suite-page="random"][data-experience-page="random"] > .xiadan uni-button,html body [data-experience-page="random"] > .xiadan uni-button {display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;font-size:16px!important;line-height:1!important;height:48px!important;white-space:nowrap!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--fh-accent,#b765d1),#ee75b2)!important;box-shadow:0 8px 18px color-mix(in srgb,var(--fh-accent,#b765d1) 30%,transparent)!important;color:#fff!important;text-align:center!important}
html body [data-experience-page="random"] > .xiadan .xdbtn uni-button {display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:48px!important;line-height:1!important;padding:0 16px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--fh-accent,#b765d1),#ee75b2)!important;color:#fff!important;text-align:center!important}
html[data-frontend-suite="1"] body [data-suite-page="random"][data-experience-page="random"] > .zhanwei,html body [data-experience-page="random"] > .zhanwei {height:100px!important}
html.experience-keyboard body .wcs-bottom-tabbar,html.experience-keyboard body [data-experience-page="random"] > .xiadan,html.experience-keyboard body [data-experience-page="reward"] .xiadan {visibility:hidden!important;pointer-events:none!important}
html.experience-keyboard body uni-page-body {padding-bottom:120px!important}
html.experience-keyboard body .experience-input-panel {max-height:calc(var(--ex-visual-height,100vh) - 16px)!important;overflow-y:auto!important;overscroll-behavior:contain;transform:translateY(calc(-1 * var(--ex-keyboard-offset,0px)))!important;-webkit-overflow-scrolling:touch}
html body [data-experience-page="reward"] .svgaw,html body [data-experience-page="order_info"] .svgaw {position:fixed!important;inset:0!important;transform:none!important;margin:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;min-height:0!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;box-sizing:border-box!important;display:flex;align-items:center!important;justify-content:center!important;overflow:hidden!important}
html body [data-experience-page="reward"] .svgaw .lime-svga,html body [data-experience-page="order_info"] .svgaw .lime-svga {width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body [data-experience-page="reward"] .svgaw .lime-svga__canvas,html body [data-experience-page="order_info"] .svgaw .lime-svga__canvas {width:100%!important;height:100%!important;max-width:100vw!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;object-fit:contain!important}
html body [data-experience-page="profile"] {--profile-service-text:var(--fh-muted,#5e5c64)}
html body [data-experience-page="profile"] .otherserv .sevlist .svoitem {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;width:25%!important;min-width:0!important;min-height:clamp(58px,16vw,72px)!important;padding:4px 2px!important;box-sizing:border-box!important;color:var(--profile-service-text)!important;font-size:clamp(12px,3.33vw,14px)!important;line-height:1.4!important;text-align:center!important;text-decoration:none!important}
html body [data-experience-page="profile"] .otherserv .sevlist .svoitem :is(uni-image,.experience-service-icon) {display:block!important;width:clamp(30px,9.2vw,38px)!important;height:clamp(30px,9.2vw,38px)!important;margin:0 0 clamp(4px,1.2vw,6px)!important;object-fit:contain!important;flex:none!important}
html body [data-experience-page="profile"] .otherserv .sevlist .svoitem :is(uni-view,.experience-service-label) {display:block!important;max-width:100%!important;color:inherit!important;font:inherit!important;line-height:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body .experience-service:focus-visible {outline:2px solid var(--ex-accent);outline-offset:-2px}
html body .experience-ranking-button {cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html body .experience-ranking-button:focus-visible {outline:2px solid var(--ex-accent);outline-offset:3px;border-radius:6px}
.wcs-payment-bridge {position:fixed!important;left:0!important;bottom:0!important;width:2px!important;height:2px!important;border:0!important;opacity:.01!important;pointer-events:none!important;z-index:-1!important}
.wcs-payment-notice {position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 18px);transform:translate(-50%,-10px);z-index:2147483646;max-width:calc(100vw - 40px);padding:9px 14px;border-radius:6px;background:#222c;color:#fff;font-size:14px;line-height:1.4;text-align:center;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}
.wcs-payment-notice.is-visible {opacity:1;transform:translate(-50%,0)}
html body .bg[data-v-0412b757] {--rank-accent:#a365dc;--rank-bg:#f7f3ff;--rank-ink:#3b2d53;background:var(--rank-bg)!important;height:auto!important;min-height:100dvh;padding:16px 16px 48px!important;color:var(--rank-ink)}
html body .bg[data-v-0412b757] .index-title {color:var(--rank-ink)!important;font-size:20px!important;height:48px;line-height:48px}
html body .bg[data-v-0412b757] .index-title .u-icon__icon {color:var(--rank-ink)!important}
html body .bg[data-v-0412b757] .tabw {display:flex;padding:4px;border:1px solid var(--ex-line);border-radius:8px;background:var(--ex-surface);margin:14px auto 20px;max-width:420px}
html body .bg[data-v-0412b757] .tabt {flex:1;font-size:15px!important;line-height:38px!important;color:var(--rank-ink);border-radius:5px;min-width:0;cursor:pointer}
html body .bg[data-v-0412b757] .tabt.on {background:var(--rank-accent);color:#fff!important;font-weight:700}
html[data-frontend-suite="1"] body .bg[data-v-0412b757] .tabw .tabt {line-height:38px!important;color:var(--rank-ink)!important}
html[data-frontend-suite="1"] body .bg[data-v-0412b757] .tabw .tabt.on {color:#fff!important}
html body .bg[data-v-0412b757] .tabt.on:after {display:none!important}
html body .bg[data-v-0412b757] .top3 {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;padding:26px 0 0;max-width:620px;margin:auto}
html body .bg[data-v-0412b757] .top3>.one {width:100%!important;min-width:0;padding:16px 6px 18px!important;background:var(--ex-surface);border:1px solid var(--ex-line);border-radius:8px;position:relative;min-height:146px;box-sizing:border-box;justify-content:center!important}
html body .bg[data-v-0412b757] .top3>.one.l1 {min-height:178px;border-color:var(--rank-accent);box-shadow:0 5px 20px #4b326511}
html body .bg[data-v-0412b757] .top3>.one::before {content:attr(data-rank);position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;color:var(--rank-accent);border:1px solid var(--rank-accent);background:var(--ex-surface);border-radius:50%}
html body .bg[data-v-0412b757] .top3>.one.l1::before {background:var(--rank-accent);color:white}
html body .bg[data-v-0412b757] .top3 :is(.avt,.avt1) {width:64px!important;height:64px!important;padding:0!important;max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--rank-accent);box-sizing:border-box}
html body .bg[data-v-0412b757] .top3 .avt1 {width:76px!important;height:76px!important}
html body .bg[data-v-0412b757] .top3 :is(.avt,.avt1)>uni-image {width:100%!important;height:100%!important;border-radius:50%}
html body .bg[data-v-0412b757] .top3 .t2 {display:none!important}
html body .bg[data-v-0412b757] .top3 .nick {font-size:14px!important;color:var(--rank-ink)!important;line-height:21px!important;padding-top:12px!important;max-width:100%;overflow-wrap:anywhere}
html body .bg[data-v-0412b757] .otherserv {background:transparent!important;margin:20px auto 0!important;padding:0!important;max-width:620px;border:0!important;box-shadow:none!important}
html body .bg[data-v-0412b757] .oone {min-height:76px;gap:8px;padding:12px!important;margin:0 0 10px;border-radius:8px;background:var(--ex-surface);border:1px solid var(--ex-line);box-sizing:border-box}
html body .bg[data-v-0412b757] .oone .num {font-size:17px!important;width:24px;padding:0!important;text-align:center;color:var(--rank-accent)!important;flex:none}
html body .bg[data-v-0412b757] .oone .avt uni-image {width:42px!important;height:42px!important}
html body .bg[data-v-0412b757] .oone .nick {min-width:0}
html body .bg[data-v-0412b757] .oone .name {font-size:15px!important;color:var(--rank-ink)!important;line-height:22px!important;overflow-wrap:anywhere}
html body .bg[data-v-0412b757] .oone .zhuli uni-button {background:var(--rank-accent)!important;box-shadow:none!important;font-size:12px!important;line-height:32px!important;padding:0 10px!important;border-radius:6px!important}
html body .bg[data-v-0412b757] [data-rank-empty] {opacity:.65;cursor:default}
html[data-frontend-theme="mint"] .bg[data-v-0412b757] {--rank-accent:#24816f;--rank-bg:#eaf6ef;--rank-ink:#224738}
html[data-frontend-theme="mint"] .bg[data-v-0412b757] .top3>.one {border-bottom:5px solid #93c7ad}
html[data-frontend-theme="aurora"] .bg[data-v-0412b757] {--rank-accent:#7860d0;--rank-bg:#f2f3fd;--rank-ink:#37395d}
html[data-frontend-theme="aurora"] .bg[data-v-0412b757] .top3>.one {background:linear-gradient(160deg,#fff,#e4e7ff);border-radius:8px 8px 24px 8px}
html[data-frontend-theme="sakura"] .bg[data-v-0412b757] {--rank-accent:#ba6085;--rank-bg:#fff3f5;--rank-ink:#653c51}
html[data-frontend-theme="sakura"] .bg[data-v-0412b757] .top3>.one {border-style:dashed;background:#fffafb}
html[data-frontend-theme="midnight"] .bg[data-v-0412b757] {--rank-accent:#bd9254;--rank-bg:#171d2b;--rank-ink:#f3e7d5;--ex-surface:#242c3c;--ex-line:#3e485c}
html[data-frontend-theme="midnight"] .bg[data-v-0412b757] .top3>.one {border-top:3px solid #bd9254}
html[data-frontend-theme="strawberry"] .bg[data-v-0412b757] {--rank-accent:#d15168;--rank-bg:#fff6f2;--rank-ink:#6c303f}
html[data-frontend-theme="strawberry"] .bg[data-v-0412b757] .top3>.one {box-shadow:3px 4px 0 #edbbc5;border:2px solid #edbbc5}
@media(max-width:360px) {html[data-frontend-suite="1"] body [data-suite-page="random"][data-experience-page="random"] > .xiadan,html body [data-experience-page="random"] > .xiadan {grid-template-columns:minmax(0,1fr) 108px!important;gap:8px!important;padding:10px 12px!important}html body [data-experience-page="random"] > .xiadan uni-button {font-size:14px!important}html body [data-experience-page="reward"] .srow {grid-template-columns:1fr;gap:6px}html body [data-experience-page="reward"] .srow .stit {padding-top:0}html body .bg[data-v-0412b757] .oone {gap:4px;padding:8px!important}html body .bg[data-v-0412b757] .oone .zhuli uni-button {padding:0 6px!important}}
