/* User portal only; admin and payment behavior remain independent. */
.web-retail .page{position:relative}.retail-page-mascot{float:right;width:76px;height:76px;object-fit:contain;margin:-8px 0 8px 16px}.web-retail .page>.title-row{min-height:70px}.web-retail .page>.grid,.web-retail .page>.card{clear:both}
body.web-retail{--bg:#f4f5f7;--card:#fff;--text:#252932;--muted:#868b96;--border:#e9edf3;--primary:#1947c6;background:var(--bg);color:var(--text)}
body.web-retail:before{display:none}
.web-retail .app{grid-template-columns:228px minmax(0,1fr)}
.web-retail .sidebar{background:#fff;border-right:1px solid #e9edf3;color:#263858;padding:24px 16px;box-shadow:none}
.web-retail .brand{color:#17316b;border:0;padding:0 8px 24px}.web-retail .brand-logo{background:#eaf2ff;color:#1947c6}.web-retail .brand-sub{color:#929baa}
.web-retail .nav a{color:#627088;border:0;border-radius:12px;padding:12px 14px;margin:4px 0;background:transparent}.web-retail .nav a.active{background:#eaf1ff;color:#1947c6;box-shadow:none}.web-retail .nav a:hover{background:#f4f7fd}.web-retail .nav-title{color:#a0a8b6}.web-retail .nav i{color:#1947c6}
.web-retail .topbar{background:#fff;border-bottom:1px solid #e9edf3;box-shadow:none;padding:0 32px}.web-retail .page{max-width:1360px;padding:28px 32px 50px}
.web-retail .card,.web-retail .web-v3-panel,.web-retail .web-v3-metric,.web-retail .shop-domain-card{background:#fff;border:0;border-radius:18px;box-shadow:none}.web-retail .card{padding:24px}.web-retail h1{font-size:26px;letter-spacing:0}.web-retail h2{font-size:20px}.web-retail .title-row,.web-retail .web-v3-page-heading{margin-bottom:22px}
.web-retail .btn{background:#1947c6;color:#fff;border:1px solid #1947c6;border-radius:24px;box-shadow:none;min-height:40px}.web-retail .btn.secondary{background:#fff;color:#1947c6;border-color:#dae2ef}.web-retail .btn.danger{background:#dc4e3c;border-color:#dc4e3c;color:white}.web-retail .btn.ok{background:#13856a;border-color:#13856a}.web-retail .btn.small{min-height:32px;padding:6px 14px}.web-retail .input,.web-retail .select,.web-retail .textarea{background:#f9fafc;border:1px solid #e0e6ef;border-radius:12px;min-width:0;max-width:100%}.web-retail :focus-visible{outline:3px solid #9abaff;outline-offset:3px}.web-retail .price{color:#d44730;font-size:28px}.web-retail .badge{border-radius:6px;background:#eef3ff;color:#1947c6}.web-retail .badge.danger{background:#fff0ed;color:#b9382b}.web-retail .badge.ok{background:#e9f6f0;color:#147957}.web-retail .badge.warn{background:#fff4de;color:#925b08}
.web-retail table{border:0;border-radius:12px;box-shadow:none;width:100%}.web-retail th{background:#f6f8fc;color:#7b879a;padding:14px}.web-retail td{padding:16px 14px;border-color:#eef1f5}.web-retail .pagination{flex-wrap:wrap}.web-retail .actions{flex-wrap:wrap}.web-retail .muted,.web-retail .hint{color:#7b8493}.web-retail .grid>*{min-width:0}.web-retail .section-kicker{color:#1947c6}
.retail-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e0edff;border-radius:20px;padding:28px 32px;margin-bottom:20px;overflow:hidden}.retail-banner h1{margin:10px 0;color:#18346d;font-size:32px}.retail-banner p{color:#64758f;line-height:1.7;margin:8px 0 18px}.retail-banner>img{width:172px;height:172px;object-fit:contain}.retail-kicker{color:#1947c6;font-weight:700;font-size:12px}.retail-search{display:flex;gap:10px;max-width:540px}.retail-search .input{background:#fff;flex:1;width:0}
.retail-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:center}.retail-services a{padding:12px;color:#252932}.retail-services img{width:100px;height:100px;object-fit:contain}.retail-services strong{display:block;font-size:20px;margin:6px 0}.retail-services small{color:#969ca6}.retail-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #f0f2f6;margin-top:18px;padding-top:14px;text-align:center}.retail-shortcuts a{color:#414a5d;padding:10px}.retail-shortcuts img{width:52px;height:52px;object-fit:contain;display:block;margin:0 auto 8px}.retail-promos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.retail-promo{display:flex;justify-content:space-between;align-items:center;padding:22px;border-radius:18px;background:#fff7ef;color:#313741}.retail-promo:nth-child(2){background:#eaf2ff}.retail-promo img{width:90px;height:90px;object-fit:contain}.retail-promo h2{margin:0 0 8px}.retail-promo p{margin:0 0 12px;color:#7b8493}.retail-promo b{color:#1947c6}.retail-domain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.retail-domain{display:flex;align-items:center;gap:14px;background:white;padding:20px;border-radius:16px;color:#252932;min-width:0}.retail-domain img{width:64px;height:64px}.retail-domain strong{display:block;overflow-wrap:anywhere;font-size:19px}.retail-domain small{display:block;color:#929baa;margin:7px 0}.retail-domain b{color:#d44730}.retail-notice{padding:14px 18px;background:#fff;border-radius:12px;margin-bottom:18px;color:#747d8c;font-size:13px}.retail-notice b{color:#1947c6;margin-right:10px}.retail-profile{background:#e6edff}.retail-profile>img{border-radius:50%;background:white;width:100px;height:100px}.retail-function-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:center}.retail-function-grid a{color:#414a5d;padding:10px}.retail-function-grid img{display:block;width:58px;height:58px;margin:0 auto 8px;object-fit:contain}.retail-account-links{margin-bottom:20px}.retail-account-links summary{color:#1947c6;cursor:pointer;padding:16px 0}.retail-logout{margin-top:24px}.web-retail .web-v3-metrics{gap:14px}.web-retail .web-v3-metric strong{color:#1947c6}.web-retail .metric-icon{background:#eaf1ff;color:#1947c6}.web-retail .vip-plan{padding:22px}.web-retail .shop-domain-grid{gap:16px}
@media(min-width:901px){.web-retail .retail-banner{min-height:218px}.web-retail .retail-home-services{padding:20px 28px}.web-retail .retail-home-services .retail-services{grid-template-columns:repeat(3,1fr)}.web-retail .retail-shortcuts{grid-template-columns:repeat(3,1fr)}.web-retail .card form{max-width:100%}}
@media(max-width:1100px){.retail-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-retail .page{padding:22px}.web-retail .app{grid-template-columns:206px minmax(0,1fr)}}
@media(max-width:900px){.web-retail .app{display:block}.web-retail .sidebar{display:none}.web-retail .topbar{padding:0 16px;height:58px}.web-retail .topbar .badge{display:none}.web-retail .topbar a[href$="logout"]{display:none}.web-retail .page{padding:16px 14px 112px}.web-retail .card{padding:18px;border-radius:16px}.web-retail .mobile-tabs,.web-retail .mobile-tabs-user{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;position:fixed;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));border:1px solid white;border-radius:40px;background:rgba(255,255,255,.96);box-shadow:0 5px 24px #1b346b15;padding:5px;backdrop-filter:blur(12px)}.web-retail .mobile-tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border-radius:32px;color:#969ca6;font-weight:500}.web-retail .mobile-tabs a.active{background:#eef3ff;color:#1947c6;box-shadow:none}.web-retail .mobile-tabs img{width:30px;height:30px;object-fit:contain}.web-retail .title-row,.web-retail .web-v3-page-heading{gap:12px}.web-retail h1{font-size:22px}.retail-banner{padding:22px 18px;gap:8px;border-radius:16px}.retail-banner h1{font-size:26px}.retail-banner p{font-size:13px}.retail-banner>img{width:110px;height:110px;flex-shrink:0}.retail-banner>div{min-width:0}.retail-search{flex-wrap:wrap}.retail-search .input{width:100%;flex-basis:100%;min-height:38px}.retail-services{gap:0}.retail-services a{padding:4px}.retail-services img{width:76px;height:76px}.retail-services strong{font-size:18px}.retail-services small{font-size:11px}.retail-shortcuts a{font-size:12px}.retail-promos{gap:10px}.retail-promo{padding:16px 12px;position:relative;min-height:150px;align-items:flex-start}.retail-promo h2{font-size:18px}.retail-promo p{font-size:12px;max-width:110px}.retail-promo img{width:65px;height:65px;position:absolute;right:4px;bottom:5px;opacity:.95}.retail-domain-grid{grid-template-columns:1fr}.retail-domain{padding:16px}.retail-profile>img{width:72px;height:72px}.retail-function-grid{gap:8px}.retail-function-grid a{font-size:12px;padding:8px 0}.retail-function-grid img{width:48px;height:48px}.web-retail .grid-2,.web-retail .grid-3,.web-retail .grid-4,.web-retail .web-v3-dashboard-grid{grid-template-columns:1fr}.web-retail .web-v3-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.web-retail .vip-plan{padding:18px}.web-retail .web-v3-panel{min-height:0}.web-retail table{display:block;overflow-x:auto;white-space:nowrap}.web-retail .card{min-width:0}.web-retail .hero{padding:24px;background:#e0edff;color:#18346d}.web-retail .hero h1{font-size:28px}.web-retail .btn{white-space:normal}.web-retail pre{overflow:auto;max-width:100%}}
.web-retail .shop-domain-card{display:flex;gap:14px;align-items:center}.retail-product-icon{width:72px;height:72px;object-fit:contain;flex-shrink:0}.web-retail .shop-domain-main{min-width:0;flex:1}.web-retail .domain-name{overflow-wrap:anywhere;word-break:break-word}.web-retail .shop-domain-side{flex-shrink:0}.web-retail .web-v3-guest-shop{background:#e0edff;color:#18346d}.web-retail .web-v3-guest-shop h1{color:#18346d}.web-retail .web-v3-guest-shop p{color:#64758f}
@media(max-width:900px){.web-retail .retail-responsive-table{display:block;white-space:normal;overflow:visible}.web-retail .retail-responsive-table thead{display:none}.web-retail .retail-responsive-table tbody{display:grid;gap:14px}.web-retail .retail-responsive-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border:1px solid #eef1f5;border-radius:14px;padding:14px;gap:10px}.web-retail .retail-responsive-table td{display:block;border:0;padding:0;overflow-wrap:anywhere;min-width:0;background:transparent;white-space:normal}.web-retail .retail-responsive-table td:first-child{grid-column:1/-1;font-weight:600}.web-retail .retail-responsive-table td:before{content:attr(data-label);display:block;color:#8b93a0;font-size:11px;font-weight:400;margin-bottom:4px}.web-retail .retail-responsive-table td[colspan]{grid-column:1/-1}.web-retail .shop-domain-card{padding:16px;gap:10px;flex-wrap:wrap}.web-retail .shop-domain-card .price{font-size:20px}.web-retail .shop-domain-main{flex-basis:calc(100% - 84px)}.web-retail .shop-domain-side{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f3f6;padding-top:10px}.web-retail .shop-domain-side .btn{margin-top:0!important}.web-retail .shop-domain-main .muted{font-size:12px}}
body.web-retail.web-v2.web-v3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif!important;background:#f4f5f7!important;color:#252932!important}body.web-retail.web-v2.web-v3 .sidebar,body.web-retail.web-v2.web-v3 .topbar{background:#fff!important}body.web-retail.web-v2.web-v3 .card{border:0!important;border-radius:18px!important;box-shadow:none!important}body.web-retail.web-v2.web-v3 .btn{background:#1947c6!important;border-color:#1947c6!important;border-radius:24px!important;color:#fff!important;box-shadow:none!important}body.web-retail.web-v2.web-v3 .btn.secondary{background:#fff!important;border-color:#dae2ef!important;color:#1947c6!important}body.web-retail.web-v2.web-v3 .btn.danger{background:#dc4e3c!important;border-color:#dc4e3c!important}body.web-retail.web-v2.web-v3 .nav a.active{background:#eaf1ff!important;color:#1947c6!important}body.web-retail.web-v2.web-v3 .mobile-tabs a.active{background:#eef3ff!important;color:#1947c6!important}.retail-home-banner{position:relative}.retail-settings{margin:18px 0;background:#fff;border-radius:18px;padding:20px}.retail-settings>summary{cursor:pointer;font-weight:600;color:#263858;padding:4px 0}.retail-settings[open]>summary{margin-bottom:18px}.retail-settings .card{padding:12px!important}.web-retail .portal-login{border-radius:20px;overflow:hidden;border:0;box-shadow:none}.web-retail .portal-login-visual{background:#e0edff!important;color:#18346d!important}.web-retail .portal-login-copy h2{color:#18346d!important}.web-retail .portal-login-copy p{color:#64758f!important}.web-retail .portal-login-puppy{width:170px;height:170px;object-fit:contain;margin:28px auto 0;display:block}.web-retail .login-btn{background:#1947c6!important;color:#fff!important;border-radius:26px!important}.web-retail .retail-balance{display:flex;align-items:center;justify-content:space-between;gap:14px}.retail-balance strong{color:#1947c6;font-size:24px}.retail-balance p{margin:6px 0;color:#8b93a0}.retail-support{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.retail-support a{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:18px;color:#252932;font-weight:600}.retail-support img{width:58px;height:58px;object-fit:contain}
@media(max-width:900px){.retail-home-banner{min-height:258px;padding:22px 18px}.retail-home-banner>img{position:absolute;right:12px;bottom:24px;width:112px;height:112px}.retail-home-banner>div{width:100%}.retail-home-banner h1{font-size:26px;width:100%;margin:14px 0}.retail-home-banner p,.retail-home-banner .retail-search{max-width:calc(100% - 105px)}.retail-home-banner .retail-search .input{display:none}.retail-home-banner .retail-search{margin-top:18px}.web-retail .retail-home-services{padding:18px 10px!important}.retail-services small{font-size:10px}.retail-services strong{font-size:17px}.retail-promo{min-height:170px}.retail-settings{padding:18px}.retail-support a{padding:14px;font-size:14px}.retail-support img{width:44px;height:44px}.web-retail .portal-login-visual{display:block!important;padding:24px}.web-retail .portal-login-brand{display:none}.web-retail .portal-login-copy h2{font-size:22px}.web-retail .portal-login-puppy{width:100px;height:100px;float:right;margin:-85px 0 0}.web-retail .portal-login-copy{padding-right:100px}.web-retail .portal-login-copy p{font-size:12px}.web-retail .portal-login-form{padding:22px!important}}
@media(max-width:350px){.retail-home-banner h1{font-size:23px}.retail-services img{width:64px;height:64px}.retail-services strong{font-size:15px}.retail-home-banner>img{width:90px;height:90px}}
.retail-avatar-link{flex-shrink:0}.retail-avatar-link img{width:100px;height:100px;object-fit:cover;background:#fff;border-radius:50%}html{scroll-padding-top:80px}.web-retail .retail-account-links .title-row{margin-bottom:10px}.web-retail .retail-account-links h2{margin:0}
@media(max-width:900px){.retail-avatar-link img{width:72px;height:72px}.web-retail .retail-home-services~.title-row{flex-direction:row;align-items:center}.web-retail .retail-account-links .title-row{flex-direction:row;align-items:center}}
@media(max-width:900px){.web-retail .portal-login-visual{position:relative;min-height:150px}.web-retail .portal-login-puppy{position:absolute;top:22px;right:20px;width:92px;height:92px;margin:0;float:none}}