@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101318;--panel:#191d24;--line:#2a3039;--text:#f1f4f5;--muted:#8c96a3;--mint:#94ebce;--gold:#dfbd80}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.65}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--mint)}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;z-index:25;background:#13171c;border-right:1px solid #232830;padding:32px 22px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:750;letter-spacing:1px;line-height:1.2;margin:0 8px 39px}.brand small{display:block;font-size:9px;letter-spacing:4px;color:#98a2aa;margin-top:5px}.brand-mark{width:40px;height:44px;color:var(--mint);display:flex;align-items:center}.brand-mark svg{width:40px;height:40px}.nav-caption{font-size:10px;letter-spacing:2px;color:#6b7784;margin:20px 14px 13px}.sidebar nav a{display:flex;align-items:center;gap:14px;padding:12px 14px;margin:4px 0;border-radius:8px;color:#99a3ae;font-weight:500;font-size:13px;transition:.2s}.sidebar nav a:hover{background:#1b2229;color:#e7eff0}.sidebar nav a.active{background:#203930;color:var(--mint)}.sidebar nav i{font-size:18px;width:19px;text-align:center}.nav-tag{font-size:9px;padding:1px 5px;border:1px solid #51483c;color:#d5b887;border-radius:4px;margin-left:auto;white-space:nowrap}.sidebar-bottom{margin-top:auto;padding-top:30px}.creator-invite{padding:18px 16px;border:1px solid #303d3b;border-radius:10px;background:radial-gradient(ellipse at 0 0,#26483c55,transparent 75%),#191e23;position:relative}.tiny-star{position:absolute;right:16px;top:10px;color:var(--mint);font-size:29px}.creator-invite strong{font-size:14px;font-weight:600;line-height:1.8}.creator-invite p{font-size:10px;color:#8f9a9e;margin:10px 0 14px}.creator-invite .btn{width:100%;padding:7px 12px;font-size:11px;justify-content:space-between}.sidebar-account-link{font-size:11px;color:#94a0a9;display:flex;align-items:center;gap:8px;margin:24px 8px 17px}.sidebar-account-link span{margin-left:auto}.sidebar-foot{font-size:8px;color:#55606b;margin:0 8px;display:flex;justify-content:space-between}.workspace{margin-left:230px}.topbar{height:84px;display:flex;align-items:center;gap:24px;padding:0 38px;border-bottom:1px solid #242930;background:#101318ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.breadcrumb{font-size:11px;color:#73808c;white-space:nowrap}.breadcrumb span{padding:0 12px;color:#404b56}.breadcrumb strong{color:#c1c9d0;font-weight:500}.search{background:#1b2027;border:1px solid #2a3039;border-radius:8px;display:flex;gap:12px;align-items:center;width:360px;height:38px;margin:auto;color:#7d8996;padding:0 13px}.search input{border:0;background:transparent;outline:0;width:100%;color:#e5ecee;font-size:11px}.search kbd{font-size:8px;padding:1px 4px;border:1px solid #39414b;border-radius:3px}.top-actions{display:flex;gap:20px;align-items:center}.demo-chip{font-size:10px;color:#a0b9ac;white-space:nowrap}.demo-chip b{display:inline-block;width:5px;height:5px;background:#83d9b6;border-radius:50%;margin-right:7px}.icon-button{width:30px;height:32px;background:transparent;color:#adb7c2;position:relative}.icon-button em{position:absolute;right:5px;top:5px;width:4px;height:4px;border-radius:50%;background:#99edce}.avatar{width:34px;height:34px;border-radius:50%;background:#b2c8b5;color:#263d31;border:3px solid #27352e;font-size:13px;font-weight:600}.menu-button{display:none}main{padding:30px 38px;max-width:1800px;margin:auto;min-height:80vh}.welcome{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:3px;text-transform:uppercase}.welcome h1,.page-heading h1{font-size:23px;letter-spacing:1px;margin:4px 0 3px;font-weight:650}.welcome p,.page-heading p{color:var(--muted);font-size:11px;margin:0}.date-pill{color:#919ca7;font-size:10px;letter-spacing:1px}.hero{position:relative;min-height:350px;border-radius:14px;overflow:hidden;background:#253a42;isolation:isolate;border:1px solid #3b474a}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b191be8 0%,#0b2025b0 37%,#18383b15 80%),linear-gradient(0deg,#101b22a8,transparent 55%);z-index:-1}.hero-content{padding:38px 42px;max-width:65%}.hero-label{font-size:10px;color:#c9e2dc;letter-spacing:2px;display:flex;align-items:center;gap:10px}.hero-label b{font-weight:500;background:#a8dfce26;padding:4px 8px;border:1px solid #b4e4d53b;border-radius:4px;font-size:9px}.hero h2{font-size:38px;line-height:1.4;font-weight:650;letter-spacing:2px;margin:19px 0 13px}.hero p{font-size:12px;color:#b5c5c7;line-height:1.9;max-width:420px}.hero-actions{display:flex;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px;border-radius:6px;font-size:12px;letter-spacing:.3px;white-space:nowrap;transition:.2s;background:#242c35;color:#d5dfe5}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-primary{background:var(--mint);color:#153b2f;font-weight:650}.btn-ghost{background:#ffffff10;border:1px solid #d6f2ee44;color:#e2efec;backdrop-filter:blur(8px)}.btn-outline{background:transparent;border:1px solid #3b4d46;color:#b5d6c7}.btn-gold{background:#e2c48b;color:#493a1d;font-weight:650}.hero-caption{position:absolute;bottom:22px;right:26px;text-align:right;color:#d7e6e7;font-size:10px;letter-spacing:2px}.hero-caption small{display:block;font-size:8px;color:#b2c7c8;margin-top:5px;letter-spacing:1px}.hero-count{position:absolute;top:25px;right:26px;color:#b7cdcd;font-size:10px;letter-spacing:3px}.hero-count strong{color:white;font-size:15px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 30px}.quick-card{background:#191f25;border:1px solid #2a323a;border-radius:9px;display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;transition:.2s}.quick-card:hover{border-color:#547365;transform:translateY(-2px)}.quick-icon{width:36px;height:36px;border-radius:10px;background:#243b35;color:var(--mint);display:grid;place-items:center;font-size:16px}.quick-card:nth-child(2) .quick-icon{background:#3e3527;color:#dfbf84}.quick-card:nth-child(3) .quick-icon{background:#312e42;color:#c2b9ee}.quick-card strong{font-size:12px;font-weight:550}.quick-card p{margin:3px 0 0;font-size:10px;color:#82909c}.quick-card .arrow{margin-left:auto;color:#758391}.section-top{display:flex;align-items:center;justify-content:space-between;margin:25px 0 18px}.section-top h2{font-size:18px;font-weight:600;letter-spacing:.5px;margin:0}.section-top h2 small{font-size:9px;letter-spacing:2px;color:#77838e;font-weight:400;margin-left:10px}.text-btn{background:transparent;color:#8f9ba5;font-size:11px;padding:4px 0}.text-btn:hover{color:var(--mint)}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 21px}.filter{background:#1a2027;color:#929eaa;border:1px solid #2a313b;border-radius:5px;padding:6px 15px;font-size:11px}.filter.active{color:#a5ecd1;background:#233d33;border-color:#375b4b}.sort-select{margin-left:auto;background:#101318;border:0;color:#98a4b0;font-size:11px;max-width:150px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.video-card{min-width:0;cursor:pointer;position:relative}.thumbnail{aspect-ratio:16/9;border-radius:9px;position:relative;overflow:hidden;background:#25353d;border:1px solid #323b4160}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.video-card:hover .thumbnail img{transform:scale(1.045)}.thumbnail:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0f16a0,transparent 60%);pointer-events:none}.access-badge{position:absolute;left:10px;top:10px;padding:3px 8px;border-radius:4px;font-size:9px;z-index:1;background:#172e27ed;color:#b9f0d5;backdrop-filter:blur(5px)}.access-single{background:#2d2546e8;color:#ded3ff}.access-svip{background:#3e3322ed;color:#f4d49c}.access-creator{background:#233a48ed;color:#b5dff0}.duration{position:absolute;right:9px;bottom:8px;font-size:9px;border-radius:3px;padding:1px 5px;background:#0d1219aa;z-index:1}.play-hover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e3ffefdd;color:#1a4334;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;z-index:2;opacity:0;transition:.2s}.video-card:hover .play-hover{opacity:1}.video-card h3{font-size:13px;font-weight:550;margin:12px 0 7px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-meta{display:flex;align-items:center;color:#84929e;font-size:10px;gap:8px}.mini-avatar{width:20px;height:20px;background:#31463d;color:#bdd0c2;border-radius:50%;display:inline-grid;place-items:center;font-size:9px;flex-shrink:0}.video-meta .views{margin-left:auto;color:#73818f}.video-card .fav{background:transparent;color:#82919d;padding:2px;margin-left:5px}.video-card .fav.saved{color:var(--mint)}.page-footer{display:flex;justify-content:space-between;margin:30px 38px 0;padding:24px 0;border-top:1px solid #242b33;color:#586673;font-size:9px}.page-heading{margin-bottom:25px}.page-heading .eyebrow{margin-bottom:5px}.page-heading p{margin-top:10px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:4px 9px;background:#253c33;color:#a1d9bd;font-size:10px}.membership{display:flex;justify-content:space-between;align-items:center;padding:32px 38px;background:radial-gradient(ellipse at 90% 10%,#51452c,transparent 70%),#25251f;border:1px solid #685739;border-radius:12px;margin:24px 0 30px}.membership h2{font-size:26px;letter-spacing:2px;color:#eed9b1;margin:8px 0}.membership p{color:#b9ac92;font-size:12px}.membership .price{font-size:34px;color:#e6c68b;font-weight:600}.membership .price small{font-size:12px;font-weight:400}.member-benefits{display:flex;gap:20px;color:#c6b691;font-size:10px;margin-top:20px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.post{background:#191e25;border:1px solid #2b333d;border-radius:10px;padding:22px;margin-bottom:16px}.post-head{display:flex;align-items:center;gap:11px}.post-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#3a4942;color:#c5d9cd}.post-head strong{font-size:12px}.post-head small{display:block;font-size:9px;color:#6f7e8b;margin-top:2px}.post-category{margin-left:auto;font-size:10px;color:#99b7aa;background:#23372e;padding:3px 8px;border-radius:4px}.post h3{font-size:17px;font-weight:550;margin:17px 0 9px}.post p{font-size:12px;line-height:1.9;color:#a0acb8;white-space:pre-line}.post-cover{width:100%;height:220px;object-fit:cover;border-radius:7px;margin:12px 0 6px}.post-actions{display:flex;gap:22px;margin-top:16px;color:#82919f;font-size:11px}.post-actions button{background:none;color:inherit;padding:0;font-size:11px}.side-widget{background:#191e25;border:1px solid #2b333c;border-radius:10px;padding:20px;margin-bottom:16px}.side-widget h3{font-size:13px;margin:0 0 15px;font-weight:550}.side-widget p{font-size:11px;color:#92a08b;line-height:1.9}.creator-row{display:flex;gap:10px;align-items:center;margin:16px 0}.creator-row strong{font-size:11px;display:block}.creator-row small{font-size:9px;color:#83909a}.creator-row button{margin-left:auto;background:#253b33;color:var(--mint);font-size:10px;padding:4px 8px;border-radius:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{background:#1a2027;border:1px solid #2b3440;border-radius:10px;padding:22px}.stat label{color:#98a6b2;font-size:11px}.stat strong{display:block;font-size:26px;letter-spacing:1px;margin:10px 0 5px}.stat small{color:#88bba6;font-size:9px}.panel{background:#191f26;border:1px solid #2b3440;border-radius:10px;padding:24px;margin-bottom:20px}.panel h3{font-size:15px;font-weight:550;margin:0 0 18px}.share-box{display:flex;gap:12px}.share-box input{flex:1;min-width:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:400;color:#71808e;padding:12px 14px;border-bottom:1px solid #2a3440}td{padding:16px 14px;color:#b3c0cc;border-bottom:1px solid #252e37}.empty-state{text-align:center;padding:60px 25px;border:1px dashed #34404b;border-radius:12px;color:#8a99a7}.empty-state .empty-icon{font-size:36px;color:#547965;margin-bottom:15px}.empty-state h3{color:#d5e2df;font-size:16px}.empty-state p{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#03070bd4;z-index:100;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(7px);padding:25px;overflow:auto}.modal{width:560px;max-width:100%;background:#1a2028;border:1px solid #3b4752;border-radius:14px;padding:28px;box-shadow:0 20px 120px #000b;max-height:calc(100dvh - 50px);overflow:auto;position:relative}.modal.wide{width:900px}.modal-close{position:absolute;right:16px;top:13px;border:0;background:#27323c;color:#a4b4be;border-radius:50%;width:28px;height:28px;font-size:17px;z-index:3}.modal h2{font-size:21px;font-weight:600;margin:0 0 8px}.modal .sub{font-size:12px;color:#8e9dab;margin-bottom:22px}.modal label{display:block;font-size:11px;color:#adbac6;margin:17px 0 7px}input,textarea,select{background:#121920;color:#dce5eb;border:1px solid #3a4652;border-radius:6px;padding:10px 12px;outline-color:#86dbbb}textarea{resize:vertical;min-height:110px}.modal input:not([type=checkbox]),.modal textarea,.modal select{width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.notice{background:#20372e77;border:1px solid #3b594a;color:#b0c8b8;font-size:11px;padding:12px 14px;border-radius:7px;line-height:1.9;margin:18px 0}.video-stage{aspect-ratio:16/9;background:#070b0e;border-radius:9px;overflow:hidden;position:relative;margin:20px 0}.video-stage video{width:100%;height:100%}.locked-cover{width:100%;height:100%;object-fit:cover;opacity:.25}.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:20px;background:#07101255}.lock-overlay i{font-size:28px;color:#d0bc91}.lock-overlay h3{margin:0;font-size:20px}.lock-overlay p{font-size:12px;color:#b2c0cc;margin:0}.detail-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#8b9aa8;font-size:11px}.detail-line .btn{margin-left:auto;padding:6px 12px}.detail-description{font-size:12px;color:#96a6b4;line-height:1.9;margin-top:18px}.checkout-summary{padding:20px;background:#111820;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin:20px 0;color:#b7c7d3}.checkout-summary strong{font-size:28px;color:var(--mint)}#toasts{position:fixed;right:25px;bottom:24px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{padding:13px 20px;background:#20392f;color:#d2eddf;border:1px solid #426b54;border-radius:8px;box-shadow:0 8px 30px #0005;font-size:12px;animation:slideUp .25s}.toast.error{background:#432b2c;border-color:#80504f;color:#ffd1ca}.loading{display:flex;gap:15px;justify-content:center;align-items:center;min-height:60vh;color:#8caaa0}.spinner{width:20px;height:20px;border:2px solid #355045;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}.form-error{font-size:12px;color:#f8b8ad;margin-top:15px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:410px}.hero-content{padding:48px 50px}.hero h2{font-size:44px}}@media(max-height:850px){.sidebar{padding-top:24px}.brand{margin-bottom:20px}.nav-caption{margin-top:12px}.sidebar nav a{padding:10px 14px}.creator-invite{padding:13px}.sidebar-bottom{padding-top:16px}.creator-invite strong{font-size:12px}}@media(max-width:1200px){.sidebar{width:205px;padding-left:15px;padding-right:15px}.workspace{margin-left:205px}.topbar{padding:0 25px;gap:16px}main{padding:25px}.search{width:300px}.hero-content{max-width:75%;padding:30px}.hero h2{font-size:32px}.hero{min-height:330px}.quick-card{padding:14px 12px;gap:10px}.community-layout{grid-template-columns:minmax(0,1fr) 220px}.top-actions{gap:12px}.date-pill{display:none}.video-grid{gap:22px 16px}}@media(max-width:980px){.search{width:240px}.breadcrumb{display:none}.search{margin-left:0}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-links{grid-template-columns:1fr 1fr}.quick-card:last-child{display:none}.community-layout{grid-template-columns:1fr}.community-aside{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.membership{padding:24px;gap:20px}.member-benefits{gap:10px;flex-wrap:wrap}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:230px;box-shadow:12px 0 60px #000a}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{display:block}.topbar{height:68px;padding:0 16px;gap:10px}.search{flex:1;width:auto;min-width:0}.search kbd{display:none}.top-actions .demo-chip{display:none}.top-actions{gap:6px}main{padding:22px 17px}.welcome h1{font-size:22px}.welcome p{font-size:10px}.hero{min-height:340px;border-radius:10px}.hero-content{padding:25px;max-width:100%}.hero h2{font-size:31px;margin-top:20px}.hero p{font-size:11px;max-width:270px}.hero:after{background:linear-gradient(90deg,#081519e8,#12262b66)}.hero-caption{display:none}.hero-count{right:15px;top:20px}.hero-actions .btn{padding:9px 14px;font-size:11px}.quick-card{padding:13px 11px}.quick-icon{width:30px;height:30px;font-size:13px}.quick-card strong{font-size:11px}.quick-card p{font-size:8px}.quick-card .arrow{display:none}.quick-links{gap:10px;margin:15px 0 24px}.video-grid{gap:20px 12px}.video-card h3{font-size:11px;margin-top:8px}.video-meta{font-size:9px;gap:5px}.video-meta .views{display:none}.video-meta .fav{margin-left:auto}.section-top h2{font-size:17px}.section-top h2 small{display:none}.filters{gap:6px}.filter{font-size:10px;padding:5px 9px}.sort-select{font-size:10px}.access-badge{font-size:8px;left:7px;top:7px;padding:2px 5px}.page-footer{margin:20px 17px 0;display:block;line-height:2}.page-footer span{display:block}.membership{display:block}.membership .membership-buy{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.membership h2{font-size:23px}.membership .price{font-size:26px}.modal-backdrop{padding:12px}.modal{padding:22px 18px;max-height:calc(100dvh - 24px)}.modal h2{font-size:18px;padding-right:25px}.lock-overlay h3{font-size:15px}.lock-overlay p{font-size:10px}.lock-overlay i{font-size:20px}.lock-overlay{gap:8px}.stats-grid{gap:10px}.stat{padding:15px}.stat strong{font-size:23px}.share-box{flex-wrap:wrap}.share-box input{flex-basis:100%}.post{padding:17px}.post-cover{height:180px}.post h3{font-size:15px}.panel{padding:18px}}

.hg-shuffle{border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(0,0,0,.3);color:#fff;padding:7px 12px;white-space:nowrap;font-size:12px;cursor:pointer}.hg-shuffle:focus-visible{outline:2px solid var(--mint);outline-offset:3px}

/* mobile-cards-20261106：移动端入口与作品资料。 */
.video-card .video-description{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.video-card .video-meta{min-height:30px}.video-card .video-meta .fav{margin-left:auto}.video-publisher{margin:0;overflow-wrap:anywhere}
.post-sync-option{display:flex;align-items:center;gap:9px}.post-sync-option input[type=checkbox]{width:auto;margin:0;flex-shrink:0}
@media(max-width:700px){#sidebar,#sidebar.open,#menuToggle{display:none!important}.video-card .video-description{font-size:11px}}

/* Keep the current cover visible while a full-play request is authorized. */
.short-playback-status{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);z-index:3;padding:7px 12px;border-radius:20px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;white-space:nowrap;pointer-events:none}
#detailPlayer{position:relative;min-height:220px}#detailPlayer>.short-placeholder{display:block;width:100%;height:100%;min-height:220px;max-height:65vh;object-fit:contain;background:#080b0d}

/* 支付窗口：窄屏仍可触达每个操作，不影响其他弹窗。 */
#paymentOrderView{min-width:0;overflow-wrap:anywhere}
#paymentOrderView .modal-actions{flex-wrap:wrap}
#paymentOrderView .modal-actions>.btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;justify-content:center}
#paymentOrderView .checkout-summary{min-width:0;flex-wrap:wrap;gap:8px 16px}
#paymentOrderView .checkout-summary>span{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}
#paymentOrderView .checkout-summary>strong{flex:0 0 auto;max-width:100%;white-space:nowrap;font-size:clamp(22px,5vw,28px)}
#paymentOrderView>small{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
#paymentOrderView #paymentGateway>.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
@media(max-width:700px){
  #paymentOrderView .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #paymentOrderView .modal-actions>.btn{width:100%;min-height:44px}
  #paymentOrderView .modal-actions>.btn-primary,#paymentOrderView #paymentCopyLink,#paymentOrderView #paymentPurchases{grid-column:1/-1}
  #paymentOrderView .checkout-summary{padding:14px}
}

/* 极简收银台：备用操作默认折叠，支付内容始终留在订单窗口内。 */
#paymentOrderView .payment-cashier{display:block;width:100%;height:460px;max-height:65dvh;border:0;border-radius:10px;background:#fff}
#paymentOrderView .payment-status{margin:12px 0;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#paymentOrderView .payment-help{margin-top:18px;border-top:1px solid #344b48;padding-top:12px}
#paymentOrderView .payment-help>summary{cursor:pointer;font-size:13px;color:var(--muted);padding:8px 0}
#paymentOrderView .payment-help-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#paymentOrderView .payment-help .btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#paymentOrderView .payment-help small{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;color:var(--muted)}
@media(max-width:700px){#paymentOrderView .payment-cashier{height:430px;max-height:62dvh}#paymentOrderView .payment-help-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#paymentOrderView .payment-help .btn{min-height:44px;width:100%}}

#paymentOrderView .payment-methods{display:grid;gap:10px;margin-top:18px}
#paymentOrderView .payment-method-button{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 16px;border:1px solid #344b48;border-radius:12px;background:#172724;color:#e4f4ee;font:inherit;font-size:16px;text-align:left;cursor:pointer}
#paymentOrderView .payment-method-button:hover{border-color:var(--mint);background:#203930}
#paymentOrderView .payment-method-button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
#paymentOrderView .payment-method-button:disabled{opacity:.6;cursor:wait}
#paymentOrderView .payment-method-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:white;flex:0 0 42px}
#paymentOrderView .payment-alipay{background:#1677ff;font-size:29px;font-weight:600;line-height:1}
#paymentOrderView .payment-wechat{background:#13a65a}
#paymentOrderView .payment-wechat svg{width:33px;height:33px;overflow:visible}
#paymentOrderView .payment-method-arrow{margin-left:auto;color:var(--mint);font-size:25px}
@media(max-width:700px){
  .modal-backdrop.payment-sheet-backdrop{align-items:flex-end;padding:0}
  .modal.payment-sheet-modal{width:100%;max-width:560px;max-height:94dvh;margin:0;border-radius:22px 22px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}
  #paymentOrderView .payment-method-button{min-height:70px}
}

/* 手机和触摸设备的文字控件至少 16px，避免聚焦时浏览器自动放大。
   必须覆盖后加载的播放器/模板小字号；不限制用户双指缩放，不修改滑条和开关。 */
@media (max-width:900px), (any-pointer:coarse){
  input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]),
  textarea,select,[contenteditable="true"],[contenteditable=""],[contenteditable="plaintext-only"]{
    font-size:16px!important;
  }
  .search input{min-width:0}
}

/* USDT 收银台：金额和网络优先，长地址在手机上完整换行。 */
#paymentOrderView .payment-usdt{background:#143c32;color:#8ce3c4;font-size:29px;font-weight:700}
#paymentOrderView .payment-usdt-panel{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
#paymentOrderView .payment-usdt-total{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px;background:color-mix(in srgb,var(--mint) 7%,var(--panel))}
#paymentOrderView .payment-usdt-total>span{flex-basis:100%;font-size:12px;color:var(--muted)}
#paymentOrderView .payment-usdt-total>strong{font-size:clamp(23px,5vw,32px);line-height:1.3;overflow-wrap:anywhere;letter-spacing:.2px}
#paymentOrderView .payment-usdt-total small{font-size:14px;font-weight:500}
#paymentOrderView .payment-usdt-total .btn{margin-left:auto}
#paymentOrderView .payment-usdt-network{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:14px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#paymentOrderView .payment-usdt-network span{font-size:12px;color:var(--muted)}
#paymentOrderView .payment-usdt-warning{font-size:12px;color:var(--gold);padding:0 18px;line-height:1.8;overflow-wrap:anywhere}
#paymentOrderView .payment-usdt-address{display:grid;gap:10px;padding:4px 18px 18px}
#paymentOrderView .payment-usdt-address>span{font-size:12px;color:var(--muted)}
#paymentOrderView .payment-usdt-address code{font-size:14px;line-height:1.8;word-break:break-all;user-select:all;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
#paymentOrderView .payment-usdt-details{padding:0 18px;margin:0;font-size:12px}
#paymentOrderView .payment-usdt-details>div{display:flex;justify-content:space-between;gap:16px;margin:9px 0}
#paymentOrderView .payment-usdt-details dt{color:var(--muted);flex-shrink:0}
#paymentOrderView .payment-usdt-details dd{margin:0;text-align:right;overflow-wrap:anywhere}
#paymentOrderView .payment-usdt-panel>.sub{padding:0 18px;margin:14px 0;font-size:11px;color:var(--muted)}
#paymentOrderView .payment-usdt-order-id{display:block;font-size:11px;color:var(--muted);margin-top:15px;overflow-wrap:anywhere}
#paymentRecovery .payment-recovery-method{display:block;color:var(--muted);font-size:11px;margin-top:4px}
@media(max-width:420px){#paymentOrderView .payment-usdt-total .btn{margin-left:0}#paymentOrderView .modal-actions{flex-wrap:wrap}#paymentOrderView .payment-usdt-details>div{gap:9px}}

/* 按页读取目录，错误和空列表保持可操作。 */
.catalog-status{display:flex;min-height:220px;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:28px;color:var(--muted,#789084)}
.catalog-status p{max-width:38rem;line-height:1.7;margin:0}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 12px;padding:20px 0;border-top:1px solid #dce5df;color:var(--muted,#789084);font-size:13px}.catalog-pagination>div{display:flex;gap:10px}.catalog-pagination button:disabled{opacity:.4;cursor:default}.catalog-pagination .btn{min-height:42px}
@media(max-width:700px){.catalog-pagination{align-items:center;flex-direction:column;gap:14px;padding-bottom:12px}.catalog-pagination>div{width:100%}.catalog-pagination .btn{flex:1}.catalog-status{min-height:50vh;padding:24px 12px}}