*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
        :root{--auok-primary:#eacea1;--auok-bg:#1d2226;--auok-panel:#1d2226;--auok-soft:#22282e;--auok-muted:#958b79}
        html{width:100%;max-width:100%;font-size:calc(100vw / 3.75);background:var(--auok-bg);overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
        body{width:100%;max-width:100%;margin:0;min-height:100vh;background:var(--auok-bg);color:#f7eedb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:0;font-size:.14rem;overscroll-behavior-y:auto;overflow-x:hidden}
        body.account-mode,body.list-scroll-mode{height:100vh;overflow:hidden;overscroll-behavior:none}
        button,input,textarea{font:inherit}
        button{cursor:pointer}
        .app{width:100%;max-width:100vw;min-height:100vh;padding:0 5px 100px;background:var(--auok-bg);overflow-x:hidden}
        body.account-mode .app,body.list-scroll-mode .app{height:100vh;min-height:0;overflow:hidden;padding:0 5px 60px;display:flex;flex-direction:column}
        .topbar{position:sticky;top:0;z-index:20;background:var(--auok-bg);padding:5px 0 0;border-bottom:1px solid rgba(234,206,161,.14)}
        .search{position:relative;display:grid;grid-template-columns:1fr 72px;height:40px;border:1px solid var(--auok-primary);border-radius:5px;overflow:hidden;margin:5px 0;background:#1c2227}
        .search:before{content:'⌕';position:absolute;left:10px;top:6px;color:#a9a093;font-size:20px;z-index:1}
        .search input{height:38px;border:0;background:#1c2227;color:#fff;padding:0 10px 0 38px;font-size:14px;outline:0;min-width:0}
        .search input::placeholder{color:#8d949b}
        .search button{height:38px;border:0;background:var(--auok-primary);color:#151a1e;font-size:14px;font-weight:900}
        .cats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 4px;padding:6px 2px 0}
        .cat{position:relative;height:30px;border:0;border-radius:7px;background:transparent;color:var(--auok-primary);padding:0 2px;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-align:center}
        .cat.active{background:rgba(234,206,161,.1)}
        .cat.active:after{content:'';position:absolute;left:22%;right:22%;bottom:1px;height:2px;border-radius:2px;background:var(--auok-primary)}
        .cat span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .cat-actions{display:grid;grid-template-columns:auto 170px;justify-content:start;gap:10px;padding:8px 0 9px}
        .cat-actions button{height:32px;border:1px solid var(--auok-primary);border-radius:10px;background:var(--auok-panel);color:var(--auok-primary);font-size:14px;font-weight:900;padding:0 10px}
        .notice{position:relative;margin:5px 0 5px;padding:8px 12px 8px 36px;border-radius:10px;background:#34312e;color:#ff1f2d;font-size:14px;font-weight:800;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:clip}
        .notice:before{content:'🔊';margin-right:8px}
        .notice:before{position:absolute;left:12px;top:8px;z-index:2}
        .notice:after{content:'';position:absolute;left:0;top:0;bottom:0;width:36px;border-radius:10px 0 0 10px;background:#34312e;z-index:1;pointer-events:none}
        .notice span{position:relative;z-index:0;display:inline-block;min-width:100%;padding-left:100%;animation:noticeMarquee 16s linear infinite;color:#ff1f2d}
        @keyframes noticeMarquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}
        .content-head{display:flex;align-items:center;justify-content:space-between;padding:0 .07rem .08rem;color:var(--auok-primary);font-size:.14rem;font-weight:900}
        .content-head .hint{color:#b8ad9a;font-size:.12rem;font-weight:600}
        body.home-mode .content-head{display:none!important}
        body.list-scroll-mode .topbar,body.list-scroll-mode .notice{display:none!important}
        body.list-scroll-mode .content-head{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 44px) 28px 10px;color:#f1dcb8;font-size:18px;font-weight:900}
        body.list-scroll-mode .content-head:before,body.list-scroll-mode .content-head:after{content:'';height:1px;background:#bda987}
        body.list-scroll-mode .content-head .hint{display:none}
        .grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 0 16px}
        body.account-mode .grid,body.list-scroll-mode .grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:100px;will-change:transform,scroll-position;align-content:start;transform:translateZ(0);backface-visibility:hidden}
        body.home-mode .grid{padding-bottom:100px;overflow:visible}
        body.account-mode .grid{padding-top:.02rem}
        body.list-scroll-mode .grid{display:grid;align-content:start}
        body.account-mode .grid.pull-back,body.list-scroll-mode .grid.pull-back{transition:transform .24s cubic-bezier(.22,.9,.24,1)}
        body.home-mode .app.pull-back{transition:transform .24s cubic-bezier(.22,.9,.24,1)}
        .pull-tip{display:none;text-align:center;color:#8f969d;font-size:.15rem;font-weight:900;line-height:.24rem;margin:.04rem 0 .12rem}
        body.account-mode .pull-tip,body.list-scroll-mode .pull-tip{display:block!important}
        body.home-mode .pull-tip{display:none!important}
        body.home-mode .pull-tip{position:fixed;left:0;right:0;top:.38rem;z-index:26;margin:0;height:.34rem;line-height:.34rem;pointer-events:none}
        body.home-mode .pull-tip[data-state="idle"]{display:none}
        body.home-mode .pull-tip span:last-child{display:none}
        .pull-tip .spin{display:inline-block;width:.13rem;height:.13rem;border:2px solid rgba(230,230,230,.28);border-top-color:#d8d8d8;border-radius:50%;vertical-align:-.02rem;margin-right:.09rem;animation:spin .72s linear infinite}
        body.home-mode .pull-tip .spin{width:.25rem;height:.25rem;border-width:.04rem;margin-right:0;vertical-align:middle}
        .pull-tip[data-state="idle"] .spin,.pull-tip[data-state="ready"] .spin{display:none}
        body.home-mode .pull-tip[data-state="ready"] .spin{display:inline-block}
        .pull-progress{display:none!important;width:1.32rem;height:.035rem;margin:-.05rem auto .1rem;border-radius:.03rem;background:rgba(234,206,161,.16);overflow:hidden}
        body.account-mode .pull-progress,body.list-scroll-mode .pull-progress{display:none!important}
        .pull-progress span{display:block;width:0;height:100%;border-radius:.03rem;background:var(--auok-primary);transition:width .08s linear}
        .pull-progress.loading span{width:100%;animation:pullbar .42s ease-in-out infinite alternate}
        .side-scroll-progress{display:none;position:fixed;right:.026rem;top:1.18rem;bottom:1.22rem;z-index:27;width:.026rem;border-radius:.03rem;background:rgba(234,206,161,.12);overflow:hidden;pointer-events:none}
        .side-scroll-progress span{position:absolute;right:0;top:0;width:100%;min-height:.18rem;border-radius:.03rem;background:var(--auok-primary);opacity:.92;transform-origin:top;transition:top .08s linear,height .08s linear,opacity .12s ease}
        body.account-mode .side-scroll-progress,body.list-scroll-mode .side-scroll-progress{display:block}
        body.account-mode .side-scroll-progress{top:2.76rem}
        @keyframes spin{to{transform:rotate(360deg)}}
        @keyframes pullbar{from{opacity:.45}to{opacity:1}}
        .card{overflow:hidden;border-radius:8px;background:var(--auok-primary);border:0;min-width:0;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.1)}
        .poster{position:relative;width:100%;aspect-ratio:16/9;flex:0 0 auto;background:#000;overflow:hidden}
        .poster img{display:block;width:100%;height:100%;object-fit:fill}
        .poster .tag{position:absolute;left:0;bottom:0;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;padding:2px 6px;font-size:12px;font-weight:900;line-height:16px}
        .poster .views{position:absolute;right:0;bottom:0;border-radius:4px;background:rgba(0,0,0,.6);color:#fff;padding:2px 6px;font-size:12px;line-height:16px}
        .title{height:48px;padding:5px;color:#10151a;background:var(--auok-primary);font-size:16px;font-weight:900;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left}
        body.account-mode .card,body.list-scroll-mode .card{display:flex;background:var(--auok-primary)}
        body.account-mode .title,body.list-scroll-mode .title{display:-webkit-box!important;min-height:48px;height:48px;color:#10151a;background:var(--auok-primary)}
        .empty{padding:.34rem .12rem;text-align:center;color:#9e9583;font-size:.14rem}
        .load-more{display:none!important;width:calc(100% - .24rem);height:.4rem;margin:.02rem .12rem .9rem;border:1px solid rgba(234,206,161,.35);border-radius:.07rem;background:var(--auok-panel);color:var(--auok-primary);font-weight:900}
        .float{position:fixed;right:5vw;bottom:30vh;z-index:28;display:flex;flex-direction:column-reverse;gap:10px}
        .float button{width:40px;height:40px;line-height:40px;border:0;border-radius:50%;background:#1d2226;color:var(--auok-primary);font-size:14px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:0}
        .download{position:fixed;left:5px;right:48px;bottom:60px;z-index:29;aspect-ratio:8/1;min-height:40px;border-radius:8px;background:#f2f5fb;color:#263044;display:flex;align-items:center;gap:10px;padding:0 8px;font-size:14px;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.25)}
        .download .logo{width:31px;height:31px;border-radius:7px;background:#351706;color:var(--auok-primary);display:flex;align-items:center;justify-content:center}
        .download .logo img{width:100%;height:100%;border-radius:7px;object-fit:cover;display:block}
        .download .logo img{width:100%;height:100%;border-radius:7px;object-fit:cover;display:block}
        .download button{margin-left:auto;border:0;border-radius:5px;background:#5973bd;color:#fff;padding:4px 8px;font-weight:900}
        .download-close{position:fixed;right:8px;bottom:62px;z-index:31;width:38px;height:38px;border:2px solid var(--auok-primary);border-radius:50%;background:var(--auok-panel);color:var(--auok-primary);font-size:20px;line-height:30px}
        .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:60px;background:var(--auok-panel);border-top:1px solid var(--auok-primary);display:flex;justify-content:space-around;align-items:center;font-size:20px;padding:0}
        .tab{border:1px solid var(--auok-primary);border-radius:10px;background:var(--auok-panel);color:var(--auok-primary);font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;width:22%;height:80%}
        .tab.active{background:var(--auok-primary);color:#171c20}
        .mask{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.66)}
        .sheet{display:none;position:fixed;left:.1rem;right:.1rem;bottom:.08rem;z-index:60;max-height:84vh;overflow:auto;background:var(--auok-panel);border:1px solid rgba(234,206,161,.32);border-radius:.12rem;padding:.14rem .12rem .18rem;color:#f8eedb;box-shadow:0 .18rem .48rem rgba(0,0,0,.58)}
        .buy-dialog{left:.15rem;right:.15rem;top:10.5vh;bottom:auto;max-height:calc(100vh - .92rem);overflow:auto;border:1px solid var(--auok-primary);border-radius:0;background:#1b2025;padding:0 .08rem .12rem;color:#f3dfb9;box-shadow:0 .18rem .55rem rgba(0,0,0,.7)}
        .buy-dialog .sheet-head{position:relative;display:block;margin:0 -.08rem .09rem;padding:9px 36px 9px 8px;border-bottom:1px solid var(--auok-primary);text-align:center;min-height:58px}
        .buy-dialog .sheet-title{display:none}
        .buy-dialog .close{position:absolute;right:5px;top:7px;width:36px;height:36px;border:2px solid var(--auok-primary);border-radius:50%;background:#1b2025;color:var(--auok-primary);font-size:32px;font-weight:300;line-height:28px;padding:0;text-align:center}
        .buy-tip{color:#ffff3d;font-size:12.5px;font-weight:900;line-height:20px;letter-spacing:0}
        .buy-dialog .preview{display:block;margin:0 0 8px}
        .buy-dialog .preview img{display:block;width:100%;height:192px;border-radius:0;background:#0b0d0f;object-fit:fill}
        .buy-dialog .preview>div{display:block}
        .buy-dialog .preview-title{display:block;max-height:48px;overflow:hidden;margin:10px 6px 8px;color:var(--auok-primary);font-size:16px;font-weight:900;line-height:24px;text-align:left}
        .buy-dialog .preview-tip{display:none}
        .buy-rows{display:flex;flex-direction:column;gap:7px}
        .buy-row{height:32px;border:0;border-radius:17px;background:var(--auok-primary);color:#06080a;display:grid;grid-template-columns:1fr .72fr 1.55fr;align-items:center;column-gap:6px;padding:0 18px 0 26px;font-size:16px;font-weight:900;line-height:32px;text-align:left}
        .buy-row:active,.buy-save:active,.buy-cancel:active{transform:translateY(1px)}
        .buy-row .buy-label{color:#040506;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .buy-row .buy-price,.buy-row .buy-info{color:#ee1c25;font-weight:900;white-space:nowrap}
        .buy-row .buy-price{font-size:17px}
        .buy-row .buy-info{font-size:16px;text-align:right}
        .buy-footer{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 6px 0}
        .buy-save,.buy-cancel{height:42px;border-radius:22px;font-size:15px;font-weight:900}
        .buy-save{border:0;background:var(--auok-primary);color:#090b0d}
        .buy-cancel{border:1px solid var(--auok-primary);background:#1b2025;color:#f1d8ab}
        .sheet.member-sheet{left:.15rem;right:.15rem;top:37%;bottom:auto;transform:translateY(-50%);max-height:70vh;overflow:visible;border:1px solid var(--auok-primary);border-radius:0;padding:.23rem .1rem .18rem;background:#1a2025;box-shadow:0 .18rem .52rem rgba(0,0,0,.66)}
        .sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.12rem}
        .sheet-title{font-size:.17rem;font-weight:900;color:var(--auok-primary)}
        .close{border:0;background:#293039;color:#fff;border-radius:.05rem;padding:.05rem .1rem;font-size:.13rem}
        .member-sheet .sheet-head{position:absolute;right:-.015rem;top:-.015rem;margin:0;display:block}
        .member-sheet .sheet-title{display:none}
        .member-sheet .close{width:.34rem;height:.34rem;border:2px solid var(--auok-primary);border-radius:50%;background:#20262b;color:var(--auok-primary);font-size:.28rem;line-height:.25rem;padding:0;text-align:center}
        .preview{display:grid;grid-template-columns:1.28rem 1fr;gap:.1rem;margin-bottom:.1rem}
        .member-sheet .preview{display:none}
        .preview img{width:1.28rem;height:.84rem;object-fit:cover;border-radius:.06rem;background:#252a2f}
        .preview-title{font-size:.14rem;line-height:.205rem;color:#f8eed7;font-weight:800;max-height:.62rem;overflow:hidden}
        .preview-tip{margin-top:.04rem;color:#bdb19d;font-size:.12rem;line-height:.18rem}
        .row-btn{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(234,206,161,.18);border-radius:.08rem;padding:.105rem .1rem;margin-bottom:.08rem;background:#20262b;color:#f5eed9}
        .row-btn strong{font-size:.14rem;line-height:.19rem}
        .row-btn span{font-size:.13rem;color:var(--auok-primary);white-space:nowrap;margin-left:.08rem}
        .member-row{height:.36rem;border:0;border-radius:.18rem;background:var(--auok-primary);color:#06080a;padding:0 .18rem;margin:.055rem .005rem;display:flex;align-items:center;justify-content:space-between}
        .member-row strong{display:flex;align-items:center;gap:.12rem;font-size:.15rem;line-height:.18rem;color:#06080a}
        .member-row span{font-size:.14rem;color:#e80012;font-weight:900;margin-left:0}
        .member-row .member-price{color:#e80012;font-size:.16rem;font-weight:900}
        .member-cancel{width:46%;height:.44rem;margin:.14rem auto .02rem;border:1px solid var(--auok-primary);border-radius:.22rem;background:#1a2025;color:#f1d8ab;display:flex;align-items:center;justify-content:center;font-size:.16rem;font-weight:900}
        .pay-sheet{left:0;right:0;bottom:0;height:64vh;max-height:64vh;border:0;border-radius:14px 14px 0 0;background:#fff;color:#222;padding:16px 14px 18px;overflow:hidden}
        .pay-sheet .sheet-head{height:54px;padding-bottom:14px;margin:0;border-bottom:1px solid #f5f5f5}
        .pay-sheet .sheet-title{color:#222;font-size:18px;font-weight:500}
        .pay-sheet .close{border:1px solid #d8d8d8;border-radius:50%;background:transparent;color:#969799;font-size:24px;padding:0;width:30px;height:30px;line-height:24px;text-align:center}
        .pay-tabs{display:none}
        .pay-options{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:112px;gap:14px;padding-top:20px;max-height:calc(64vh - 88px);overflow-y:auto}
        .pay-item{border:0;border-radius:8px;background:#fafafa;color:#222;height:112px;padding:14px 4px 10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:background .2s}
        .pay-item:active{background:#f0f0f0}
        .pay-item.placeholder{visibility:hidden;pointer-events:none}
        .pay-icon{width:48px;height:48px;margin-bottom:8px;border-radius:10px;display:block;object-fit:cover}
        .pay-icon.weixin{border-radius:50%;object-fit:contain}
        .pay-name{font-size:12px;margin-bottom:5px;line-height:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
        .pay-hint{font-size:14px;color:#b4152c;line-height:18px;font-weight:900}
        .account-page{display:none;padding:8px 0 0;width:100%}
        body.account-mode .account-page{flex:0 0 auto;padding-bottom:0}
        .account-card{min-height:94px;border:1px solid rgba(234,206,161,.66);border-radius:8px;background:linear-gradient(180deg,#1b2025 0%,#14191d 100%);display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;padding:12px 12px 12px 10px;margin:8px 0 8px;color:var(--auok-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
        .account-logo{width:60px;height:60px;border-radius:50%;margin:0;background:#050607;display:flex;align-items:center;justify-content:center;color:var(--auok-primary);font-size:30px;font-weight:900;box-shadow:0 0 0 1px rgba(234,206,161,.22),0 8px 18px rgba(0,0,0,.32);overflow:hidden}
        .account-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;display:block}
        .account-info{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:stretch}
        .account-line{min-width:0;display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;column-gap:4px;color:#f1dcb8;font-size:15px;font-weight:900;line-height:20px;white-space:nowrap}
        .account-line b{min-width:0;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .copy-mini{height:24px;border:0;border-radius:6px;background:var(--auok-primary);color:#111519;font-size:13px;font-weight:900;padding:0 9px;margin-left:4px;flex:0 0 auto}
        .account-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 8px 0}
        .account-actions button{width:100%;height:42px;border:0;border-radius:9px;background:var(--auok-primary);color:#111519;font-size:19px;font-weight:900;box-shadow:0 2px 0 rgba(0,0,0,.22)}
        .pay-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 9px;color:#ff2944;font-size:17px;font-weight:900;line-height:22px}
        .refresh-mini{height:30px;border:0;border-radius:6px;background:var(--auok-primary);color:#111519;font-size:13px;font-weight:900;padding:0 10px;box-shadow:0 2px 0 rgba(0,0,0,.18)}
        .section-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#f1dcb8;font-size:17px;font-weight:900;margin:20px 28px 10px}
        .section-title:before,.section-title:after{content:'';height:1px;background:#bda987}
        .user-panel{display:none;position:fixed;left:.1rem;right:.1rem;top:.78rem;bottom:.78rem;z-index:55;background:var(--auok-panel);border:1px solid rgba(234,206,161,.32);border-radius:.12rem;padding:.16rem .12rem;color:#f5eed9;overflow:auto;box-shadow:0 .18rem .48rem rgba(0,0,0,.55)}
        .user-card{border-radius:.08rem;background:#1b2025;padding:.14rem;margin:.12rem 0}
        .line{display:flex;justify-content:space-between;gap:.1rem;padding:.09rem 0;color:#d7cbaa;font-size:.14rem;border-bottom:1px solid rgba(234,206,161,.1)}
        .line:last-child{border-bottom:0}
        .primary,.ghost{width:100%;height:.42rem;border-radius:.07rem;font-weight:900;margin-top:.1rem;font-size:.145rem;overflow:hidden}
        .primary{border:0;background:var(--auok-primary);color:#171c20}
        .ghost{border:1px solid rgba(234,206,161,.35);background:transparent;color:var(--auok-primary)}
        .login-box{display:none;position:fixed;left:.2rem;right:.2rem;top:20vh;z-index:70;background:var(--auok-panel);border:.02rem solid var(--auok-primary);border-radius:.16rem;padding:.28rem .2rem .22rem;box-shadow:0 .18rem .52rem rgba(0,0,0,.66)}
        .login-close-x{position:absolute;right:.18rem;top:.16rem;border:0;background:transparent;color:#d9dce1;font-size:.28rem;line-height:.28rem}
        .login-box h3,.feedback-box h3{margin:0 0 .22rem;text-align:center;color:var(--auok-primary);font-size:.19rem;font-weight:900}
        .login-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 .24rem .12rem;color:#f1dcb8;font-size:.15rem;font-weight:900;text-align:center}
        .login-tab{position:relative;height:.34rem;border:0;background:transparent;color:#f1dcb8}
        .login-tab.active:after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:.42rem;height:.04rem;border-radius:.04rem;background:var(--auok-primary)}
        .login-fields{background:#fff;margin-bottom:.15rem}
        .field-row{height:.56rem;display:grid;grid-template-columns:.42rem 1fr;align-items:center;border-bottom:1px solid #e9e9e9;color:#222}
        .field-row:last-child{border-bottom:0}
        .field-icon{font-size:.18rem;text-align:center;color:#222}
        .login-box input{width:100%;height:.56rem;border:0;background:#fff;color:#111;padding:0 .06rem;outline:0;font-size:.155rem;font-weight:700}
        .login-box input::placeholder{color:#b7b7b7}
        .login-box .primary{height:.48rem;border-radius:.055rem;font-size:.16rem;margin-top:.04rem}
        .login-box .ghost{height:.48rem;border-radius:.055rem;background:#fff;color:#111;border:1px solid #f3e2bd;font-size:.16rem}
        .login-note{margin-top:.14rem;text-align:center;color:#ffff3d;font-size:.15rem;font-weight:900}
        .feedback-box textarea{width:100%;border:0;border-radius:.06rem;background:#252a2f;color:#fff;margin-bottom:.1rem;padding:0 .1rem;outline:0}
        .feedback-box textarea{height:1.02rem;padding:.1rem;resize:none}
        .feedback-box{display:none;position:fixed;left:.2rem;right:.2rem;top:14vh;z-index:70;background:var(--auok-panel);border:1px solid rgba(234,206,161,.34);border-radius:.12rem;padding:.18rem .16rem;box-shadow:0 .18rem .52rem rgba(0,0,0,.62)}
        .feedback-types{display:grid;grid-template-columns:1fr 1fr;gap:.08rem;margin-bottom:.1rem}
        .feedback-types button{height:.34rem;border:1px solid rgba(234,206,161,.28);border-radius:.06rem;background:#252a2f;color:#d8ccb3}
        .feedback-types button.active{background:var(--auok-primary);color:#171c20;font-weight:900}
        .feedback-history{display:none;max-height:3.35rem;overflow:auto;margin-bottom:.1rem;color:#d8ccb3}
        .feedback-history-empty,.feedback-history-loading{padding:.18rem .1rem;text-align:center;color:#aeb4bc;font-size:.135rem}
        .feedback-history-item{border:1px solid rgba(234,206,161,.22);border-radius:.07rem;background:#20252a;margin-bottom:.08rem;overflow:hidden}
        .feedback-history-head{display:grid;grid-template-columns:1fr auto;gap:.08rem;align-items:center;width:100%;min-height:.42rem;border:0;background:transparent;color:#f0dcb9;padding:.08rem .1rem;text-align:left}
        .feedback-history-title{font-size:.145rem;font-weight:900;line-height:.2rem}
        .feedback-history-time{display:block;margin-top:.02rem;color:#858e97;font-size:.115rem;font-weight:500}
        .feedback-history-status{border-radius:.12rem;padding:.025rem .075rem;background:#30363d;color:#d8ccb3;font-size:.12rem;white-space:nowrap}
        .feedback-history-status.done{background:rgba(77,190,123,.18);color:#64db91}
        .feedback-history-body{display:none;border-top:1px solid rgba(234,206,161,.12);padding:.09rem .1rem .1rem;font-size:.13rem;line-height:.2rem;color:#e7e1d7}
        .feedback-history-item.open .feedback-history-body{display:block}
        .feedback-history-label{color:#aeb4bc;margin-top:.06rem}
        .feedback-history-reply{margin-top:.06rem;border-radius:.06rem;background:rgba(234,206,161,.08);padding:.08rem;color:#f5deb3}
        .entry-notice{display:none;position:fixed;left:7.5vw;right:7.5vw;top:50%;transform:translateY(-50%);z-index:72;overflow:hidden;background:#1b2025;border:2px solid var(--auok-primary);border-radius:10px;padding:24px 18px 18px;color:#f3dfb9;box-shadow:0 18px 52px rgba(0,0,0,.72);text-align:center}
        .entry-notice-red{color:#ff171f;font-size:18px;font-weight:900;line-height:26px;margin-bottom:8px}
        .entry-notice-red span{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:42px;margin-left:12px;border-radius:5px;background:var(--auok-primary);color:#0d0f12;font-size:24px}
        .entry-notice-yellow{color:#ffff35;font-size:18px;font-weight:900;line-height:26px;margin-bottom:20px}
        .entry-address-title{font-size:20px;font-weight:1000;color:#ff1720;margin-bottom:11px;letter-spacing:0}
        .entry-address-title span{margin-left:5px;color:#ff1720;font-size:23px;font-weight:1000;vertical-align:-1px}
        .entry-address-pair{display:grid;grid-template-columns:1fr 5px 1fr;align-items:stretch;margin-bottom:14px}
        .entry-address-pair.single{grid-template-columns:1fr}
        .entry-address-pair.single .entry-address-divider{display:none}
        .entry-address-cell{min-width:0;display:flex;flex-direction:column}
        .entry-address-value{height:58px;display:flex;align-items:center;justify-content:center;background:#fff;color:#222;font-size:16px;font-weight:800;line-height:20px;padding:0 8px;word-break:break-all;overflow:hidden}
        [data-entry-index="1"] .entry-address-value{border-radius:6px 0 0 6px}
        [data-entry-index="2"] .entry-address-value{border-radius:0 6px 6px 0}
        .entry-address-pair.single .entry-address-value{border-radius:6px}
        .entry-address-divider{background:#2a2d30;border-left:1px solid rgba(0,0,0,.65);border-right:1px solid rgba(0,0,0,.65)}
        .entry-copy-address{height:44px;border:0;background:var(--auok-primary);color:#111519;font-size:16px;font-weight:900}
        [data-entry-index="1"] .entry-copy-address{border-radius:0 0 0 26px}
        [data-entry-index="2"] .entry-copy-address{border-radius:0 0 26px 0}
        .entry-address-pair.single .entry-copy-address{border-radius:26px}
        .entry-token-card{margin:16px 0 18px;background:#fff;color:#111;border-radius:6px;padding:18px 12px 14px}
        .entry-token-line{font-size:22px;font-weight:900;line-height:30px;word-break:break-all}
        .entry-token-line span{margin-left:2px}
        .entry-token-tip{margin:18px auto 14px;max-width:280px;font-size:18px;font-weight:900;line-height:30px}
        .entry-token-card button{height:40px;border:0;border-radius:7px;background:var(--auok-primary);color:#111519;font-size:17px;font-weight:900;padding:0 18px}
        .entry-close{width:100%;height:52px;border:1px solid var(--auok-primary);border-radius:6px;background:#1b2025;color:#f2ddb8;font-size:18px;font-weight:900}
        @media (max-width:360px){
            .entry-notice{left:5vw;right:5vw;padding:20px 14px 16px}
            .entry-notice-red,.entry-notice-yellow{font-size:16px}
            .entry-address-title{font-size:18px}
            .entry-address-title span{font-size:21px}
            .entry-address-value{font-size:14px}
            .entry-token-line{font-size:20px}
            .entry-token-tip{font-size:16px;line-height:26px}
        }
        .qr-img{width:2.1rem;height:2.1rem;object-fit:contain;display:block;margin:.1rem auto;background:#fff;border-radius:.06rem}
        .toast{display:none;position:fixed;left:50%;bottom:1rem;z-index:90;transform:translateX(-50%);max-width:80vw;border-radius:.08rem;background:rgba(0,0,0,.8);color:#fff;padding:.09rem .12rem;font-size:.13rem;text-align:center}

        .sheet.member-sheet{left:50%;right:auto;top:50%;bottom:auto;width:min(3.42rem,calc(100vw - .32rem));max-height:76vh;transform:translate(-50%,-50%);overflow:hidden;padding:.18rem .12rem .16rem;border:1px solid var(--auok-primary);border-radius:.02rem;background:#171d22;box-shadow:0 .18rem .52rem rgba(0,0,0,.72)}
        .member-sheet .sheet-head{position:relative;right:auto;top:auto;z-index:2;margin:0 0 .1rem;display:block;padding:0 .42rem 0 .02rem;min-height:.42rem}
        .member-sheet .buy-tip{display:block;color:#ffff3d;font-size:.13rem;font-weight:900;line-height:.21rem;text-align:center;margin:0;padding:0}
        .member-sheet .close{position:absolute;right:0;top:.02rem;width:.32rem;height:.32rem;border:2px solid var(--auok-primary);border-radius:50%;background:#171d22;color:var(--auok-primary);font-size:.27rem;line-height:.24rem;padding:0;text-align:center}
        .member-sheet .preview{display:none!important}
        .member-sheet .buy-rows{max-height:calc(76vh - .86rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.08rem;padding:.02rem .02rem .02rem}
        .member-row{flex:0 0 .4rem;min-height:.4rem;border:0;border-radius:.2rem;background:var(--auok-primary);color:#06080a;padding:0 .16rem;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.1rem}
        .member-row strong{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.08rem;color:#06080a;font-size:.15rem;line-height:.18rem;font-weight:900;white-space:nowrap}
        .member-row .member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .member-row span.member-desc{color:#e80012;font-size:.13rem;line-height:.18rem;font-weight:900;white-space:nowrap}
        .member-row .member-price{color:#e80012;font-size:.16rem;font-weight:900;font-style:normal;white-space:nowrap}
        .member-cancel{flex:0 0 .42rem;width:48%;height:.42rem;min-height:.42rem;margin:.08rem auto 0;border:1px solid var(--auok-primary);border-radius:.21rem;background:#171d22;color:#f1d8ab;display:flex;align-items:center;justify-content:center;font-size:.16rem;font-weight:900}

        .pay-sheet{height:58vh;max-height:58vh;padding:14px 13px 18px;background:#fff;color:#1f1f1f;border-radius:14px 14px 0 0;box-sizing:border-box}
        .pay-sheet .sheet-head{height:44px;padding-bottom:10px;border-bottom:1px solid #f1f1f1;box-sizing:border-box}
        .pay-sheet .sheet-title{font-size:17px;font-weight:600;color:#1f1f1f;line-height:30px}
        .pay-sheet .close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:1;color:#969799;background:#fff;box-sizing:border-box}
        .pay-sheet .pay-options{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:98px;gap:10px;padding-top:14px;max-height:calc(58vh - 66px);box-sizing:border-box}
        .pay-sheet .pay-item{width:100%;height:98px;min-width:0;background:#fafafa;border-radius:8px;color:#1f1f1f;padding:10px 6px 8px;box-shadow:inset 0 0 0 1px #f1f1f1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}
        .pay-sheet .pay-item.placeholder{visibility:hidden;pointer-events:none}
        .pay-sheet .pay-icon{flex:0 0 40px;width:40px;height:40px;margin:0 0 7px;border-radius:9px;object-fit:contain;display:block}
        .pay-sheet .pay-name{display:block;flex:0 0 16px;width:100%;max-width:100%;color:#222;font-size:12px;line-height:16px;font-weight:600;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
        .pay-sheet .pay-hint{display:block;flex:0 0 18px;width:100%;font-size:13px;line-height:18px;color:#b4152c;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
        .buy-dialog,.pay-sheet,.member-sheet{backface-visibility:hidden;transform:translateZ(0);contain:layout paint}
        .pay-sheet .pay-options{contain:content;-webkit-overflow-scrolling:touch}
        .pay-sheet .pay-item{transform:translateZ(0)}