:root{--blue:#ec7600;--orange:#ff7900;--ink:#202124;--muted:#737782;--line:#ebe7e2;--page:#f7f6f4}
html{overflow-x:hidden}body{background:var(--page);color:var(--ink);overflow-wrap:anywhere}
button,input,select,textarea{font-family:inherit}button,a,input,select{touch-action:manipulation}button{min-height:44px}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #ff9d3d;outline-offset:3px}input,textarea,select{font-size:16px!important}
.app{width:100%;max-width:none;min-width:0;padding-top:76px;padding-bottom:96px;background:var(--page);overflow:visible;box-shadow:none}
.app-topbar{position:fixed;inset:0 0 auto;height:76px;z-index:15;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:10px 14px}.brand-button{padding:0;border:0;background:white;cursor:pointer}.brand-logo{display:block;width:126px;height:62px;object-fit:contain;aspect-ratio:1020/550}.register-logo .brand-logo{width:220px;height:119px}.brand-row .brand-logo{width:170px;height:92px}.brand h1{display:none}.brand p{font-size:14px}.home-top{padding:22px 16px;background:#fff}.status{display:none}.home-top .brand-row{display:none}.search-box{margin-top:0}.search-box input{border:1px solid var(--line);box-shadow:none}
.bottom-nav.customer-nav{position:fixed!important;top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;transform:none!important;width:auto!important;height:48px!important;padding:0!important;display:flex!important;gap:10px!important;border:0!important;background:transparent!important;box-shadow:none!important;z-index:16}.wallet-pill{gap:8px;padding-left:10px;background:#f5f2ef}.wallet-balance{font-size:14px;white-space:nowrap}.wallet-recharge{min-height:40px;padding:9px 14px;font-size:14px}.customer-avatar{width:38px;height:38px;flex:none;font-size:15px}.mail-button{min-width:32px;width:32px;font-size:27px;color:#262626}.mail-count{font-size:10px}.customer-home{display:none}
.mobile-tabs{position:fixed;inset:auto 0 0;z-index:16;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 5px max(7px,env(safe-area-inset-bottom));min-height:72px;background:#fffffff5;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.mobile-tabs button{border:0;background:none;display:grid;gap:4px;justify-items:center;align-content:center;font-size:12px;color:#555b64;min-width:0;padding:3px}.mobile-tabs button span{font-size:24px;line-height:24px}.mobile-tabs button:hover{color:var(--orange)}.desktop-sidebar{display:none}
.desktop-page-title{display:none}.desktop-nav-caption{display:block;padding:15px 13px 4px;color:#92877e;font-size:11px;font-weight:700;letter-spacing:.08em}.desktop-sidebar button{min-height:38px!important;padding-block:9px!important;white-space:normal;line-height:1.35}
.page-header{top:76px;min-height:54px;height:auto;padding:10px 16px!important;color:#282828;font-size:16px;z-index:5}.page-header>span{min-width:0}.back{min-width:36px;min-height:36px}.content,.detail-wrap,.owned-page,.guide-view,.order-screen,.account-view,.vps-view,.relay-view,.broadband-view,.airport-view,.inbox-wrap{width:100%;max-width:1180px;margin-inline:auto;padding:20px 16px 34px}.owned-page{background:var(--page);min-height:60vh}.owned-title h1{font-size:24px}.ip-hero,.relay-hero,.vps-hero,.broadband-hero,.airport-hero,.account-hero,.guide-hero,.recharge-hero{background:#f8f5f0;padding:24px 16px!important}.ip-hero h1,.guide-hero h1{font-size:25px}.provider-note,.relay-note,.vps-note,.broadband-note,.airport-note{font-size:14px;line-height:1.8}.provider-tab.active,.relay-tab.active,.vps-tab.active,.airport-tab.active{border-color:var(--orange);background:#fff6ec}.provider-tab b,.service b{white-space:normal}.country-card,.relay-card,.vps-card,.account-card,.continent-row{border:1px solid var(--line);box-shadow:none}.country-card span,.vps-card b,.account-card b{color:#d66b00}.service-panel{box-shadow:none;border:1px solid var(--line)}.service-icon{box-shadow:none;font-size:29px;width:49px;height:49px}.service b{font-size:14px}.service small{font-size:12px}.banner{margin:12px 0 22px;min-height:170px;padding:25px 18px;background:#fff1e1}.banner h2{color:#292929;font-size:26px;max-width:260px}.banner p{color:#ad5c13;font-size:18px}.globe{opacity:.25;right:25px;pointer-events:none}.dots{display:none}.promo{display:none}.recommendation{border:1px solid var(--line)}.recommendation .thumb{width:64px;height:74px;font-size:31px}.recommendation h3{font-size:15px}.recommendation .price{font-size:20px}.consult{font-size:13px;padding:9px;background:#242424}
.dashboard-welcome h1{font-size:24px;margin:8px 0}.dashboard-welcome span{font-size:13px;color:var(--muted)}.dashboard-welcome p{color:var(--muted);font-size:15px}.dashboard-wallet{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#242424;color:white;border-radius:18px;padding:24px;margin:22px 0}.dashboard-wallet span{display:block;font-size:14px;color:#e0d9d1}.dashboard-wallet strong{display:block;font-size:34px;margin-top:10px}.dashboard-wallet button{padding:11px 23px;background:var(--orange);border:0;border-radius:25px;color:white;font-size:16px;font-weight:700}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-stats article{padding:17px 9px;border-radius:13px;border:1px solid var(--line);background:white;text-align:center}.dashboard-stats b{display:block;font-size:24px;margin-bottom:7px}.dashboard-stats span{font-size:12px;color:var(--muted)}.section-head h2{font-size:23px}.app-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.app-card{background:white;border:1px solid var(--line);border-radius:17px;padding:20px;min-width:0}.app-card h1,.app-card h2,.app-card h3{margin:0;font-size:19px}.app-card p{color:#737782;line-height:1.75;white-space:pre-line}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap}.card-top h3{flex:1;min-width:120px}.compact-meta{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px 12px;font-size:14px;line-height:1.7;margin:20px 0}.compact-meta dt{color:#85817c}.compact-meta dd{margin:0;white-space:pre-line;min-width:0;overflow-wrap:anywhere}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.card-actions button{flex:1}.expiry-alert,.debit{color:#c75016!important}.credit{color:#278353}.status-tag{border-radius:8px;padding:4px 8px;background:#fff1dc;color:#99540d;font-size:13px}.order-price{display:block;font-size:26px;margin:18px 0}.app-empty{color:var(--muted);padding:35px 15px;text-align:center;line-height:1.7}.primary-action{min-height:46px;background:var(--orange);border:0;color:white;border-radius:24px;padding:12px 20px;font-weight:700}.personal-identity{display:flex;align-items:center;gap:16px}.personal-identity h1{font-size:21px}.personal-identity p{margin:7px 0}.account-menu{display:grid;margin-top:18px;border:1px solid var(--line);background:white;border-radius:17px;overflow:hidden}.account-menu button{border:0;border-bottom:1px solid var(--line);background:white;padding:19px;display:flex;justify-content:space-between;text-align:left;font-size:16px}.account-menu button:last-child{border:0}.account-menu span{color:#9b9289}.service-summary .owned-state{font-size:13px}.proxy-config{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.proxy-config h2{font-size:18px}.config-value{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:9px;align-items:center;margin:14px 0;font-size:14px}.config-value code{overflow-wrap:anywhere;white-space:pre-wrap}.config-value .owned-button{padding:6px 12px}.config-value summary{cursor:pointer;color:#a35912}.service-detail-card{max-width:850px;margin-inline:auto}.order-bar{bottom:72px;padding:12px 16px;width:100%;position:sticky;transform:none;left:auto;z-index:4}.order-bar button{background:var(--orange);float:none;max-width:none;min-height:48px}.toast{bottom:86px;z-index:30;max-width:calc(100% - 24px);overflow-wrap:anywhere}.service-dialog dl{grid-template-columns:88px minmax(0,1fr)}.service-dialog dd{white-space:pre-line}.qr-dialog{max-height:calc(100dvh - 30px);overflow-y:auto}.qr-dialog-head button{min-width:44px;min-height:44px}
.tutorial-tools label{display:grid;gap:9px;font-size:14px}.tutorial-tools input{width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:25px;background:white}.tutorial-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 25px}.tutorial-filters button{padding:9px 14px;border:1px solid var(--line);border-radius:22px;background:white;font-size:14px}.tutorial-filters button.active{background:#fff1df;color:#c36504;border-color:#ffa54c}.tutorial-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tutorial-tags span{font-size:12px;padding:6px 9px;border-radius:7px;background:#f2f3f5;color:#555b64}.tutorial-tags .overseas-tag{background:#fff0d9;color:#a75a08;font-weight:800;border:1px solid #ffd59e}.tutorial-card h3{font-size:18px;line-height:1.6}.tutorial-card .primary-action{width:100%}.tutorial-category h2,.tutorial-videos h2{font-size:22px;margin:26px 0 16px}.tutorial-videos{border-top:1px solid var(--line);margin-top:32px;padding-top:10px}.tutorial-reader{max-width:820px;margin:auto;padding:24px 16px 40px}.tutorial-heading h1{font-size:25px;line-height:1.5;margin:0 0 18px}.tutorial-heading p{color:var(--muted);line-height:1.8}.tutorial-toc{border:1px solid var(--line);border-radius:14px;background:white;margin:24px 0;padding:17px}.tutorial-toc summary{cursor:pointer;font-weight:700;min-height:28px}.tutorial-toc nav{display:grid;gap:6px;margin-top:16px}.tutorial-toc button{padding:11px 0;border:0;background:none;text-align:left;font-size:14px;color:#985508;line-height:1.6}.tutorial-step{background:white;border:1px solid var(--line);border-radius:17px;margin:20px 0;padding:22px 17px;scroll-margin-top:145px}.step-number{display:inline-block;border-radius:8px;padding:6px 11px;background:#fff0dd;color:#aa5b05;font-weight:800;font-size:14px}.tutorial-step p{white-space:pre-wrap;line-height:1.95;font-size:16px;color:#292929;margin:17px 0}.tutorial-step a{color:#bc650b;overflow-wrap:anywhere}.tutorial-step figure{margin:22px 0 6px;text-align:center}.tutorial-image-button{display:block;border:0;padding:0;background:none;margin:auto;max-width:100%;cursor:zoom-in}.tutorial-step img{display:block;max-width:100%;width:auto;max-height:none;height:auto;margin:auto;border:1px solid var(--line);border-radius:9px}.tutorial-step figcaption{margin-top:10px;font-size:12px;color:#8a827a}.tutorial-top{display:block;margin:30px auto}.tutorial-image-dialog{width:min(1200px,calc(100% - 16px));padding:12px}.tutorial-image-dialog img{display:block;max-width:100%;height:auto;margin:16px auto}.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-card{min-width:0}.guide-video{max-width:100%;height:auto}.register-form input{min-width:0}.registration-shell{min-width:0}.register-promo-copy{margin-top:35px}.register-logo{letter-spacing:normal}.register-promo{padding:25px}.registration-screen{padding-top:10px;min-height:80vh}.contact-panel,.recharge-card{max-width:850px}.contact-qr{max-width:100%;height:auto}
@media(max-width:759px){
 .brand-logo{width:90px;height:49px}.app-topbar{padding-left:12px}.bottom-nav.customer-nav{right:10px!important;gap:7px!important}.wallet-balance{font-size:13px}.wallet-recharge{padding:9px 12px}.customer-avatar{width:34px;height:34px}.mail-button{width:30px;min-width:30px}.register-logo .brand-logo{width:160px;height:87px}.register-promo-copy{margin-top:15px}.register-promo-copy h1{font-size:24px}.registration-shell{display:block;width:100%;border-radius:0}.register-form-panel{padding:25px 20px}.owned-table-wrap{overflow:visible}.owned-table,.resource-table{min-width:0!important;display:block;width:100%}.owned-table thead{display:none}.owned-table tbody{display:grid;gap:15px;padding:14px}.owned-table tr{display:block;border:1px solid var(--line);border-radius:13px;padding:17px;min-width:0}.owned-table td{display:block;padding:9px 0!important;border:0;min-width:0;max-width:none;width:100%;font-size:15px}.owned-table td:before{display:block;color:#8a827b;font-size:13px;margin-bottom:7px}.owned-table:not(.resource-table) td:nth-child(2):before{content:'购买时间'}.owned-table:not(.resource-table) td:nth-child(3):before{content:'服务内容'}.owned-table:not(.resource-table) td:nth-child(4):before{content:'状态'}.resource-table td:nth-child(2):before{content:'原始代理'}.resource-table td:nth-child(3):before{content:'中转代理'}.resource-table td:nth-child(4):before{content:'备注'}.resource-table td:nth-child(5):before{content:'状态'}.resource-table td:nth-child(6):before{content:'到期时间'}.resource-table td:nth-child(7):before{content:'续费'}.resource-table td:nth-child(8):before{content:'自动续费'}.customer-note{max-width:none}.proxy-tools button{padding:8px 13px}.owned-product-name{min-width:0}.resource-table .owned-button{width:100%}.owned-filters{display:grid;grid-template-columns:1fr;width:100%;gap:10px}.owned-filters select,.owned-filters input{width:100%;margin:0;max-width:none}.qr-tabs button{font-size:12px}.owned-info{min-width:44px;min-height:44px;cursor:pointer}.proxy-full{font-size:14px}.owned-sidebar{display:block}.owned-info-mobile{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.owned-info-mobile button{border:1px solid var(--line);border-radius:12px;background:white;padding:9px 13px;font-size:14px}.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.relay-grid,.vps-grid,.account-grid{grid-template-columns:minmax(0,1fr)}.provider-tabs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(min-width:760px){.brand-logo{width:150px;height:65px}.app-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding-top:25px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-top{padding:22px max(24px,calc((100% - 1180px)/2))}.page-header{font-size:18px}.registration-shell{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:650px}.tutorial-reader{padding:35px 24px}.tutorial-step{padding:28px}.tutorial-step img{max-width:min(100%,650px)}.tutorial-step p{font-size:17px}.tutorial-heading h1{font-size:30px}.service-detail-card .compact-meta{grid-template-columns:110px minmax(0,1fr)}}
@media(min-width:760px) and (max-width:1023px){.app{padding-bottom:96px}.mobile-tabs{display:grid}.customer-home{display:none}.order-bar{bottom:72px}.toast{bottom:86px}.service-panel{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.mobile-tabs{display:none}.customer-home{display:block}.desktop-page-title{display:block;margin-left:17px;padding-left:17px;border-left:1px solid var(--line);font-size:18px;font-weight:700;white-space:nowrap}.app{padding-bottom:30px}.order-bar{bottom:0}.toast{bottom:25px}.desktop-sidebar{display:grid;align-content:start;gap:3px;position:fixed;inset:76px auto 0 0;width:224px;padding:12px 14px 26px;background:white;border-right:1px solid var(--line);overflow-y:auto;z-index:6}.desktop-sidebar button{padding:9px 13px;border:0;border-radius:10px;background:none;text-align:left;font-size:14px;color:#555b64}.desktop-sidebar button:hover{background:#fff4e6;color:#b8640a}.app{margin-left:224px;width:calc(100% - 224px)}.app-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-screen .app-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-category .app-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owned-table{min-width:670px}.resource-table{min-width:1150px}}
@media(min-width:1600px){.content,.detail-wrap,.owned-page,.guide-view,.order-screen,.account-view,.vps-view,.relay-view,.broadband-view,.airport-view,.inbox-wrap{max-width:1510px}.app-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-top{padding-inline:max(30px,calc((100% - 1510px)/2))}}
/* Admin shares branding and wallet presentation while retaining its delivery editor. */
.shell .brand-logo{width:150px;height:80px}.shell .top{flex-wrap:wrap}.shell .grid,.delivery-grid{min-width:0}.shell .row{overflow-wrap:anywhere}.shell .row>div{min-width:0}.shell .field input,.shell .field select{min-width:0}.shell .row .button{white-space:normal}.shell .app-card-grid{margin-top:16px}
@media(max-width:600px){.shell .row{flex-wrap:wrap}.shell .row .button{width:100%}}
/* Delivery controls have their own dimensions; generic button height must not stretch them. */
.owned-info{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:none;width:26px;min-width:26px;max-width:26px;height:26px;min-height:26px;max-height:26px;padding:0;margin-left:4px;border:0;border-radius:50%;background:transparent;color:#81776f;line-height:1;cursor:pointer}
.owned-info svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.owned-info:hover{background:#fff0df;color:#d46a00}
.proxy-config h2{display:flex;align-items:center;gap:5px}
.proxy-mobile-label{display:none}
.proxy-cell .config-value{grid-template-columns:38px minmax(0,1fr);gap:8px;margin:7px 0;font-size:13px;align-items:start}
.proxy-credentials code{display:block;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.proxy-credentials .config-value>span{color:#8a827b;line-height:1.6}
.subscription-cell{min-width:200px;max-width:270px}
.subscription-value{overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.7}
.subscription-value a{color:#b45e08;text-decoration:underline;text-underline-offset:3px}
.subscription-config .proxy-tools button{padding:12px 18px;border-radius:22px}
#personalContent .dashboard-stats{margin-top:18px}
@media(max-width:759px){
 .owned-info{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px}
 .resource-table td.proxy-cell:before{content:none}
 .proxy-mobile-label{display:flex;align-items:center;gap:5px;color:#8a827b;font-size:13px;margin-bottom:10px}
 .resource-table.subscription-delivery td:nth-child(2):before{content:'订阅链接'}
 .resource-table.subscription-delivery td:nth-child(3):before{content:'备注'}
 .resource-table.subscription-delivery td:nth-child(4):before{content:'状态'}
 .resource-table.subscription-delivery td:nth-child(5):before{content:'到期时间'}
 .resource-table.subscription-delivery td:nth-child(6):before{content:'续费'}
 .resource-table.subscription-delivery td:nth-child(7):before{content:'自动续费'}
 .proxy-cell .config-value{grid-template-columns:44px minmax(0,1fr);font-size:14px}
 .subscription-cell{max-width:none;min-width:0}
}
@media(prefers-reduced-motion:reduce){.renew-switch:before{transition:none}}
/* Mobile-first catalog, account shortcuts and search results. */
.wallet-balance{display:flex;align-items:center;gap:6px}
.wallet-icon{display:block;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.country-name{display:flex!important;align-items:center;gap:8px;min-width:0;line-height:1.55;overflow-wrap:anywhere}
.country-flag{display:inline-block;flex:none;width:24px;height:18px;object-fit:contain;border-radius:2px;box-shadow:0 0 0 1px #0000000b;vertical-align:middle}
.detail-head .country-flag{width:42px;height:31.5px}
.search-results{position:relative;max-height:min(440px,55dvh);overflow:auto;overscroll-behavior:contain;margin-top:12px;z-index:7}
.search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:76px;height:auto;padding:14px 16px;font-size:15px;line-height:1.6}
.search-result span{position:static;min-width:0;left:auto;top:auto;font-size:inherit;color:inherit}
.search-result-copy b{display:flex;gap:8px;align-items:center;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.search-result-copy small{display:block;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin-top:5px}
.search-result .tag{color:#c66408;white-space:nowrap;font-size:12px}
.register-points .support-hours{display:block;font-size:13px;line-height:1.7;font-weight:400;color:#7f7770;margin-top:6px;margin-left:31px}
.renewal-reminder{max-width:760px;margin-top:10px;padding:11px 14px;border:1px solid #f0dfcd;border-radius:12px;background:#fffaf4;color:#71665c;font-size:13px;line-height:1.7}
.renewal-reminder p{margin:0}
.renewal-reminder p+p{margin-top:3px}
.delivery-instructions{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#5f5852}
.renewal-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:16px 0}
.renewal-options button{display:grid;gap:5px;border:1px solid var(--line);background:white;border-radius:13px;padding:12px 10px;color:var(--ink);font:inherit;font-size:14px;line-height:1.5}
.renewal-options button.selected,.renewal-options button[aria-pressed=true]{border-color:var(--orange);background:#fff3e5;color:#b85b00;box-shadow:0 0 0 1px var(--orange)}
@media(max-width:759px){
 .service-panel{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:18px 6px}
 .service{min-width:0}
 .service small{white-space:normal;overflow-wrap:anywhere;line-height:1.5;min-height:36px;font-size:11.5px}
 .search-result{padding:14px 12px;gap:8px}
 .card-actions{gap:10px}
 .card-actions button{white-space:normal;min-width:0;line-height:1.5}
 .config-value{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}
 .config-value .owned-button{padding:8px 10px;white-space:normal;font-size:12px}
 .service-detail-card{padding:18px 15px}
 .registration-screen .register-promo{display:block;padding:20px}
 .register-promo-copy{margin-top:18px}
 .register-promo-copy h1{font-size:23px;margin:0 0 16px}
 .register-points{display:grid;gap:9px;margin:0!important}
 .register-points li{margin:0!important;font-size:13px;line-height:1.5}
 .register-form-panel{padding:24px 20px 32px}
 .register-form-panel .register-form-wrap>h1{font-size:30px}
 .renewal-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:359px){.brand-logo{width:72px;height:40px}.bottom-nav.customer-nav{gap:5px!important}.wallet-recharge{padding:9px 10px;font-size:12px}.wallet-balance{font-size:12px;gap:4px}.wallet-pill{gap:5px;padding-left:8px}.mail-button{width:27px;min-width:27px}}
/* Inventory wait decisions and lifetime hot ranking. */
.inventory-wait-card{margin:18px 0;padding:16px;border:1px solid #f0d19e;border-radius:15px;background:#fff9ee;min-width:0}.inventory-wait-card.resolved{border-color:#e4ded5;background:#faf9f7}.inventory-wait-title{display:flex;gap:11px;align-items:flex-start}.inventory-wait-title>div{min-width:0}.inventory-wait-title strong,.inventory-wait-title small{display:block}.inventory-wait-title strong{font-size:16px;color:#7f470b}.inventory-wait-title small{margin-top:4px;color:#8b8177;font-size:12px;overflow-wrap:anywhere}.inventory-wait-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#ffe4b8;color:#a95a00;font-size:19px}.inventory-wait-card dl{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px 10px;margin:15px 0;font-size:13px;line-height:1.7}.inventory-wait-card dt{color:#8a7867}.inventory-wait-card dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.inventory-wait-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}.inventory-wait-actions .owned-button{width:100%;white-space:normal;line-height:1.55;padding:11px 13px}.owned-button.danger{border-color:#d7a184;color:#a94416;background:#fffaf7}.inventory-wait-result,.inventory-message-result{margin:12px 0 0!important;padding:10px 12px;border-radius:10px;background:#f1eee9;color:#514a43!important;font-size:13px;line-height:1.7}.inventory-message{border-color:#efc58f!important;background:#fffdf9}.inventory-message-note{margin:14px 0;padding:13px;border-radius:12px;background:#fff7e8;color:#5e5144}.inventory-message-note p{margin:6px 0;color:#5e5144}.inventory-message-note small{display:block;color:#8a7867;overflow-wrap:anywhere}.status-refunded,.status-cancelled{background:#f2efec;color:#6d6258}.status-awaiting_customer_wait_decision{background:#fff0d7;color:#9a5100}.status-customer_agreed_wait{background:#edf7ee;color:#28733a}.hot-rank-badge{display:inline-block;padding:3px 7px;border-radius:7px;background:#fff0dc;color:#b35b00;font-size:11px;font-weight:800}.hot-ranking-card .price{font-size:16px}.hot-ranking-empty{grid-column:1/-1;padding:24px;border:1px dashed #dfd5ca;border-radius:16px;background:#fff;color:#746b63;text-align:center;line-height:1.7}
@media(min-width:520px){.inventory-wait-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.inventory-wait-card{padding:14px 12px}.inventory-wait-card dl{grid-template-columns:minmax(0,1fr)}.inventory-wait-card dt{margin-top:4px}.inventory-wait-actions{grid-template-columns:minmax(0,1fr)}.inventory-message{padding:17px 14px}.hot-ranking-card{align-items:flex-start}.hot-ranking-card .consult{align-self:center;white-space:normal;min-width:70px}.hot-ranking-card .recommendation-info{overflow:hidden}}

/* Server catalogs: Lisa SKUs, bandwidth guidance and complete location choices. */
.coupon-picker{display:grid;gap:8px;margin-top:16px;font-weight:700;color:#29231f}.coupon-picker select{width:100%;min-height:46px;padding:0 14px;border:1px solid #e5d6c8;border-radius:12px;background:#fff;color:#24211f;font:inherit}.invite-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px}.invite-card>div p{margin:0 0 4px;color:#82766d}.invite-card>div strong{font-size:28px;letter-spacing:.16em}.invite-card>p{grid-column:1/-1;margin:0;color:#756a62;line-height:1.65}.coupon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.coupon-card{display:grid;grid-template-columns:minmax(150px,.8fr) 1.2fr;gap:20px;border-left:5px solid #ff7a00}.coupon-card.used,.coupon-card.expired{filter:saturate(.25);opacity:.76}.coupon-card.locked{border-left-color:#e2a21a}.coupon-card>div>span{color:#8a7b71}.coupon-card>div>strong{display:block;margin:8px 0;color:#ff7100;font-size:32px}.coupon-card>div>p{margin:0}.coupon-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px;margin:0}.coupon-card dt{color:#8a7b71}.coupon-card dd{margin:0;overflow-wrap:anywhere}
.server-bandwidth-info{margin:18px 0;padding:14px 15px;border:1px solid #f0d9b9;border-radius:13px;background:#fff9ed;color:#725b35;line-height:1.75}
.server-bandwidth-info b{display:block;color:#a65a08;font-size:14px;margin-bottom:3px}.server-bandwidth-info p{margin:0;font-size:13px;overflow-wrap:anywhere}
.server-location-panel{margin:20px 0;padding:16px;border:1px solid #eadfd3;border-radius:15px;background:#fff}.server-location-panel h2{margin:0 0 12px;font-size:17px}
.server-location-chips{display:flex;flex-wrap:wrap;gap:8px}.server-location-chips span{max-width:100%;padding:7px 10px;border-radius:9px;background:#fff3e5;color:#99510b;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.server-location-select{display:grid;gap:8px;margin:10px 0 16px;color:#675b50;font-size:13px}.server-location-select select{width:100%;min-width:0;padding:12px 13px;border:1px solid #dccabd;border-radius:11px;background:#fff;color:#302e2c;font:inherit}
.server-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 18px}.server-spec-grid>div{min-width:0;padding:11px 12px;border-radius:11px;background:#f7f5f2}.server-spec-grid dt{color:#8a7e73;font-size:12px}.server-spec-grid dd{margin:5px 0 0;color:#302e2c;font-size:14px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.server-description{margin:10px 0 0;padding:13px 14px;border-radius:11px;background:#f8f6f3;color:#5f574f;font-size:13px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.broadband-group .vps-grid{align-items:stretch}.broadband-product-card{height:100%;min-width:0}.broadband-product-card small{overflow-wrap:anywhere}
.subscription-raw{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.subscription-raw>strong{display:block;margin-bottom:8px;font-size:13px}
.delivery-instructions-static{margin-top:13px;padding:10px 12px;border-radius:10px;background:#fff8ec;color:#6a5642}.delivery-instructions-static h4{margin:0 0 5px;font-size:13px}.delivery-instructions-static p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}
.message-card>p:first-of-type{white-space:pre-line}.renew-plan-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:5px 7px;border:0;border-radius:6px;background:#fff4e6;color:#b45d09;font-size:12px;white-space:nowrap}.renew-plan-edit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-order-note{margin-top:16px;padding:12px 14px;border-radius:11px;background:#fff7ea;color:#715333;line-height:1.65}.account-order-note strong{display:block;color:#a95a07;font-size:14px}.account-order-note p{margin:5px 0 0;font-size:13px}
@media(max-width:1023px){.inventory-wait-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.inventory-wait-actions button{white-space:normal}.message-card{min-width:0}}
@media(max-width:759px){
 .server-location-panel{padding:14px 12px}.server-location-chips{gap:7px}.server-location-chips span{flex:1 1 145px}
 .server-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.server-spec-grid>div{padding:10px}
 .broadband-product-card strong{font-size:14px}.broadband-product-card small{font-size:12px}
}
@media(max-width:380px){.server-spec-grid{grid-template-columns:minmax(0,1fr)}.server-location-chips span{flex-basis:100%}}
@media(min-width:1024px){
 .service-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px;align-items:stretch}
 .service-panel .service{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-content:center;align-items:center;min-width:0;min-height:106px;padding:15px;text-align:left;border:1px solid #eee5dc;border-radius:15px;background:#fff}
 .service-panel .service .service-icon{grid-row:1/3;margin:0;width:52px;height:52px}
 .service-panel .service b{align-self:end;font-size:15px;line-height:1.4}
 .service-panel .service small{align-self:start;min-height:0;margin-top:4px;white-space:normal;overflow-wrap:anywhere;line-height:1.45;font-size:11.5px}
 .order-screen .app-card-grid,#ledgerScreen .app-card-grid{grid-template-columns:minmax(0,1fr)}
 .order-screen .app-card{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(95px,.5fr) minmax(250px,2fr) minmax(120px,.7fr);align-items:start;gap:14px 20px;padding:19px 22px}
 .order-screen .app-card .card-top{grid-column:1;display:grid;gap:9px}.order-screen .app-card .card-top h3{min-width:0;overflow-wrap:anywhere}
 .order-screen .app-card .order-price{grid-column:2;margin:0;font-size:20px;white-space:nowrap}
 .order-screen .app-card .compact-meta{grid-column:3;display:grid;grid-template-columns:95px minmax(0,1fr);margin:0;gap:4px 8px;font-size:12px}
 .order-screen .app-card>.owned-button{grid-column:4;grid-row:1;margin-top:0;padding:10px 12px;white-space:normal}
 .order-screen .app-card .inventory-wait-card{grid-column:1/-1;grid-row:2;margin-top:2px}
 #ledgerScreen .app-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,1.2fr) minmax(400px,2fr);align-items:start;gap:12px 20px}
 #ledgerScreen .app-card .card-top{grid-column:1}#ledgerScreen .app-card>p{grid-column:2;margin:0}#ledgerScreen .app-card .compact-meta{grid-column:3;margin:0;grid-template-columns:110px minmax(0,1fr)}
 #serviceDetailScreen .service-detail-card{max-width:1280px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0 28px}#serviceDetailScreen .service-detail-card>.card-top{grid-column:1/-1}#serviceDetailScreen .service-detail-card>.compact-meta{grid-column:1;grid-row:2;align-content:start}#serviceDetailScreen .service-detail-card>.proxy-config{grid-column:2}#serviceDetailScreen .service-detail-card>.card-actions{grid-column:1/-1}
 .recharge-shell{width:min(calc(100% - 48px),1280px);max-width:none}.recharge-campaign-tiers{gap:14px}.recharge-campaign-tiers button{padding:15px}.recharge-payments{gap:24px}
}
@media(min-width:1024px) and (max-width:1199px){.order-screen .app-card{grid-template-columns:minmax(150px,1fr) 95px minmax(230px,2fr) 115px;gap:12px}#ledgerScreen .app-card{grid-template-columns:150px minmax(140px,1fr) minmax(340px,2fr)}}

/* 本轮增量：MIYA 周期、订单中心、问题反馈与住宅 IP 移动详情。 */
.live-line-entry{border-color:#f1c58e;background:#fffaf3}.live-line-entry strong{color:#ad5904}.miya-line-note{margin:10px 0 16px;padding:14px 15px;border:1px solid #f0d7b5;border-radius:13px;background:#fff9ef;color:#6d583e;line-height:1.7}.miya-line-note b{display:block;color:#a75b0d}.miya-line-note p{margin:4px 0 0;font-size:13px}
.resource-region{display:flex;align-items:center;gap:8px}.resource-region .country-flag{width:24px;height:18px}.desktop-proxy-body{display:block}.mobile-proxy-details,.mobile-service-identity{display:none}
.desktop-order-center,.mobile-order-center{text-align:left}.mobile-order-center{display:none}.desktop-order-center{width:100%;max-width:1510px;margin:auto}.client-order-filters{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(160px,.65fr) minmax(150px,.6fr) minmax(220px,1fr);gap:10px;margin:0 0 16px}.client-order-filters input,.client-order-filters select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.client-order-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}.client-order-table{width:100%;min-width:1160px;border-collapse:collapse;font-size:13px}.client-order-table th{padding:12px 14px;background:#f8f6f3;color:#766f68;text-align:left;white-space:nowrap}.client-order-table td{padding:14px;border-top:1px solid var(--line);vertical-align:top;line-height:1.55}.client-order-table tr[data-action]{cursor:pointer}.client-order-table tr[data-action]:hover,.client-order-table tr.selected{background:#fff8ef}.client-order-table td:first-child{max-width:180px;overflow-wrap:anywhere}.desktop-order-detail{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.order-detail-grid{display:grid;grid-template-columns:130px minmax(0,1fr) 130px minmax(0,1fr);gap:9px 14px;margin:18px 0;line-height:1.7}.order-detail-grid dt{color:#827b73}.order-detail-grid dd{min-width:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.order-detail-empty{padding:30px;text-align:center;color:var(--muted)}.order-detail-note{margin-top:15px;padding:13px;border-radius:11px;background:#fff8ec;color:#6c5943;line-height:1.7;white-space:pre-wrap}.mobile-order-cards{display:grid;gap:12px}.mobile-order-cards .owned-button{width:100%;margin-top:12px}
.feedback-nav{display:flex;align-items:center;gap:6px;min-height:40px;padding:7px 10px;border-radius:10px;background:transparent;color:#34383e;font-weight:700}.feedback-nav:hover,.feedback-nav:focus-visible{background:#fff2e5;color:#b65d08}.feedback-nav .customer-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feedback-page{width:min(calc(100% - 32px),920px);margin:28px auto 55px}.feedback-heading{margin-bottom:18px}.feedback-heading h1{margin:0;font-size:27px}.feedback-heading p{margin:7px 0 0;color:var(--muted);line-height:1.7}.feedback-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.feedback-form>label{display:grid;gap:7px;min-width:0;color:#504a45;font-size:14px;font-weight:700}.feedback-form>label:nth-of-type(5),.feedback-form>label:nth-of-type(6),.credential-warning,.feedback-form>.dialog-message,.feedback-form>.primary-action{grid-column:1/-1}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;min-width:0;padding:12px 13px;border:1px solid #ddd3ca;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.feedback-form input:disabled{background:#f5f3f0;color:#7d756d}.feedback-form textarea{min-height:150px;resize:vertical}.feedback-form label small{color:#8b837b;text-align:right;font-weight:400}.feedback-time-row{display:flex;gap:9px}.feedback-time-row input{flex:1}.feedback-time-row button{flex:none}.credential-warning{padding:13px 14px;border:1px solid #f0d29f;border-radius:11px;background:#fff9ed;color:#6f5636}.credential-warning b{color:#a25b0d}.credential-warning p{margin:5px 0 0;line-height:1.7}.feedback-form>.primary-action{justify-self:start;min-width:180px}.feedback-form .dialog-message{margin:0;min-height:20px;color:#a85b0a}
@media(max-width:1023px){
 .coupon-list{grid-template-columns:1fr}.coupon-card{grid-template-columns:1fr}.invite-card{grid-template-columns:1fr}.invite-card .secondary-action{justify-self:start}
 .desktop-order-center{display:none}.mobile-order-center{display:block}.order-screen{width:100%;max-width:760px;padding:20px 14px 34px;text-align:left}.client-order-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-service-identity{display:flex;align-items:center;gap:12px;margin:14px 0;padding:13px;border-radius:12px;background:#fff8ee}.mobile-service-identity .mobile-service-flag{display:flex;align-items:center}.mobile-service-identity .country-flag{width:34px;height:25.5px}.mobile-service-identity strong,.mobile-service-identity small{display:block}.mobile-service-identity small{margin-top:4px;color:#7f776f;overflow-wrap:anywhere}.desktop-proxy-body{display:none}.mobile-proxy-details{display:block}.mobile-proxy-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:11px 13px;border:1px solid #e4d7ca;border-radius:11px;background:#fffaf5;color:#a2580b;font-weight:700;cursor:pointer;list-style-position:inside}.mobile-proxy-details>summary span{min-width:0;color:#37322e;font-weight:500;overflow-wrap:anywhere}.mobile-proxy-details>summary b{flex:none;font-size:13px}.mobile-proxy-details[open]>summary{border-radius:11px 11px 0 0}.mobile-proxy-body{padding:4px 2px 0}.mobile-proxy-body .card-actions,.mobile-proxy-body .proxy-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.mobile-proxy-body .card-actions button,.mobile-proxy-body .proxy-tools button{width:100%;min-height:44px}
}
@media(max-width:759px){
 .feedback-nav{width:34px;min-width:34px;height:40px;padding:8px}.feedback-nav span{display:none}.feedback-page{width:calc(100% - 24px);margin:18px auto 35px}.feedback-form{grid-template-columns:minmax(0,1fr);gap:15px;padding:16px 14px}.feedback-form>label,.feedback-form>label:nth-of-type(5),.feedback-form>label:nth-of-type(6),.credential-warning,.feedback-form>.dialog-message,.feedback-form>.primary-action{grid-column:1}.feedback-time-row{align-items:stretch}.feedback-time-row button{padding-inline:12px}.feedback-form>.primary-action{width:100%;justify-self:stretch}.client-order-filters{grid-template-columns:minmax(0,1fr)}.mobile-order-cards .app-card{padding:16px}.order-detail-grid{grid-template-columns:86px minmax(0,1fr)}
}
@media(max-width:430px){.feedback-nav{width:30px;min-width:30px}.bottom-nav.customer-nav{gap:5px!important}.wallet-pill{gap:4px;padding-left:7px}.wallet-recharge{padding-inline:10px}.mail-button{width:28px;min-width:28px}.customer-avatar{width:33px;height:33px}.qr-tabs{border-radius:15px;flex-wrap:wrap}.qr-tabs button{flex:1 1 30%;min-height:42px;white-space:nowrap}}

/* Compact owned residential proxy controls. Desktop stays a dense horizontal table; mobile keeps cards. */
.contact-identity{text-align:center;margin-bottom:14px}.contact-identity strong{display:block;font-size:18px}.contact-qr-tip{margin:7px auto 0;text-align:center;color:#b65f08;font-weight:800;line-height:1.5}.contact-qr-crop{width:100%;max-width:390px;aspect-ratio:888/865;margin:0 auto 20px;overflow:hidden;border-radius:12px;background:#fff}.contact-qr-crop .contact-qr{width:100%;max-width:none;margin-top:-25.9%;border-radius:0}
.desktop-proxy-body{align-items:center;gap:8px;min-width:0}.proxy-preview{display:block;min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#2f2f2f}
.proxy-icon-actions{display:inline-flex;align-items:center;gap:3px;flex:none}.proxy-icon-button{display:inline-grid!important;place-items:center;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:5px!important;border:1px solid #e2d7cd!important;border-radius:7px!important;background:#fff!important;color:#615b55!important;cursor:pointer}.proxy-icon-button:hover,.proxy-icon-button:focus-visible{border-color:#ef9b48!important;background:#fff5e9!important;color:#c46306!important}.proxy-icon-button svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qr-tabs button{display:flex;align-items:center;justify-content:center;gap:6px}.qr-tabs button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.proxy-detail-dialog{width:min(520px,calc(100% - 28px))}.proxy-complete{margin:18px 0;padding:14px;border:1px solid #eadfd5;border-radius:12px;background:#fffaf5}.proxy-complete>span{display:block;margin-bottom:8px;color:#867d75;font-size:12px}.proxy-complete>div{display:flex;align-items:center;gap:9px}.proxy-complete code{min-width:0;flex:1;overflow-wrap:anywhere;font-size:13px}.proxy-detail-fields{border-top:1px solid #eee6df;padding-top:15px}.proxy-detail-fields h3{margin:0 0 13px;font-size:15px}.proxy-detail-fields dl{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px 13px;margin:0}.proxy-detail-fields dt{color:#8a8179;font-size:13px}.proxy-detail-fields dd{min-width:0;margin:0}.proxy-detail-fields code{overflow-wrap:anywhere;font-size:13px}
@media(min-width:1024px){.desktop-proxy-body{display:flex}.residential-delivery{width:100%;min-width:1120px;table-layout:fixed}.residential-delivery th,.residential-delivery td{padding:13px 10px;vertical-align:middle}.residential-delivery th:nth-child(1){width:15%}.residential-delivery th:nth-child(2),.residential-delivery th:nth-child(3){width:18%}.residential-delivery th:nth-child(4){width:10%}.residential-delivery th:nth-child(5){width:8%}.residential-delivery th:nth-child(6){width:13%}.residential-delivery th:nth-child(7){width:10%}.residential-delivery th:nth-child(8){width:8%}.residential-delivery .resource-region{min-width:0}.residential-delivery .resource-region span:last-child,.residential-delivery td>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.residential-delivery .owned-button{padding:7px 12px}.residential-delivery .renew-price,.residential-delivery td:nth-last-child(1)>small{font-size:11px}}
@media(max-width:1023px){.mobile-proxy-body .proxy-tools{display:block}.mobile-proxy-body .proxy-icon-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:10px}.mobile-proxy-body .proxy-icon-button{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.mobile-proxy-body .proxy-icon-button svg{width:20px;height:20px}.proxy-detail-dialog{padding:18px}.proxy-complete>div{align-items:flex-start}.proxy-detail-fields dl{grid-template-columns:72px minmax(0,1fr)}}

/* Residential service notes stay compact on desktop and remain tap-friendly on mobile. */
.desktop-note-control{position:relative;min-height:34px}.desktop-note-input{display:none;width:100%;min-width:84px;max-width:180px;height:34px;padding:6px 8px;border:1px solid #ddcfc2;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:13px;outline:none}.desktop-note-input:focus{border-color:#ef8929;box-shadow:0 0 0 2px #ff8b241c}.mobile-note-edit{display:none}.delivery-attention{position:relative;margin-top:7px}.delivery-attention-label{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:#766e67;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.delivery-attention-content{display:none;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
@media(min-width:1024px){.mobile-note-edit{display:none!important}.desktop-note-control:hover .customer-note,.desktop-note-control:focus-within .customer-note{display:none}.desktop-note-control:hover .desktop-note-input,.desktop-note-control:focus-within .desktop-note-input{display:block}.delivery-attention-label{cursor:default}.delivery-attention:hover .delivery-attention-content,.delivery-attention:focus-within .delivery-attention-content{display:block;position:absolute;z-index:25;left:0;top:calc(100% + 7px);width:280px;max-width:min(360px,40vw);padding:11px 12px;border-radius:9px;background:#172033;color:#fff;box-shadow:0 10px 26px #10182738;font-size:12px}.delivery-attention-content:before{content:"";position:absolute;left:18px;top:-6px;border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #172033}}
@media(max-width:1023px){.desktop-note-control{min-height:0}.desktop-note-input{display:none!important}.mobile-note-edit{display:inline-grid;place-items:center;width:34px;height:34px;margin-top:7px;padding:0;border:1px solid #ddcfc2;border-radius:50%;background:#fff;color:#766e67}.mobile-note-edit span{font:700 14px/1 serif}.delivery-attention{margin-top:9px}.delivery-attention-label{min-height:38px;padding:7px 9px;border:1px solid #e4d8cc;border-radius:9px;background:#fff;color:#6c6259}.delivery-attention.open .delivery-attention-label{border-radius:9px 9px 0 0}.delivery-attention.open .delivery-attention-content{display:block;padding:11px 12px;border:1px solid #ead9c4;border-top:0;border-radius:0 0 9px 9px;background:#fff8ec;color:#665440;font-size:13px}}

/* Desktop hover help and QR preview: no information icons are required. */
.proxy-info-hover{position:relative;display:inline-flex;align-items:center;color:inherit;cursor:help;outline:none}.proxy-info-tooltip{display:none;white-space:normal;font-weight:500;text-align:left}.desktop-qr-popover{position:fixed;z-index:80;padding:7px 8px 9px;border:1px solid #eee3da;border-radius:30px;background:#fff;color:#1f1d1b;box-shadow:0 14px 38px #17203321}.desktop-qr-tabs{display:grid;grid-template-columns:1.35fr 1.05fr .8fr;gap:4px;height:58px;padding:6px;border-radius:29px;background:#f2f1ef}.desktop-qr-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:8px 10px;border:0;border-radius:24px;background:transparent;color:#1f1d1b;font:inherit;font-size:19px;font-weight:700;cursor:pointer}.desktop-qr-tabs button>span:last-child{white-space:nowrap}.desktop-qr-tabs button.active{background:#fff;color:#1f1d1b;box-shadow:0 3px 9px #00000013}.qr-app-logo{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px}.qr-app-logo svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.qr-app-logo.shadowrocket{background:transparent;color:#a69bff}.qr-app-logo.nekobox{background:linear-gradient(145deg,#fff3db,#f1dba8);color:#80613b}.qr-app-logo.v2ray{border-radius:50%;background:linear-gradient(145deg,#20bad5,#0b658d);color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d}.desktop-qr-content{display:grid;place-items:start center;min-height:259px;padding:17px 8px 0;text-align:center}.desktop-qr-content img{display:block;width:242px;height:242px;max-width:100%;object-fit:contain}.desktop-qr-content p{align-self:center;margin:0;color:#827a73;font-size:14px;line-height:1.7}
@media(min-width:1024px){.proxy-info-hover:hover>.proxy-info-tooltip,.proxy-info-hover:focus>.proxy-info-tooltip{display:block;position:absolute;z-index:70;left:50%;top:calc(100% + 8px);width:290px;max-width:38vw;transform:translateX(-50%);padding:10px 12px;border-radius:9px;background:#172033;color:#fff;box-shadow:0 10px 26px #10182738;font-size:12px;line-height:1.65}.proxy-info-tooltip:before{content:"";position:absolute;left:50%;top:-6px;transform:translateX(-50%);border-width:0 6px 6px;border-style:solid;border-color:transparent transparent #172033}}
@media(max-width:1023px){.desktop-qr-popover{display:none!important}.proxy-info-tooltip{display:none!important}}