:root{--ink:#172033;--muted:#667085;--line:#e4e7ec;--soft:#f6f8fb;--blue:#1668dc;--blue-dark:#0b4faf;--red:#d92d20;--green:#07883f;--amber:#b54708;--white:#fff;--shadow:0 10px 28px rgba(16,24,40,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:14px;letter-spacing:0}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;letter-spacing:0}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.container.narrow{width:min(1040px,calc(100% - 40px))}
.topbar{height:68px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
.topbar-inner{height:100%;display:flex;align-items:center;gap:40px}
.brand{display:flex;align-items:center;gap:10px;min-width:185px}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#1668dc;color:#fff;border-radius:6px;font-size:20px;font-weight:800}
.brand>span:last-child{display:grid;line-height:1.15}
.brand strong{font-size:16px}
.brand small{font-size:9px;color:#98a2b3;margin-top:3px}
.main-nav{display:flex;align-self:stretch;gap:30px}
.main-nav a{display:flex;align-items:center;position:relative;color:#475467;font-weight:600}
.main-nav a.active,.main-nav a:hover{color:var(--blue)}
.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue)}
.account-nav{margin-left:auto;display:flex;align-items:center;gap:15px;min-width:0}
.account-credit{font-variant-numeric:tabular-nums;color:var(--red);font-weight:700}
.account-link{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475467}
.button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:6px;min-height:42px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:background .18s,border .18s,transform .18s}
.button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.button:active{transform:translateY(1px)}
.button-small{min-height:34px;padding:0 14px;font-size:13px}
.button-wide{width:100%;min-height:46px}
.button-secondary{background:#fff;color:var(--blue)}
.button-secondary:hover{color:#fff}
.button-ghost{background:transparent;border-color:rgba(255,255,255,.7)}
.button-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.button-muted{background:#667085;border-color:#667085}
.flashes{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:30}
.flash{padding:12px 18px;background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:6px;box-shadow:var(--shadow)}.flash.error{background:#fff1f0;border-color:#fecdca;color:#b42318}
.market-hero{height:410px;position:relative;overflow:hidden;background:#1d2939;color:#fff}
.hero-media{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-shade{position:absolute;inset:0;background:rgba(9,19,32,.74)}
.hero-content{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1180px}
.eyebrow,.section-kicker{text-transform:uppercase;font-size:12px;font-weight:800;color:#84adff;margin:0 0 10px}
.hero-content h1{font-size:40px;line-height:1.15;margin:0 0 18px;letter-spacing:0;font-weight:650}
.hero-content>p:not(.eyebrow){font-size:17px;line-height:1.85;margin:0;max-width:650px;color:#e4e7ec}
.hero-actions{display:flex;gap:12px;margin-top:28px}
.hero-trust{display:flex;gap:0;margin-top:32px;color:#d0d5dd}
.hero-trust span{padding:0 20px;border-left:1px solid rgba(255,255,255,.3)}
.hero-trust span:first-child{padding-left:0;border-left:0}
.assurance-band{border-bottom:1px solid var(--line);background:#fff}
.assurance-grid{min-height:104px;display:grid;grid-template-columns:150px 150px 170px minmax(0,1fr);align-items:center}
.assurance-grid>div{padding:4px 24px;border-right:1px solid var(--line)}
.assurance-grid>div:first-child{padding-left:0}.assurance-grid>div:last-child{border:0}
.assurance-grid span,.assurance-grid small{display:block;color:var(--muted);font-size:11px}
.assurance-grid strong{display:block;font-size:23px;margin:2px 0;font-variant-numeric:tabular-nums}
.assurance-copy{display:grid!important;grid-template-columns:95px 1fr;align-items:center}
.assurance-copy strong{font-size:14px!important}.assurance-copy p{margin:0;color:#475467;line-height:1.65;font-size:12px}
.market-band,.teams-band,.records-band{padding:54px 0 70px;background:var(--soft)}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}
.section-heading h2{font-size:26px;margin:0;line-height:1.2}
.section-heading>p{margin:0;color:var(--muted)}
.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.activity-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;transition:box-shadow .2s,border-color .2s,transform .2s}
.activity-card:hover{box-shadow:var(--shadow);border-color:#b2ccff;transform:translateY(-2px)}
.activity-card-head{padding:22px 22px 15px;position:relative}
.product-chip{display:inline-flex;padding:4px 8px;border-radius:4px;background:#eff4ff;color:#175cd3;font-size:12px;font-weight:700}
.stock-text{float:right;font-size:12px;color:var(--green);line-height:25px}
.activity-card h3{font-size:19px;line-height:1.4;margin:18px 0 7px;overflow-wrap:anywhere}
.activity-card-head p{margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.price-pair{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}
.price-pair>div{padding:15px 22px}
.price-pair>div+div{border-left:1px solid var(--line)}
.price-pair small,.team-price small,.join-panel>small{display:block;color:var(--muted);margin-bottom:3px}
.price-pair strong{font-size:22px;font-variant-numeric:tabular-nums}
.price-pair em,.join-price em,.purchase-price em{font-size:13px;font-style:normal;margin-right:2px}
.price-pair .accent{color:var(--red)}
.activity-facts{padding:14px 22px;display:grid;gap:7px;color:#475467;font-size:13px}
.activity-facts b{color:var(--ink)}
.card-action{height:48px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--blue);font-weight:700}
.card-action span{font-size:18px}
.empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:55px 24px;text-align:center}
.empty-state strong{font-size:18px}
.empty-state p{color:var(--muted);margin:10px 0 20px}
.page-band{padding:35px 0 42px;border-bottom:1px solid var(--line);background:#fff}
.page-band.compact{padding:38px 0}
.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:13px;margin-bottom:30px;white-space:nowrap;overflow:hidden}
.breadcrumbs a{color:var(--blue)}
.activity-detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:start}
.activity-detail h1,.team-detail-head h1,.page-title h1{font-size:32px;margin:0 0 10px;line-height:1.25;overflow-wrap:anywhere}
.product-name{font-size:16px;color:var(--blue);margin:0 0 18px}
.description{color:#475467;line-height:1.85;margin:0;max-width:700px}
.purchase-panel,.join-panel{border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:6px;padding:23px;background:#fff;box-shadow:0 5px 16px rgba(16,24,40,.05)}
.purchase-price{display:flex;align-items:end;justify-content:space-between}
.purchase-price span{color:var(--muted)}
.purchase-price strong{font-size:30px;color:var(--red)}
.purchase-panel ul{list-style:none;padding:16px 0;margin:15px 0;border-block:1px solid var(--line);display:grid;gap:10px;color:#475467}
.purchase-panel li:before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}
.team-list{display:grid;gap:12px}
.team-row{display:grid;grid-template-columns:44px minmax(200px,1fr) 110px 110px auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px}
.leader-avatar{width:42px;height:42px;border-radius:50%;background:#eff4ff;color:var(--blue);display:grid;place-items:center;font-weight:800}
.team-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.progress{height:7px;border-radius:4px;overflow:hidden;background:#eaecf0;margin:8px 0 6px}
.progress i{display:block;height:100%;background:var(--blue);border-radius:inherit}
.team-main small{color:var(--muted)}
.status{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;background:#f2f4f7;color:#475467;white-space:nowrap}
.status-1,.member-1{background:#eff4ff;color:#175cd3}
.status-2,.member-2{background:#ecfdf3;color:#067647}
.status-3,.member-3{background:#fff1f0;color:#b42318}
.status-4,.member-4{background:#f2f4f7;color:#475467}
.team-time{font-variant-numeric:tabular-nums;color:var(--amber);font-weight:700;text-align:center}
.team-price{text-align:right}
.team-price strong{font-size:17px;color:var(--red)}
.team-detail-head{display:flex;align-items:end;justify-content:space-between;gap:30px}
.team-detail-head h1{margin-top:14px}
.team-detail-head p{margin:0;color:var(--muted)}
.countdown-box{text-align:right;border-left:1px solid var(--line);padding-left:35px;min-width:180px}
.countdown-box small{display:block;color:var(--muted);margin-bottom:7px}
.countdown-box strong{font-size:22px;color:var(--amber);font-variant-numeric:tabular-nums}
.team-workspace{padding:40px 0 70px;background:var(--soft)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.team-progress-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}
.progress-number{display:flex;align-items:baseline;gap:7px}
.progress-number strong{font-size:36px;color:var(--blue)}
.progress-number span{font-size:16px;color:var(--muted)}
.progress.large{height:10px;margin:14px 0}
.team-progress-panel>p{color:#475467;margin:0 0 25px}
.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.member{border:1px solid var(--line);border-radius:6px;padding:14px 8px;text-align:center;min-width:0}
.member>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#eff4ff;color:var(--blue);font-weight:800}
.member strong,.member small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member small{font-size:12px;color:var(--muted);margin-top:3px}
.member.empty{border-style:dashed;color:#98a2b3}
.member.empty>span{background:#f2f4f7;color:#98a2b3}
.join-price{display:block;font-size:32px;color:var(--red);margin:5px 0 20px}
.share-box{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.share-box label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}
.share-box>div{display:grid;grid-template-columns:minmax(0,1fr) 54px}
.share-box input{height:36px;border:1px solid var(--line);border-radius:5px 0 0 5px;padding:0 8px;min-width:0;color:#667085}
.share-box button{border:0;background:#344054;color:#fff;border-radius:0 5px 5px 0}
.page-title{display:flex;align-items:center;justify-content:space-between;gap:25px}
.page-title p{margin:0;color:var(--muted)}
.records-table-wrap{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:auto}
.records-table{width:100%;border-collapse:collapse;min-width:900px}
.records-table th{text-align:left;background:#f9fafb;color:#475467;font-size:12px;padding:13px 16px;border-bottom:1px solid var(--line)}
.records-table td{padding:17px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.records-table tr:last-child td{border-bottom:0}
.records-table td>strong,.records-table td>small{display:block}
.records-table td>small{color:var(--muted);margin-top:5px}
.row-actions{display:flex;align-items:center;gap:11px;white-space:nowrap}
.row-actions a,.row-actions button{color:#475467;background:none;border:0;padding:0}
.row-actions .primary{color:var(--blue);font-weight:700}
.row-actions button.danger{color:#b42318;border:1px solid #fda29b;border-radius:5px;padding:5px 9px;background:#fff}
.row-actions button.danger:hover{background:#fff1f0;border-color:#f97066}
.row-actions form{display:inline}
.site-footer{border-top:1px solid var(--line);padding:24px 0;background:#fff;color:var(--muted)}
.footer-inner{display:flex;justify-content:space-between}
.footer-inner a:hover{color:var(--blue)}
.error-page{min-height:calc(100vh - 68px);display:grid;place-items:center;text-align:center;padding:30px}
.error-page>div>span{font-size:58px;font-weight:800;color:#d0d5dd}
.error-page h1{font-size:26px;margin:8px 0}
.error-page p{color:var(--muted);margin:0 0 25px}
.checkout-band{min-height:calc(100vh - 68px);padding:42px 0 70px;background:var(--soft)}
.checkout-container{width:min(1060px,calc(100% - 40px))}
.checkout-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.checkout-heading h1{font-size:29px;margin:0 0 7px}.checkout-heading p{margin:0;color:var(--muted)}.secure-badge{padding:6px 10px;border:1px solid #abefc6;background:#ecfdf3;color:#067647;border-radius:4px;font-size:12px;font-weight:700}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.checkout-panel,.order-summary{background:#fff;border:1px solid var(--line);border-radius:8px}.checkout-panel{padding:25px}.checkout-section-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.checkout-section-title h2{font-size:17px;margin:0}.checkout-section-title span{font-size:12px;color:var(--muted)}
.checkout-notice{padding:11px 13px;background:#f9fafb;border-left:3px solid #98a2b3;color:#667085;font-size:12px;line-height:1.65;margin-bottom:18px}.checkout-submit{font-size:15px}
.balance-pay-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:22px 0}.balance-pay-icon{width:44px;height:44px;border-radius:6px;display:grid;place-items:center;background:#344054;color:#fff;font-size:17px;font-weight:800}.balance-pay-summary>div:nth-child(2){display:grid;gap:4px;min-width:0}.balance-pay-summary span{color:var(--muted);font-size:12px}.balance-pay-summary strong{font-size:22px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.balance-pay-summary>b{font-size:11px;padding:5px 8px;border-radius:4px;white-space:nowrap}.balance-pay-summary>b.enough{background:#ecfdf3;color:#067647}.balance-pay-summary>b.short{background:#fff1f0;color:#b42318}.checkout-notice.danger{background:#fff1f0;border-left-color:#f04438;color:#b42318}.checkout-panel>form{margin:0}
.order-summary{padding:23px}.summary-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.summary-head strong{color:#b54708}.order-summary h2{font-size:18px;margin:20px 0 5px;overflow-wrap:anywhere}.order-summary>p{color:var(--muted);margin:0}.order-summary dl{border-block:1px solid var(--line);padding:13px 0;margin:19px 0}.order-summary dl>div{display:flex;justify-content:space-between;padding:5px 0}.order-summary dt{color:var(--muted)}.order-summary dd{margin:0;font-weight:600}.summary-total{display:flex;align-items:end;justify-content:space-between}.summary-total span{color:var(--muted)}.summary-total strong{font-size:27px;color:var(--red)}.summary-total em{font-size:13px;font-style:normal}
.payment-result-page{min-height:calc(100vh - 68px);padding:70px 20px;display:grid;place-items:start center;background:var(--soft)}.payment-result-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:38px;text-align:center;box-shadow:var(--shadow)}.result-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;font-size:27px;font-weight:800}.result-icon.success{background:#ecfdf3;color:#067647}.result-icon.pending{background:#fffaeb;color:#b54708}.result-icon.review{background:#fff1f0;color:#b42318}.payment-result-card h1{font-size:25px;margin:5px 0 9px}.payment-result-card>p{color:var(--muted);line-height:1.7;margin:0}.result-meta{margin:23px 0;padding:12px;background:#f9fafb;display:grid;gap:3px}.result-meta span{font-size:11px;color:var(--muted)}.result-meta strong{font-size:12px;overflow-wrap:anywhere}.result-actions{display:flex;gap:10px;justify-content:center}
.login-band{min-height:calc(100vh - 150px);padding:64px 20px;background:var(--soft);display:grid;place-items:start center}.login-panel{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:36px}.login-heading h1{font-size:25px;margin:4px 0 7px}.login-heading p{color:var(--muted);margin:0 0 25px}.login-panel form{display:grid;gap:16px}.login-panel label{display:grid;gap:6px}.login-panel label span{font-size:12px;font-weight:700;color:#344054}.login-panel input{height:44px;border:1px solid #d0d5dd;border-radius:5px;padding:0 12px;outline:0}.login-panel input:focus{border-color:#84adff;box-shadow:0 0 0 3px #eff4ff}.login-support{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.login-support a{color:var(--blue);font-weight:700}.account-nav form{margin:0}.account-logout{border:0;background:transparent;color:var(--muted);font:inherit;cursor:pointer;padding:4px}.account-logout:hover{color:var(--ink)}
.payment-qr-page{min-height:calc(100vh - 150px);padding:52px 20px;background:var(--soft);display:grid;place-items:start center}.payment-qr-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:34px;text-align:center}.payment-qr-card h1{font-size:24px;margin:5px 0 6px}.payment-qr-card>p{color:var(--muted);margin:0 0 22px}.payment-qr-code{width:246px;height:246px;padding:12px;margin:0 auto 20px;border:1px solid var(--line);display:grid;place-items:center;background:#fff}.payment-qr-code img,.payment-qr-code canvas{max-width:220px;max-height:220px}.payment-qr-amount{display:flex;align-items:baseline;justify-content:center;gap:10px}.payment-qr-amount span{color:var(--muted);font-size:12px}.payment-qr-amount strong{font-size:28px}.payment-qr-order{font-size:11px;color:var(--muted);margin:5px 0 20px;overflow-wrap:anywhere}.payment-qr-card .result-actions{margin-top:16px}.payment-qr-card .result-actions .button{min-width:130px}
@media(max-width:900px){
 .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .activity-detail,.detail-grid{grid-template-columns:1fr;gap:25px}
 .purchase-panel,.join-panel{width:100%}
 .team-row{grid-template-columns:44px minmax(0,1fr) auto}
 .team-time,.team-price{grid-row:2}.team-time{grid-column:2;text-align:left}.team-price{grid-column:3}
 .member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .assurance-grid{grid-template-columns:repeat(3,1fr)}.assurance-copy{grid-column:1/-1;border-top:1px solid var(--line);padding:16px 0!important}
 .checkout-layout{grid-template-columns:1fr}.order-summary{order:-1}
}
@media(max-width:680px){
 .container,.container.narrow{width:min(100% - 28px,1180px)}
 .topbar{height:auto;position:relative}
 .topbar-inner{height:auto;min-height:62px;gap:12px;flex-wrap:wrap;padding:10px 0}
 .brand{min-width:0}.brand small,.account-credit{display:none}
 .account-nav{margin-left:auto}.account-link{max-width:110px}
 .main-nav{order:3;width:100%;height:40px;border-top:1px solid var(--line);justify-content:space-around;gap:0}
 .main-nav a{flex:1;justify-content:center}
 .market-hero{height:400px}
 .hero-content h1{font-size:32px}
 .hero-content>p:not(.eyebrow){font-size:15px;line-height:1.7}
 .hero-trust{font-size:12px}.hero-trust span{padding:0 10px}
 .assurance-grid{grid-template-columns:repeat(3,1fr);padding:13px 0}.assurance-grid>div{padding:3px 8px;text-align:center}.assurance-grid strong{font-size:19px}.assurance-copy{text-align:left;grid-template-columns:1fr;padding:14px 0 3px!important}.assurance-copy p{margin-top:4px}
 .market-band,.teams-band,.records-band{padding:38px 0 50px}
 .activity-grid{grid-template-columns:1fr}
 .section-heading{align-items:start}.section-heading h2{font-size:23px}
 .section-heading>p{font-size:12px}
 .activity-detail h1,.team-detail-head h1,.page-title h1{font-size:26px}
 .team-row{grid-template-columns:38px minmax(0,1fr);gap:12px}
 .leader-avatar{width:38px;height:38px}.team-row>.button{grid-column:1/-1}
 .team-time{grid-column:1/2;grid-row:auto;text-align:left}.team-price{grid-column:2;grid-row:auto}
 .team-detail-head,.page-title{align-items:flex-start;flex-direction:column}
 .countdown-box{text-align:left;border:0;padding:0}
 .team-progress-panel{padding:20px}
 .member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .records-table-wrap{border:0;background:transparent;overflow:visible}
 .records-table{min-width:0;display:block}.records-table thead{display:none}.records-table tbody{display:grid;gap:12px}
 .records-table tr{display:grid;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}
 .records-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;padding:7px 0;text-align:right}
 .records-table td:first-child{display:block;text-align:left;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:4px}
 .records-table td:nth-child(2):before{content:"身份"}.records-table td:nth-child(3):before{content:"金额"}.records-table td:nth-child(4):before{content:"队伍进度"}.records-table td:nth-child(5):before{content:"个人状态"}
 .records-table td:before{color:var(--muted);font-size:12px}
 .records-table td:last-child{justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line);margin-top:4px}
 .records-table td[colspan]{display:block;text-align:center}
 .footer-inner{flex-direction:column;gap:8px;text-align:center}
 .checkout-band{padding:28px 0 50px}.checkout-container{width:calc(100% - 28px)}.checkout-heading{align-items:flex-start}.secure-badge{display:none}.checkout-panel,.order-summary{padding:18px}.gateway-option{grid-template-columns:18px 38px minmax(0,1fr);padding:10px}.gateway-option>b{display:none}.balance-pay-summary{grid-template-columns:38px minmax(0,1fr)}.balance-pay-icon{width:38px;height:38px}.balance-pay-summary>b{grid-column:2;justify-self:start}.result-actions{flex-direction:column}
}

/* Commercial storefront refresh */
.market-hero{height:360px;background:#132238}
.hero-media{object-position:center 55%}
.hero-shade{background:linear-gradient(90deg,rgba(8,20,35,.92) 0%,rgba(8,20,35,.78) 48%,rgba(8,20,35,.38) 100%)}
.hero-content h1{font-size:38px;margin-bottom:14px}.hero-content>p:not(.eyebrow){max-width:610px;font-size:16px;line-height:1.75}.hero-actions{margin-top:24px}.hero-trust{margin-top:26px}
.market-band{padding:48px 0 68px;background:#f4f7fb}.offer-list{display:grid;gap:14px}
.offer-row{display:grid;grid-template-columns:118px minmax(0,1fr) 225px;gap:20px;align-items:stretch;background:#fff;border:1px solid #dfe5ed;border-radius:7px;padding:18px;box-shadow:0 3px 12px rgba(16,24,40,.035);transition:border-color .18s,box-shadow .18s}
.offer-row:hover{border-color:#9dbcf3;box-shadow:0 10px 24px rgba(16,24,40,.07)}
.offer-media{position:relative;min-height:118px;border:1px solid #dbe5f0;border-radius:5px;overflow:hidden;background:#edf4fb}.offer-media img{width:100%;height:100%;object-fit:cover;object-position:16% center;filter:saturate(.8) brightness(1.16)}.offer-media:after{content:"";position:absolute;inset:0;background:rgba(22,104,220,.08)}.offer-media>span{position:absolute;left:8px;bottom:8px;z-index:1;padding:4px 7px;border-radius:3px;background:rgba(255,255,255,.94);color:#067647;font-size:11px;font-weight:700}.offer-media i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#12b76a}
.offer-main{min-width:0;padding:1px 0}.offer-meta{display:flex;align-items:center;gap:9px;color:#7a8699;font-size:11px}.offer-main h3{font-size:19px;line-height:1.35;margin:9px 0 3px;overflow-wrap:anywhere}.offer-product{margin:0;color:#344054;font-weight:600}.offer-description{margin:6px 0 11px;color:#667085;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer-facts{display:flex;align-items:center;flex-wrap:wrap;gap:7px 0;color:#667085;font-size:12px}.offer-facts span{padding:0 12px;border-left:1px solid #dfe5ed}.offer-facts span:first-child{padding-left:0;border-left:0}.offer-facts b{color:#175cd3}
.offer-price{border-left:1px solid #e4e7ec;padding:8px 0 5px 20px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right}.offer-price small{color:#667085}.offer-price strong{font-size:29px;line-height:1.15;color:#e02d20;margin:5px 0 3px;font-variant-numeric:tabular-nums}.offer-price em{font-size:14px;font-style:normal;margin-right:2px}.offer-price>span{color:#98a2b3;font-size:11px}.offer-price .button{margin-top:14px;min-height:38px}
.offer-detail-band{padding-bottom:48px;background:#fff}.activity-detail{grid-template-columns:150px minmax(0,1fr) 315px;gap:28px;align-items:stretch}.activity-detail-media{min-height:218px;position:relative;overflow:hidden;border:1px solid #dfe5ed;border-radius:6px;background:#edf4fb}.activity-detail-media img{width:100%;height:100%;object-fit:cover;object-position:15% center;filter:saturate(.78) brightness(1.13)}.activity-detail-media:after{content:"";position:absolute;inset:0;background:rgba(22,104,220,.08)}.activity-detail-media span{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;padding:6px 8px;border-radius:4px;background:rgba(255,255,255,.94);color:#175cd3;text-align:center;font-size:12px;font-weight:700}.activity-detail-copy{min-width:0;padding:3px 4px}.activity-detail-copy h1{font-size:27px;margin:12px 0 6px}.activity-detail-copy .product-name{font-size:14px;margin-bottom:11px}.activity-detail-copy .description{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.activity-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:17px;border:1px solid #e4e7ec;border-radius:5px;background:#f8fafc}.activity-specs>span{padding:10px 13px;border-left:1px solid #e4e7ec;display:grid;gap:3px}.activity-specs>span:first-child{border-left:0}.activity-specs small{color:#667085;font-size:11px}.activity-specs strong{font-size:14px}.purchase-label,.join-kicker{display:inline-flex;padding:4px 8px;margin-bottom:15px;border-radius:3px;background:#fff4ed;color:#b54708;font-size:11px;font-weight:700}.purchase-cycle{margin-top:6px;color:#667085;text-align:right;font-size:11px}
.teams-band{padding:46px 0 68px;background:#f4f7fb}.team-list{gap:10px}.team-row{grid-template-columns:44px minmax(320px,1fr) 115px 115px 106px;gap:15px;padding:15px 17px;border-color:#dfe5ed;border-radius:7px;box-shadow:0 2px 8px rgba(16,24,40,.025)}.team-title>div{display:flex;align-items:center;gap:8px;min-width:0}.team-title>small{font-size:11px;color:#98a2b3}.team-progress-line{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:9px}.team-progress-line .progress{margin:9px 0 7px}.team-progress-line>b{font-size:12px;color:#175cd3;font-variant-numeric:tabular-nums}.team-roster{display:flex;align-items:center;min-height:25px}.team-roster>span{width:24px;height:24px;margin-left:-5px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:#dbeafe;color:#175cd3;font-size:10px;font-weight:800}.team-roster>span:first-child{margin-left:0}.team-roster>span.paid{background:#1677e8;color:#fff}.team-roster>span.empty{background:#f2f4f7;color:#98a2b3}.team-roster>small{margin-left:4px;color:#667085}.team-roster>em{margin-left:10px;color:#667085;font-size:11px;font-style:normal}.team-time{display:grid;gap:4px;text-align:center}.team-time small{color:#98a2b3;font-size:11px}.team-time strong{color:#b54708;font-size:13px;font-variant-numeric:tabular-nums}.team-price span{color:#98a2b3;font-size:10px}
.page-band .container.narrow,.team-workspace .container.narrow{width:min(1120px,calc(100% - 40px))}.team-detail-head{align-items:center}.team-identity .offer-meta{margin-bottom:10px}.team-identity h1{font-size:29px;margin:0 0 8px}.team-identity p{display:flex;align-items:center;gap:12px;margin:0}.team-identity p strong{font-size:14px;color:#344054}.team-identity p span{color:#667085;font-size:12px}.countdown-box{min-width:205px}.countdown-box strong{font-size:25px}.detail-grid{grid-template-columns:minmax(0,1fr) 330px;gap:18px}.team-progress-panel{padding:24px;border-color:#dfe5ed;box-shadow:0 3px 12px rgba(16,24,40,.035)}.team-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;margin-bottom:19px;border-bottom:1px solid #e4e7ec}.team-panel-head>div{display:grid;gap:4px}.team-panel-head span{color:#667085;font-size:11px}.team-panel-head strong{font-size:15px}.team-panel-head>b{font-size:18px;color:#175cd3}.progress-number strong{font-size:34px}.member{padding:13px 8px;background:#fff}.member>span{width:39px;height:39px}.join-panel{padding:23px;border-color:#dfe5ed;box-shadow:0 7px 20px rgba(16,24,40,.06)}.join-panel>small{font-size:12px}.join-price{font-size:34px;margin:4px 0 7px}.join-meta{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e4e7ec;color:#667085;font-size:11px}
@media(max-width:980px){.offer-row{grid-template-columns:100px minmax(0,1fr) 190px}.activity-detail{grid-template-columns:125px minmax(0,1fr)}.activity-detail .purchase-panel{grid-column:1/-1}.team-row{grid-template-columns:44px minmax(240px,1fr) 105px auto}.team-price{grid-column:3}.team-row>.button{grid-column:4}.team-time{grid-column:3;grid-row:1}.detail-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:680px){.market-hero{height:370px}.hero-shade{background:rgba(8,20,35,.82)}.offer-row{grid-template-columns:76px minmax(0,1fr);gap:13px;padding:14px}.offer-media{min-height:80px;align-self:start}.offer-media>span{display:none}.offer-main h3{font-size:16px;margin-top:7px}.offer-description{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.offer-facts{gap:6px}.offer-facts span{padding:0 8px}.offer-price{grid-column:1/-1;border-left:0;border-top:1px solid #e4e7ec;padding:13px 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;text-align:left}.offer-price small{grid-column:1}.offer-price strong{grid-column:1;font-size:25px}.offer-price>span{display:none}.offer-price .button{grid-column:2;grid-row:1/3;margin:0;width:auto;min-width:120px}.offer-detail-band{padding-top:24px}.activity-detail{grid-template-columns:78px minmax(0,1fr);gap:15px}.activity-detail-media{min-height:100px}.activity-detail-media span{display:none}.activity-detail-copy h1{font-size:22px}.activity-detail-copy .description{grid-column:1/-1}.activity-specs{grid-column:1/-1}.activity-detail .purchase-panel{grid-column:1/-1}.activity-specs{grid-template-columns:1fr}.activity-specs>span{border-left:0;border-top:1px solid #e4e7ec}.activity-specs>span:first-child{border-top:0}.team-row{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px}.team-main{min-width:0}.team-title{align-items:flex-start}.team-title>div{align-items:flex-start;flex-direction:column;gap:4px}.team-time{grid-column:1;grid-row:auto;text-align:left}.team-price{grid-column:2;grid-row:auto}.team-row>.button{grid-column:1/-1;grid-row:auto}.team-roster>em{white-space:nowrap}.team-detail-head{gap:20px}.team-identity p{align-items:flex-start;flex-direction:column;gap:4px}.countdown-box{min-width:0}.detail-grid{grid-template-columns:1fr}.team-panel-head{align-items:flex-start}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================================
   Enterprise Commercial Refresh · v6
   ========================================= */
:root{--ink:#102a43;--white:#fff;--soft:#f5f7f9;--line:#d9e2ec;--muted:#627d98;--blue:#123b5d;--blue-dark:#0b2942;--green:#0b8f83;--red:#b54708;--amber:#c8923d;--shadow:0 14px 40px rgba(16,42,67,.08)}
body{background:var(--soft);color:var(--ink);font-size:15px;line-height:1.55}
.topbar{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom-color:#e6edf3;box-shadow:0 2px 15px rgba(16,42,67,.04)}
.topbar-inner{gap:48px}.brand{gap:12px;min-width:214px}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#123b5d,#0b8f83);box-shadow:0 7px 18px rgba(11,143,131,.2);font-size:21px}.brand strong{font-size:17px;letter-spacing:.02em}.brand small{letter-spacing:.18em;color:#829ab1;font-size:8px}
.main-nav{gap:34px}.main-nav a{font-size:14px;color:#486581}.main-nav a.active,.main-nav a:hover{color:var(--blue)}.main-nav a.active:after{height:2px;background:var(--green)}
.account-nav{gap:18px}.account-credit{color:var(--blue);font-size:13px}.account-link{color:#486581}.button{border-radius:10px;min-height:46px;padding:0 22px;background:var(--blue);border-color:var(--blue);box-shadow:0 8px 18px rgba(18,59,93,.14);letter-spacing:.02em}.button:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.button-secondary{background:#fff;color:var(--blue);box-shadow:none}.button-ghost{border-color:rgba(255,255,255,.7);box-shadow:none}.button-small{min-height:38px;border-radius:9px;padding:0 16px}
.market-hero{height:500px;background:#e9eff3}.hero-media{object-position:center center}.hero-shade{background:linear-gradient(90deg,rgba(245,247,249,.97) 0%,rgba(245,247,249,.9) 35%,rgba(245,247,249,.25) 65%,rgba(16,42,67,.08) 100%)}.hero-content{color:var(--blue);justify-content:center}.eyebrow,.section-kicker{color:var(--green);letter-spacing:.16em;font-size:11px}.hero-content h1{font-size:48px;letter-spacing:-.04em;max-width:520px}.hero-content>p:not(.eyebrow){color:#486581;font-size:18px;line-height:1.8;max-width:580px}.hero-actions{margin-top:30px}.hero-trust{color:#486581;margin-top:36px}.hero-trust span{border-left-color:#b8c9d6}.assurance-band{background:#fff;border-bottom:0;box-shadow:0 5px 18px rgba(16,42,67,.04)}.assurance-grid{min-height:124px}.assurance-grid>div{border-right-color:#e6edf3;padding:4px 28px}.assurance-grid strong{color:var(--blue);font-size:27px}.assurance-copy strong{color:var(--green)!important}.assurance-copy p{color:#627d98}
.market-band,.teams-band,.records-band{padding:72px 0 90px;background:var(--soft)}.section-heading{margin-bottom:30px}.section-heading h2{font-size:30px;letter-spacing:-.03em}.section-heading>p{color:#627d98}.section-kicker{margin-bottom:12px}
.offer-list{display:grid;gap:18px}.offer-row{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;gap:28px;align-items:stretch;background:#fff;border:1px solid #e1eaf0;border-radius:18px;padding:14px;box-shadow:0 6px 22px rgba(16,42,67,.04);transition:.22s}.offer-row:hover{transform:translateY(-3px);border-color:#9ed6cf;box-shadow:0 18px 42px rgba(16,42,67,.1)}.offer-media{position:relative;min-height:188px;overflow:hidden;border-radius:13px;background:#eef5f5}.offer-media img{width:100%;height:100%;object-fit:cover}.offer-media>span{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.93);color:var(--green);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.offer-media i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.offer-main{padding:10px 0}.offer-meta{display:flex;align-items:center;gap:12px;color:#829ab1;font-size:12px}.product-chip{border-radius:999px;background:#e8f7f5;color:#08756c;padding:5px 10px}.offer-main h3{font-size:23px;letter-spacing:-.02em;margin:16px 0 5px}.offer-product{color:var(--blue)!important;font-weight:700}.offer-description{color:#627d98!important;line-height:1.75;max-width:590px}.offer-facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:#627d98;font-size:12px}.offer-facts b{color:var(--blue)}.offer-price{display:flex;flex-direction:column;justify-content:center;padding:8px 16px;border-left:1px solid #e6edf3}.offer-price small,.offer-price span{color:#829ab1}.offer-price strong{font-size:32px;color:var(--amber);letter-spacing:-.04em;margin:5px 0}.offer-price strong em{font-size:15px}.offer-price .button{margin-top:20px}
.activity-card,.team-row,.purchase-panel,.join-panel,.team-progress-panel,.records-table-wrap,.checkout-panel,.order-summary{border-radius:16px;border-color:#e1eaf0;box-shadow:0 6px 22px rgba(16,42,67,.04)}.activity-card:hover{border-color:#9ed6cf;box-shadow:0 18px 42px rgba(16,42,67,.1)}.purchase-panel,.join-panel{border-top:3px solid var(--green)}.progress i{background:linear-gradient(90deg,var(--green),#43b9ab)}.status-2,.member-2{background:#e8f7f5;color:#08756c}
.site-footer{background:#102a43;color:#b8c9d6;border-top:0}.footer-inner{min-height:72px;align-items:center}.footer-inner a:hover{color:#fff}
@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.topbar{height:68px}.topbar-inner{gap:12px}.brand{min-width:auto}.brand strong{font-size:15px}.brand small{display:none}.main-nav{display:none}.account-credit{display:none}.account-nav{gap:8px}.account-link{max-width:100px;font-size:12px}.market-hero{height:550px}.hero-shade{background:linear-gradient(180deg,rgba(245,247,249,.96) 0%,rgba(245,247,249,.9) 42%,rgba(245,247,249,.26) 100%)}.hero-content{justify-content:flex-start;padding-top:58px}.hero-content h1{font-size:36px;max-width:310px}.hero-content>p:not(.eyebrow){font-size:16px;max-width:320px}.hero-trust{display:grid;gap:7px;margin-top:24px}.hero-trust span{border:0;padding:0}.assurance-grid{grid-template-columns:repeat(3,1fr);min-height:110px}.assurance-grid>div{padding:4px 10px}.assurance-grid>div:nth-child(3){border-right:0}.assurance-grid strong{font-size:20px}.assurance-copy{display:none!important}.market-band,.teams-band,.records-band{padding:48px 0 60px}.section-heading{display:block}.section-heading>p{margin-top:8px}.offer-row{grid-template-columns:1fr;gap:12px;padding:10px;border-radius:15px}.offer-media{height:170px;min-height:0}.offer-main{padding:8px 8px 0}.offer-main h3{font-size:20px}.offer-facts{margin-top:16px}.offer-price{border-left:0;border-top:1px solid #e6edf3;padding:18px 8px 8px}.offer-price .button{margin-top:14px}.footer-inner{display:grid;gap:8px;padding:18px 0;font-size:12px}.activity-detail,.detail-grid,.checkout-layout{grid-template-columns:1fr;gap:20px}.team-row{grid-template-columns:42px minmax(0,1fr);gap:12px}.team-row>.team-time,.team-row>.team-price,.team-row>.button{grid-column:2;text-align:left}.team-detail-head,.page-title,.checkout-heading{display:block}.countdown-box{border:0;padding:12px 0 0;text-align:left}.member-grid{grid-template-columns:repeat(2,1fr)}}

/* Product group-buy detail redesign · reference-inspired */
.offer-detail-band{padding-top:30px;background:#fff}.offer-detail-band .breadcrumbs{margin-bottom:28px}.activity-detail{grid-template-columns:260px minmax(0,1fr) 340px;gap:34px;align-items:start}.activity-detail-media{height:300px;position:relative;overflow:hidden;border-radius:20px;background:#edf5f4;border:1px solid #e1eaf0}.activity-detail-media img{width:100%;height:100%;object-fit:cover}.activity-detail-media>span{position:absolute;left:14px;top:14px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.93);color:var(--green);font-size:11px;font-weight:800}.activity-detail-media i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.activity-detail-copy{padding:10px 0}.detail-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--green);font-weight:800;margin:0 0 14px}.activity-detail-copy h1{font-size:34px;letter-spacing:-.04em;color:var(--blue);margin:17px 0 8px}.activity-detail-copy .product-name{font-size:16px;color:var(--green);font-weight:700}.activity-detail-copy .description{font-size:14px;line-height:1.9;color:#627d98}.activity-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.activity-specs>span{padding:14px;border:1px solid #e1eaf0;border-radius:12px;background:#fbfdfe}.activity-specs small,.activity-specs strong{display:block}.activity-specs small{color:#829ab1;font-size:11px;margin-bottom:6px}.activity-specs strong{color:var(--blue);font-size:16px}.detail-assurances{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:18px;color:#627d98;font-size:12px}.detail-assurances b{color:var(--green);margin-right:3px}.purchase-panel{position:sticky;top:98px;padding:26px;border-top:4px solid var(--green)}.purchase-kicker{font-size:10px;letter-spacing:.16em;color:#829ab1;margin:3px 0 21px}.purchase-label{font-size:14px;font-weight:800;color:var(--green)}.purchase-price strong{font-size:38px;color:var(--amber);letter-spacing:-.04em}.purchase-price span{font-size:12px}.purchase-cycle{padding:11px 0;border-bottom:1px solid #e6edf3;color:#627d98;font-size:12px}.purchase-panel ul{margin:18px 0;padding:0;gap:11px;line-height:1.6}.purchase-panel li:before{color:var(--green)}.teams-band{padding-top:64px}.team-row{grid-template-columns:46px minmax(0,1fr) 140px 130px 106px;min-height:116px;padding:18px 20px}.team-title>div{display:flex;align-items:center;gap:9px}.team-progress-line{display:grid;grid-template-columns:minmax(120px,1fr) 42px;gap:12px;align-items:center}.team-progress-line>b{font-size:12px;color:var(--green)}.team-roster{display:flex;align-items:center;gap:5px;margin-top:8px}.team-roster>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e8f7f5;color:var(--green);font-size:11px;font-weight:800}.team-roster>span.empty{background:#f2f4f7;color:#98a2b3}.team-roster>small{color:#829ab1}.team-roster>em{font-size:11px;color:#b54708;font-style:normal;margin-left:4px}.team-row>.button{box-shadow:none}.team-time strong{display:block;margin-top:5px;color:var(--amber)}
@media(max-width:1000px){.activity-detail{grid-template-columns:220px minmax(0,1fr);gap:24px}.activity-detail .purchase-panel{grid-column:1/-1;position:static}.team-row{grid-template-columns:46px minmax(0,1fr) 120px 110px 98px;gap:12px}}
@media(max-width:760px){.offer-detail-band{padding-top:22px}.activity-detail{grid-template-columns:1fr;gap:18px}.activity-detail-media{height:220px}.activity-detail-copy h1{font-size:28px}.activity-specs{gap:7px}.activity-specs>span{padding:11px 9px}.activity-specs strong{font-size:14px}.detail-assurances{gap:8px 12px}.purchase-panel{padding:22px;position:static!important}.team-row{grid-template-columns:42px minmax(0,1fr);padding:16px}.team-row>.team-time,.team-row>.team-price,.team-row>.button{grid-column:2}.team-row>.team-time{text-align:left}.team-row>.team-price{text-align:left}.team-row>.button{width:100%}}

/* ============================================================
   V8 FLAGSHIP COMMERCIAL ENHANCEMENT · 旗舰商业版细节美化
   ============================================================ */

/* --- 全局质感升级 --- */
::selection{background:rgba(11,143,131,.18);color:#0b2942}
html{scroll-behavior:smooth}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(11,143,131,.06), transparent),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(200,146,61,.04), transparent);
  background-attachment:fixed;
}

/* 自定义滚动条 */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#f0f4f7}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0b8f83,#123b5d);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0da396,#0b2942)}

/* --- Topbar 旗舰升级 --- */
.topbar{
  transition:box-shadow .3s,background .3s;
}
.topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,143,131,.3),rgba(200,146,61,.2),transparent);
}
.brand-mark{
  position:relative;overflow:hidden;
}
.brand-mark::after{
  content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);
  transform:rotate(45deg) translateX(-100%);
  transition:transform .6s;
}
.brand:hover .brand-mark::after{transform:rotate(45deg) translateX(100%)}
.main-nav a{position:relative;transition:color .2s}
.main-nav a::before{
  content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;
  background:linear-gradient(90deg,#0b8f83,#43b9ab);
  transition:width .25s,left .25s;border-radius:2px;
}
.main-nav a:hover::before{width:100%;left:0}
.main-nav a.active::before{width:100%;left:0}
.account-credit{
  padding:5px 12px;background:linear-gradient(135deg,rgba(11,143,131,.08),rgba(200,146,61,.06));
  border:1px solid rgba(11,143,131,.15);border-radius:999px;
}

/* --- 按钮旗舰升级：渐变+光泽扫过 --- */
.button{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#123b5d 0%,#0b8f83 100%);
  border-color:transparent;
  box-shadow:0 6px 20px rgba(18,59,93,.2),inset 0 1px 0 rgba(255,255,255,.1);
  transition:all .25s cubic-bezier(.4,0,.2,1);
}
.button::before{
  content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
  transition:left .5s;
}
.button:hover::before{left:100%}
.button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(18,59,93,.28),inset 0 1px 0 rgba(255,255,255,.15);
}
.button:active{transform:translateY(0);box-shadow:0 4px 12px rgba(18,59,93,.2)}
.button-secondary{
  background:#fff;color:#123b5d;border:1px solid #d9e2ec;
  box-shadow:0 2px 8px rgba(16,42,67,.04);
}
.button-secondary:hover{background:#f8fbfb;color:#0b8f83;border-color:#0b8f83;box-shadow:0 6px 18px rgba(11,143,131,.12)}
.button-secondary::before{display:none}
.button-ghost{
  background:rgba(255,255,255,.1);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.3);
}
.button-ghost:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}

/* --- Hero 旗舰升级：光斑+网格+渐变文字 --- */
.market-hero{position:relative;overflow:hidden}
.market-hero::before{
  content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;
  background:radial-gradient(circle,rgba(11,143,131,.25) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;z-index:1;
  animation:heroGlow 8s ease-in-out infinite alternate;
}
.market-hero::after{
  content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;
  background:radial-gradient(circle,rgba(200,146,61,.15) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;z-index:1;
  animation:heroGlow 10s ease-in-out infinite alternate-reverse;
}
@keyframes heroGlow{
  0%{transform:translate(0,0) scale(1)}
  100%{transform:translate(30px,-20px) scale(1.1)}
}
.hero-content{position:relative;z-index:2}
.hero-content h1{
  background:linear-gradient(135deg,#123b5d 0%,#0b8f83 60%,#c8923d 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  position:relative;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;background:rgba(11,143,131,.08);
  border:1px solid rgba(11,143,131,.2);border-radius:999px;
}
.eyebrow::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:#0b8f83;box-shadow:0 0 8px rgba(11,143,131,.6);
  animation:pulse 2s infinite;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero-trust span{
  display:flex;align-items:center;gap:6px;
  position:relative;
}
.hero-trust span::before{
  content:"✓";display:inline-grid;place-items:center;
  width:18px;height:18px;border-radius:50%;
  background:rgba(11,143,131,.12);color:#0b8f83;
  font-size:11px;font-weight:800;
}

/* --- Assurance Band 旗舰升级：图标+悬浮+渐变数字 --- */
.assurance-band{position:relative;z-index:3}
.assurance-grid>div{
  position:relative;transition:transform .25s,background .25s;
  border-radius:12px;padding:8px 24px;
}
.assurance-grid>div:hover{
  transform:translateY(-3px);
  background:linear-gradient(135deg,rgba(11,143,131,.04),rgba(200,146,61,.03));
}
.assurance-grid>div:not(.assurance-copy) strong{
  background:linear-gradient(135deg,#123b5d,#0b8f83);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.assurance-grid>div:not(.assurance-copy) span{
  display:flex;align-items:center;gap:6px;
}
.assurance-grid>div:nth-child(1):not(.assurance-copy) span::before{content:"📦";font-size:13px}
.assurance-grid>div:nth-child(2):not(.assurance-copy) span::before{content:"👥";font-size:13px}
.assurance-grid>div:nth-child(3):not(.assurance-copy) span::before{content:"🎟️";font-size:13px}
.assurance-copy{
  background:linear-gradient(135deg,rgba(11,143,131,.05),rgba(200,146,61,.04));
  border-radius:12px;border:1px solid rgba(11,143,131,.1);
}
.assurance-copy strong{
  display:flex;align-items:center;gap:6px;
}
.assurance-copy strong::before{content:"🛡️";font-size:14px}

/* --- Section Heading 装饰线 --- */
.section-heading h2{
  position:relative;display:inline-block;
}
.section-heading h2::after{
  content:"";position:absolute;left:0;bottom:-8px;width:48px;height:3px;
  background:linear-gradient(90deg,#0b8f83,#43b9ab);border-radius:2px;
}

/* --- 活动卡片 Offer Row 旗舰升级 --- */
.offer-row{
  position:relative;overflow:hidden;
  transition:all .3s cubic-bezier(.4,0,.2,1);
}
.offer-row::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#0b8f83,#43b9ab,#c8923d);
  transform:scaleX(0);transform-origin:left;transition:transform .35s;
}
.offer-row:hover::before{transform:scaleX(1)}
.offer-row:hover .offer-media img{transform:scale(1.06)}
.offer-media img{transition:transform .5s cubic-bezier(.4,0,.2,1)}
.offer-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(18,59,93,.1) 0%,transparent 50%,rgba(11,143,131,.08) 100%);
  pointer-events:none;
}
.offer-media>span{
  backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.1);
}
.offer-price strong{
  position:relative;display:inline-block;
}
.offer-price .button{
  background:linear-gradient(135deg,#c8923d 0%,#b54708 100%);
  box-shadow:0 6px 18px rgba(200,146,61,.25);
}
.offer-price .button:hover{
  box-shadow:0 10px 26px rgba(200,146,61,.35);
}

/* --- 进度条流动动画 --- */
.progress{position:relative;overflow:hidden}
.progress i{
  position:relative;
  background:linear-gradient(90deg,#0b8f83,#43b9ab,#0b8f83);
  background-size:200% 100%;
  animation:progressFlow 2s linear infinite;
  border-radius:inherit;
}
.progress i::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
  animation:progressShine 1.5s infinite;
}
@keyframes progressFlow{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes progressShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* --- 状态标签发光 --- */
.status{
  position:relative;transition:all .2s;
  backdrop-filter:blur(4px);
}
.status-1{box-shadow:0 0 0 3px rgba(23,92,211,.08)}
.status-2{box-shadow:0 0 0 3px rgba(11,143,131,.1)}
.status-3{box-shadow:0 0 0 3px rgba(181,71,8,.1)}
.status-4{box-shadow:0 0 0 3px rgba(102,112,133,.08)}

/* --- 队伍卡片成员头像 --- */
.team-roster>span{
  transition:transform .2s,box-shadow .2s;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.team-roster>span:hover{transform:translateY(-2px) scale(1.1);z-index:2}
.team-roster>span.paid{
  background:linear-gradient(135deg,#0b8f83,#43b9ab);
  color:#fff;box-shadow:0 2px 8px rgba(11,143,131,.3);
}
.team-row{transition:all .25s}
.team-row:hover{
  border-color:#9ed6cf;
  box-shadow:0 12px 32px rgba(16,42,67,.08);
  transform:translateX(4px);
}
.leader-avatar{
  background:linear-gradient(135deg,#123b5d,#0b8f83);
  color:#fff;box-shadow:0 4px 12px rgba(18,59,93,.2);
}

/* --- 倒计时盒子 --- */
.countdown-box strong{
  font-variant-numeric:tabular-nums;
  background:linear-gradient(135deg,#c8923d,#b54708);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* --- 购买/加入面板 --- */
.purchase-panel,.join-panel{
  position:relative;overflow:hidden;
}
.purchase-panel::before,.join-panel::before{
  content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;
  background:radial-gradient(circle at 70% 20%,rgba(11,143,131,.04),transparent 50%);
  pointer-events:none;
}
.purchase-price strong,.join-price{
  background:linear-gradient(135deg,#c8923d,#b54708);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.purchase-label,.join-kicker{
  display:inline-flex;align-items:center;gap:5px;
}
.purchase-label::before,.join-kicker::before{
  content:"";width:4px;height:14px;border-radius:2px;
  background:linear-gradient(180deg,#0b8f83,#43b9ab);
}

/* --- 成员网格 --- */
.member{
  transition:all .25s;position:relative;overflow:hidden;
}
.member:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(16,42,67,.08);
  border-color:#9ed6cf;
}
.member>span{
  background:linear-gradient(135deg,#e8f7f5,#d0ebe7);
  color:#0b8f83;transition:all .25s;
}
.member:hover>span{
  background:linear-gradient(135deg,#0b8f83,#43b9ab);color:#fff;
  transform:scale(1.05);
}
.member.empty{opacity:.7}
.member.empty:hover{opacity:1}

/* --- 分享框 --- */
.share-box input{
  transition:border-color .2s,box-shadow .2s;
}
.share-box input:focus{
  border-color:#0b8f83;box-shadow:0 0 0 3px rgba(11,143,131,.1);
  outline:none;
}
.share-box button{
  transition:background .2s;
  background:linear-gradient(135deg,#123b5d,#0b8f83);
}
.share-box button:hover{background:linear-gradient(135deg,#0b2942,#08756c)}

/* --- 表格旗舰升级 --- */
.records-table-wrap{overflow:hidden}
.records-table thead th{
  background:linear-gradient(180deg,#f8fbfb,#f0f6f5);
  font-weight:700;letter-spacing:.02em;
  position:relative;
}
.records-table thead th::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,143,131,.3),transparent);
}
.records-table tbody tr{transition:background .2s,transform .15s}
.records-table tbody tr:hover{
  background:linear-gradient(90deg,rgba(11,143,131,.03),rgba(200,146,61,.02));
}
.records-table tbody tr:hover td:first-child{
  box-shadow:inset 3px 0 0 #0b8f83;
}
.row-actions a{transition:color .2s}
.row-actions a:hover{color:#0b8f83;text-decoration:underline}
.row-actions .primary{color:#0b8f83}

/* --- 结算页 --- */
.checkout-band{
  background-image:
    radial-gradient(ellipse 70% 50% at 20% 0%,rgba(11,143,131,.05),transparent),
    radial-gradient(ellipse 50% 40% at 100% 100%,rgba(200,146,61,.04),transparent);
}
.secure-badge{
  display:inline-flex;align-items:center;gap:5px;
  backdrop-filter:blur(8px);
  animation:securePulse 3s infinite;
}
.secure-badge::before{content:"🔒";font-size:11px}
@keyframes securePulse{0%,100%{box-shadow:0 0 0 0 rgba(11,143,131,.15)}50%{box-shadow:0 0 0 6px rgba(11,143,131,0)}}
.balance-pay-icon{
  background:linear-gradient(135deg,#123b5d,#0b8f83);
  box-shadow:0 6px 16px rgba(18,59,93,.2);
}
.gateway-option{
  transition:all .2s;position:relative;
}
.gateway-option:hover{
  transform:translateX(4px);
  box-shadow:0 4px 14px rgba(16,42,67,.06);
}
.gateway-option:has(input:checked){
  border-color:#0b8f83;
  background:linear-gradient(135deg,rgba(11,143,131,.04),rgba(200,146,61,.02));
  box-shadow:0 0 0 3px rgba(11,143,131,.1),inset 3px 0 0 #0b8f83;
}
.order-summary{position:relative;overflow:hidden}
.order-summary::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#0b8f83,#43b9ab,#c8923d);
}
.summary-total strong{
  background:linear-gradient(135deg,#c8923d,#b54708);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* --- 登录页 --- */
.login-band{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#f0f6f5 0%,#f5f7f9 50%,#faf6ee 100%);
}
.login-band::before{
  content:"";position:absolute;top:-20%;left:-10%;width:500px;height:500px;
  background:radial-gradient(circle,rgba(11,143,131,.12),transparent 70%);
  border-radius:50%;
}
.login-band::after{
  content:"";position:absolute;bottom:-20%;right:-10%;width:400px;height:400px;
  background:radial-gradient(circle,rgba(200,146,61,.1),transparent 70%);
  border-radius:50%;
}
.login-panel{
  position:relative;z-index:2;
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 24px 60px rgba(16,42,67,.1),0 0 0 1px rgba(255,255,255,.5) inset;
  backdrop-filter:blur(20px);
}
.login-panel input{
  transition:all .2s;border:1px solid #d9e2ec;background:#fbfdfe;
}
.login-panel input:focus{
  border-color:#0b8f83;box-shadow:0 0 0 3px rgba(11,143,131,.1);
  background:#fff;
}

/* --- 支付结果页 --- */
.payment-result-page{
  background:linear-gradient(135deg,#f0f6f5,#f5f7f9);
}
.result-icon{
  position:relative;
  animation:resultPop .5s cubic-bezier(.34,1.56,.64,1);
}
@keyframes resultPop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
.result-icon.success{
  background:linear-gradient(135deg,#0b8f83,#43b9ab);
  color:#fff;box-shadow:0 8px 24px rgba(11,143,131,.3);
}
.result-icon.success::after{
  content:"";position:absolute;inset:-8px;border-radius:50%;
  border:2px solid rgba(11,143,131,.3);
  animation:resultRing 1.5s ease-out infinite;
}
@keyframes resultRing{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}
.result-icon.pending{
  background:linear-gradient(135deg,#c8923d,#b54708);color:#fff;
  box-shadow:0 8px 24px rgba(200,146,61,.3);
}
.result-icon.review{
  background:linear-gradient(135deg,#b54708,#c8923d);color:#fff;
  box-shadow:0 8px 24px rgba(181,71,8,.3);
}
.payment-result-card{
  backdrop-filter:blur(20px);
  box-shadow:0 24px 60px rgba(16,42,67,.1);
}

/* --- 支付二维码页 --- */
.payment-qr-page{background:linear-gradient(135deg,#f0f6f5,#f5f7f9)}
.payment-qr-code{
  border-radius:16px;
  box-shadow:0 8px 30px rgba(16,42,67,.08);
  position:relative;
}
.payment-qr-code::before{
  content:"";position:absolute;inset:-2px;border-radius:18px;
  background:linear-gradient(135deg,#0b8f83,#c8923d);
  z-index:-1;opacity:.3;
}

/* --- 空状态 --- */
.empty-state{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#fff,#f8fbfb);
}
.empty-state::before{
  content:"📭";display:block;font-size:48px;margin-bottom:16px;
  opacity:.6;
}

/* --- 页脚旗舰升级 --- */
.site-footer{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0a1f33 0%,#102a43 50%,#0d2136 100%);
}
.site-footer::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,#0b8f83,#43b9ab,#c8923d,transparent);
}
.site-footer::after{
  content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;
  background:radial-gradient(circle,rgba(11,143,131,.1),transparent 70%);
  border-radius:50%;pointer-events:none;
}
.footer-inner{position:relative;z-index:1}
.footer-inner a{
  position:relative;transition:color .2s;
}
.footer-inner a::after{
  content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;
  background:#43b9ab;transition:width .25s;
}
.footer-inner a:hover::after{width:100%}

/* --- 面包屑 --- */
.breadcrumbs a{
  transition:color .2s;position:relative;
}
.breadcrumbs a:hover{color:#0b8f83}

/* --- 活动规格卡片 --- */
.activity-specs>span{
  transition:all .25s;
}
.activity-specs>span:hover{
  transform:translateY(-2px);
  border-color:#9ed6cf;
  box-shadow:0 6px 16px rgba(16,42,67,.06);
}

/* --- 详情保障标签 --- */
.detail-assurances span{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 10px;background:rgba(11,143,131,.06);
  border:1px solid rgba(11,143,131,.12);border-radius:999px;
  transition:all .2s;
}
.detail-assurances span:hover{
  background:rgba(11,143,131,.1);
  border-color:rgba(11,143,131,.25);
  transform:translateY(-1px);
}

/* --- 卡片入场动画 --- */
.offer-row,.team-row,.member,.stat-grid article{
  animation:fadeInUp .5s ease-out both;
}
.offer-row:nth-child(1),.team-row:nth-child(1){animation-delay:.05s}
.offer-row:nth-child(2),.team-row:nth-child(2){animation-delay:.1s}
.offer-row:nth-child(3),.team-row:nth-child(3){animation-delay:.15s}
.offer-row:nth-child(4),.team-row:nth-child(4){animation-delay:.2s}
.offer-row:nth-child(5),.team-row:nth-child(5){animation-delay:.25s}
@keyframes fadeInUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}

/* --- 响应式适配 v8 --- */
@media(max-width:760px){
  .assurance-grid>div:hover{transform:none}
  .offer-row:hover{transform:translateY(-2px)}
  .team-row:hover{transform:none}
  .hero-content h1{font-size:34px}
  .market-hero::before,.market-hero::after{display:none}
  .assurance-grid>div:nth-child(1):not(.assurance-copy) span::before,
  .assurance-grid>div:nth-child(2):not(.assurance-copy) span::before,
  .assurance-grid>div:nth-child(3):not(.assurance-copy) span::before{display:none}
}

/* --- 立省徽章 --- */
.save-badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:5px 12px;margin-top:4px;
  background:linear-gradient(135deg,#fff4ed,#fef0c7);
  border:1px solid rgba(200,146,61,.25);
  border-radius:999px;
  color:#b54708;font-size:12px;font-weight:800;
  box-shadow:0 2px 8px rgba(200,146,61,.12);
  position:relative;overflow:hidden;
}
.save-badge::before{
  content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  animation:saveShine 2.5s infinite;
}
@keyframes saveShine{0%{left:-100%}50%,100%{left:100%}}

/* --- 购买面板节省提示 --- */
.purchase-save{
  display:inline-flex;align-items:center;gap:4px;
  padding:5px 12px;margin:8px 0 4px;
  background:linear-gradient(135deg,#fff4ed,#fef0c7);
  border:1px solid rgba(200,146,61,.25);
  border-radius:999px;
  color:#b54708;font-size:12px;font-weight:700;
}
.purchase-save b{color:#b54708;font-weight:800}

/* ============================================================
   V11 CLEAN PRODUCT DETAIL — image reference matching redesign
   White / mist / teal, restrained commercial UI. No gradients,
   glow, glassmorphism or decorative emoji.
   ============================================================ */
:root{
  --ink:#162126;
  --muted:#66757a;
  --subtle:#8a979b;
  --line:#e4e9e8;
  --mist:#f5f8f7;
  --teal:#159c98;
  --teal-dark:#0e7774;
  --teal-pale:#e8f5f3;
  --cream:#fffaf1;
  --price:#159c98;
  --shadow-soft:0 8px 28px rgba(24,48,47,.07);
  --shadow-card:0 14px 38px rgba(24,48,47,.08);
}
body{background:#f8faf9;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.topbar{height:76px;background:#fff;border-bottom:1px solid #edf0ef;box-shadow:0 2px 12px rgba(20,40,40,.035)}
.topbar::after{display:none}
.topbar-inner{max-width:1180px;gap:42px}
.brand{min-width:220px;gap:11px}
.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--teal);font-size:0;box-shadow:none}
.brand-mark::before{content:"";width:19px;height:13px;border:2px solid #fff;border-radius:11px 11px 8px 8px;display:block;position:relative;top:2px}
.brand-mark::after{content:"";position:absolute;left:11px;top:13px;width:15px;height:8px;border-bottom:2px solid #fff;border-radius:50%;background:none;transform:none}
.brand strong{font-size:18px;letter-spacing:.01em;color:#152126}
.brand small{font-size:9px;letter-spacing:.18em;color:#94a09f;margin-top:4px}
.main-nav{gap:34px}
.main-nav a{font-weight:500;color:#3d4b4e}
.main-nav a::before,.main-nav a.active:after{display:none}
.main-nav a.active{color:var(--teal);font-weight:700}
.account-nav{gap:12px}
.account-credit{background:none;border:0;padding:0;color:#b65d42}
.account-link{color:#536164}
.button{min-height:44px;border-radius:9px;background:var(--teal);border-color:var(--teal);box-shadow:none;transition:background .18s,border-color .18s,transform .18s}
.button::before{display:none}
.button:hover{background:var(--teal-dark);border-color:var(--teal-dark);box-shadow:none;transform:none}
.button-secondary{background:#fff;color:var(--teal);border-color:#a9d5d2}
.button-secondary:hover{background:var(--teal-pale);color:var(--teal-dark);border-color:#83c4bf}

/* detail page */
.offer-detail-band{padding:30px 0 46px;background:#f8faf9;border-bottom:0}
.offer-detail-band .container{max-width:1180px}
.breadcrumbs{margin:0 0 22px;gap:9px;color:#879294;font-size:13px;align-items:center}
.breadcrumbs a{color:#4e5d60}
.breadcrumbs a:hover{color:var(--teal)}
.activity-detail{grid-template-columns:320px minmax(0,1fr) 330px;gap:26px;align-items:start;background:transparent}
.activity-detail-media{grid-column:1;grid-row:1;width:100%;height:340px;min-height:0;border:1px solid #dfe6e4;border-radius:12px;background:#fff;box-shadow:none;padding:16px}
.activity-detail-media img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none;border-radius:7px}
.activity-detail-media:after{display:none}
.activity-detail-media>span{top:14px;left:14px;right:auto;bottom:auto;padding:6px 10px;background:#fff;color:var(--teal);border:1px solid #dbe9e7;border-radius:7px;font-size:11px}
.activity-detail-copy{grid-column:2;grid-row:1;padding:24px 0 0;min-width:0}
.detail-eyebrow{font-size:9px;letter-spacing:.2em;color:#6f9b97;margin:0 0 13px}
.activity-detail-copy .offer-meta{font-size:12px;color:#839093}
.product-chip{padding:5px 9px;border-radius:6px;background:var(--teal);color:#fff;font-weight:700}
.activity-detail-copy h1{font-size:30px;line-height:1.2;letter-spacing:-.025em;color:#18272a;margin:20px 0 10px}
.activity-detail-copy .product-name{font-size:15px;line-height:1.7;color:#3e5558;font-weight:500;margin:0 0 10px}
.activity-detail-copy .description{font-size:14px;line-height:1.8;color:#68777a;max-width:600px;margin:0}
.activity-specs{grid-template-columns:repeat(3,1fr);gap:0;margin-top:22px;border:1px solid #e1e7e5;border-radius:9px;background:#fff;overflow:hidden}
.activity-specs>span{padding:13px 14px;border:0;border-left:1px solid #e1e7e5;background:#fff;border-radius:0;transform:none!important;box-shadow:none!important}
.activity-specs>span:first-child{border-left:0}
.activity-specs small{color:#8a9698;font-size:10px;margin-bottom:5px}
.activity-specs strong{color:#263639;font-size:15px}
.detail-assurances{gap:8px 16px;margin-top:16px;color:#718082;font-size:11px}
.detail-assurances span{padding:0;background:none;border:0;border-radius:0}
.detail-assurances span:hover{background:none;border:0;transform:none}
.detail-assurances b{color:var(--teal)}

.purchase-panel{grid-column:3;grid-row:1;position:relative;top:auto;align-self:start;margin-top:0;padding:25px 26px 23px;border:1px solid #d9e5e3;border-top:2px solid var(--teal);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}
.purchase-ribbon{display:inline-flex;padding:5px 10px;background:var(--teal);color:#fff;font-size:12px;font-weight:700;border-radius:0 0 8px 8px;margin:-25px 0 18px -26px}
.purchase-label{display:none}
.purchase-kicker{font-size:9px;letter-spacing:.2em;color:#9aa5a7;margin:0 0 20px}
.purchase-price{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 0 12px}
.purchase-price span{font-size:12px;color:#7b8789;margin-bottom:4px}
.purchase-price strong{font-size:42px;color:var(--price);letter-spacing:-.04em;font-weight:800}
.purchase-price em{font-size:17px}
.purchase-save{align-self:center;margin:0 auto 8px;padding:5px 10px;background:#fff7eb;border:1px solid #f2e2c8;border-radius:6px;color:#a16b2c}
.purchase-cycle{text-align:center;padding:9px 0 13px;color:#899496;font-size:11px;border-bottom:1px solid #e7eceb}
.purchase-panel ul{margin:16px 0;padding:0;gap:10px;color:#4f6063;font-size:12px;line-height:1.5}
.purchase-panel li:before{color:var(--teal)}
.purchase-panel .button{margin-top:2px;min-height:48px;font-size:15px}

.teams-band{padding:0 0 62px;background:#f8faf9}
.teams-band .container{max-width:1180px}
.section-heading{margin-bottom:18px;align-items:end}
.section-kicker{font-size:9px;letter-spacing:.2em;color:#a5aaa9;margin-bottom:7px}
.section-heading h2{font-size:22px;line-height:1.25;color:#1b292c;margin:0}
.section-heading h2::after{width:38px;height:2px;bottom:-8px;background:var(--teal);border-radius:0}
.section-heading>p{font-size:12px;color:#7e898b}
.team-list{gap:10px}
.team-row{grid-template-columns:44px minmax(0,1fr) 130px 115px 108px;min-height:108px;padding:16px 18px;background:#fff;border:1px solid #e2e8e6;border-radius:10px;box-shadow:none}
.leader-avatar{width:40px;height:40px;background:var(--teal-pale);color:var(--teal);border-radius:50%}
.team-title strong{font-size:14px;color:#28373a}
.team-title small,.team-main small{font-size:11px;color:#9aa4a5}
.status{padding:3px 7px;border-radius:5px;font-size:10px}
.status-1,.member-1{background:#e8f5f3;color:var(--teal)}
.progress{height:5px;background:#edf1f0;margin:9px 0 6px}
.progress i{background:var(--teal)}
.team-progress-line>b{color:var(--teal)}
.team-roster>span{background:#e8f5f3;color:var(--teal)}
.team-roster>span.empty{background:#f1f3f3;color:#a5aeaf}
.team-roster>em{color:#b77935}
.team-time{color:#9a6c39}
.team-time strong{color:#9a6c39}
.team-price strong{color:var(--teal);font-size:18px}
.team-price span{color:#8c9697;font-size:10px}
.team-row>.button{box-shadow:none}
.empty-state{padding:62px 24px 58px;background:#fff;border:1px solid #e2e8e6;border-radius:10px;box-shadow:none}
.empty-state::before{display:none}
.empty-people{width:66px;height:42px;position:relative;margin:0 auto 18px}
.empty-people i{position:absolute;display:block;background:#9ed5d1;border-radius:50%}
.empty-people i:nth-child(1){width:22px;height:22px;left:22px;top:0}
.empty-people i:nth-child(2){width:18px;height:18px;left:6px;top:12px}
.empty-people i:nth-child(3){width:18px;height:18px;right:6px;top:12px}
.empty-state strong{font-size:15px;color:#273639}
.empty-state p{margin:8px 0 17px;color:#889496;font-size:12px}
.empty-state .button{min-width:120px;min-height:38px;font-size:13px}
.site-footer{background:#fff;color:#738083;border-top:1px solid #e4e9e8;padding:0}
.site-footer::before,.site-footer::after{display:none}
.footer-inner{min-height:68px;font-size:11px;display:flex;align-items:center;justify-content:space-between}
.footer-inner a{color:#667477}
.footer-inner a::after{display:none}

/* other pages keep the same restrained system */
.market-band,.records-band,.team-workspace{background:#f5f8f7}
.market-hero{background:#eef5f4}

@media(max-width:1000px){
  .activity-detail{grid-template-columns:280px minmax(0,1fr) 300px;gap:20px}
  .activity-detail-media{height:300px}
  .activity-detail-copy{padding:22px 0 0;grid-column:2;grid-row:1}
  .activity-detail-media{grid-column:1;grid-row:1;padding-right:10px}
  .purchase-panel{grid-column:3;grid-row:1;margin-top:0}
  .team-row{grid-template-columns:42px minmax(0,1fr) 110px 105px 96px;gap:12px}
}
@media(max-width:760px){
  .container{width:calc(100% - 28px)}
  .topbar{height:64px}
  .topbar-inner{gap:12px}
  .brand{min-width:0}
  .brand strong{font-size:15px}
  .brand small{display:none}
  .brand-mark{width:34px;height:34px}
  .main-nav{display:none}
  .account-credit,.account-link{display:none}
  .account-nav{margin-left:auto}
  .account-nav .button{min-height:34px;padding:0 12px;font-size:12px}
  .offer-detail-band{padding:18px 0 30px}
  .breadcrumbs{margin-bottom:15px;font-size:11px}
  .activity-detail{display:grid;grid-template-columns:1fr;gap:0}
  .activity-detail-media{grid-column:1;grid-row:1;height:205px;padding:10px;border-radius:10px}
  .activity-detail-copy{grid-column:1;grid-row:2;padding:20px 0 0}
  .detail-eyebrow{font-size:8px;margin-bottom:10px}
  .activity-detail-copy h1{font-size:25px;margin:14px 0 8px}
  .activity-detail-copy .product-name{font-size:14px}
  .activity-detail-copy .description{font-size:13px}
  .activity-specs{margin-top:17px}
  .activity-specs>span{padding:11px 9px}
  .activity-specs small{font-size:9px}
  .activity-specs strong{font-size:13px}
  .detail-assurances{gap:6px 12px;font-size:10px}
  .purchase-panel{grid-column:1;grid-row:3;margin-top:18px;padding:21px 18px;border-radius:10px}
  .purchase-ribbon{margin:-21px 0 16px -18px}
  .purchase-price strong{font-size:38px}
  .purchase-panel ul{font-size:11px}
  .teams-band{padding-bottom:40px}
  .section-heading{display:flex;align-items:end;margin-bottom:14px}
  .section-heading h2{font-size:19px}
  .section-heading>p{font-size:10px}
  .team-row{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px;min-height:0}
  .team-row>.team-time,.team-row>.team-price,.team-row>.button{grid-column:2;text-align:left}
  .team-time{padding-top:4px}
  .team-price{padding-top:2px}
  .team-row>.button{width:100%;margin-top:4px}
  .empty-state{padding:46px 16px}
  .footer-inner{min-height:0;padding:17px 0;display:grid;gap:6px;font-size:10px}
}


/* ============================================================
   V12 MOBILE + LOGIN FLOW FINAL POLISH
   Unified responsive layout.  Prevents the desktop grid from
   leaking into narrow mobile viewports and keeps login entry
   consistent with the purchase CTA.
   ============================================================ */
html,body{width:100%;min-width:0;overflow-x:hidden}
img{max-width:100%}
.topbar{width:100%}
.topbar-inner{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* Desktop detail: stable three-column storefront */
@media(min-width:1001px){
  .offer-detail-band{padding:28px 0 42px}
  .activity-detail{width:100%;grid-template-columns:minmax(280px,320px) minmax(0,1fr) 330px;gap:28px}
  .activity-detail-media{height:320px}
  .activity-detail-copy{min-width:0;padding:20px 0 0}
  .activity-detail-copy h1{font-size:32px}
  .purchase-panel{min-width:0}
}

/* Tablet */
@media(min-width:761px) and (max-width:1000px){
  .topbar-inner{width:calc(100% - 32px)}
  .activity-detail{grid-template-columns:280px minmax(0,1fr);gap:24px}
  .activity-detail-media{grid-column:1;grid-row:1;height:290px}
  .activity-detail-copy{grid-column:2;grid-row:1}
  .purchase-panel{grid-column:1/-1;grid-row:2;position:static!important}
}

/* Phone */
@media(max-width:760px){
  html{font-size:16px}
  body{background:#f6f9f8;overflow-x:hidden}
  .container,.container.narrow{width:calc(100% - 24px);max-width:none;margin-left:auto;margin-right:auto}

  .topbar{position:sticky;top:0;height:62px;background:#fff;border-bottom:1px solid #e7eceb;box-shadow:0 1px 8px rgba(21,48,47,.04);z-index:50}
  .topbar-inner{width:calc(100% - 24px);height:62px;min-height:0;padding:0;display:flex;flex-wrap:nowrap;gap:10px}
  .brand{flex:1 1 auto;min-width:0;gap:9px;overflow:hidden}
  .brand-mark{flex:0 0 34px;width:34px;height:34px;border-radius:10px}
  .brand>span:last-child{min-width:0}
  .brand strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand small{display:none!important}
  .main-nav{display:none!important}
  .account-nav{margin-left:auto;flex:0 0 auto;gap:0}
  .account-credit,.account-link,.account-logout{display:none!important}
  .account-nav .button,.account-nav .button-small{min-height:38px;padding:0 14px;border-radius:9px;font-size:13px;white-space:nowrap}

  .flashes{top:72px;width:calc(100% - 24px)}
  .flash{font-size:12px;padding:10px 13px}

  /* Activity detail becomes a true single-column flow. */
  .offer-detail-band{padding:14px 0 28px;background:#f6f9f8;border-bottom:0}
  .offer-detail-band .container{width:calc(100% - 24px)}
  .breadcrumbs{margin:0 0 14px;gap:7px;font-size:11px;height:18px}
  .activity-detail{display:flex!important;flex-direction:column!important;width:100%;gap:0!important}
  .activity-detail-media{order:1;width:100%;height:auto;aspect-ratio:1.55/1;min-height:0!important;padding:8px;border-radius:14px;background:#fff;border:1px solid #dce6e4;box-shadow:0 3px 12px rgba(30,58,55,.035)}
  .activity-detail-media img{width:100%;height:100%;object-fit:contain;border-radius:9px;background:#fbfcfb}
  .activity-detail-media>span{left:12px;top:12px;font-size:10px;padding:5px 8px}
  .activity-detail-copy{order:2;width:100%;padding:19px 0 0!important}
  .detail-eyebrow{font-size:8px;letter-spacing:.16em;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .offer-meta{gap:8px;font-size:11px}
  .product-chip{padding:5px 9px;border-radius:7px}
  .activity-detail-copy h1{font-size:28px;line-height:1.18;letter-spacing:-.025em;margin:13px 0 0!important;color:#18292b}
  .activity-detail-copy .product-name{font-size:14px;line-height:1.55;margin:7px 0 0}
  .activity-detail-copy .description{font-size:12px;line-height:1.7;margin-top:6px;color:#718082}
  .activity-specs{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:17px;border:1px solid #dce6e4;border-radius:12px;background:#fff;overflow:hidden}
  .activity-specs>span{min-width:0;padding:12px 9px!important;border:0!important;border-left:1px solid #e1e8e7!important;border-radius:0!important}
  .activity-specs>span:first-child{border-left:0!important}
  .activity-specs small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .activity-specs strong{font-size:14px;white-space:nowrap}
  .detail-assurances{display:flex!important;flex-wrap:wrap;gap:7px 13px;margin-top:13px;font-size:10px;line-height:1.5}

  .purchase-panel{order:3;width:100%!important;margin:20px 0 0!important;padding:0 14px 16px!important;border:1px solid #d7e4e2!important;border-top:3px solid #159c98!important;border-radius:14px!important;background:#fff;box-shadow:0 6px 20px rgba(28,57,55,.06);position:static!important}
  .purchase-ribbon{margin:0 0 14px -14px!important;padding:7px 11px;border-radius:0 0 9px 0;font-size:11px}
  .purchase-kicker{font-size:8px;letter-spacing:.16em;margin:0 0 14px}
  .purchase-price{padding:0 0 9px!important;display:flex;align-items:center}
  .purchase-price span{font-size:12px;margin-bottom:3px}
  .purchase-price strong{font-size:42px;line-height:1;color:#c47724}
  .purchase-price em{font-size:16px}
  .purchase-save{font-size:10px;margin:0 auto 7px}
  .purchase-cycle{font-size:10px;padding:9px 0 11px}
  .purchase-panel ul{margin:11px 0;padding:10px 0;gap:7px;font-size:11px;line-height:1.45}
  .purchase-panel .button{min-height:46px;font-size:15px;border-radius:9px}

  .teams-band{padding:28px 0 42px!important;background:#f6f9f8}
  .teams-band .container{width:calc(100% - 24px)}
  .section-heading{display:flex!important;align-items:flex-end!important;gap:8px;margin-bottom:13px}
  .section-heading>div{min-width:0}
  .section-kicker{font-size:7px;letter-spacing:.15em;margin-bottom:6px;white-space:nowrap}
  .section-heading h2{font-size:19px;white-space:nowrap}
  .section-heading>p{font-size:9px;margin-left:auto;white-space:nowrap}
  .team-list{gap:9px}
  .team-row{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;padding:13px!important;min-height:0!important;border-radius:12px!important}
  .leader-avatar{width:36px;height:36px}
  .team-main{min-width:0}
  .team-title{display:flex;align-items:flex-start;gap:6px}
  .team-title>div{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:3px}
  .team-title strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .team-title small{font-size:9px}
  .team-progress-line{grid-template-columns:minmax(0,1fr) 36px;gap:8px}
  .progress{height:5px;margin:8px 0 5px}
  .team-roster{margin-top:7px;gap:4px;flex-wrap:wrap}
  .team-roster>span{width:22px;height:22px;font-size:9px}
  .team-roster>small,.team-roster>em{font-size:9px}
  .team-row>.team-time,.team-row>.team-price,.team-row>.button{grid-column:1/-1!important;text-align:left!important}
  .team-time{padding-top:7px;border-top:1px solid #edf1f0}
  .team-price{padding-top:2px}
  .team-price strong{font-size:16px}
  .team-row>.button{width:100%;margin-top:2px;min-height:40px;font-size:12px}
  .empty-state{padding:42px 16px;border-radius:12px}

  .site-footer{margin-top:0}
  .footer-inner{width:calc(100% - 24px);padding:15px 0;min-height:0;display:grid;gap:5px;text-align:center;font-size:9px;line-height:1.5}

  /* Other pages inherit the same mobile width discipline. */
  .checkout-layout,.detail-grid,.activity-grid{grid-template-columns:1fr!important}
  .checkout-container{width:calc(100% - 24px)}
  .payment-result-page,.payment-qr-page,.login-band{padding-left:12px;padding-right:12px}
}

@media(max-width:380px){
  .container,.offer-detail-band .container,.teams-band .container,.topbar-inner,.footer-inner{width:calc(100% - 20px)}
  .activity-detail-copy h1{font-size:25px}
  .purchase-price strong{font-size:37px}
  .section-heading h2{font-size:17px}
  .section-heading>p{font-size:8px}
}

/* V18 light-blue commercial activity catalog */
:root{
  --ink:#242a31;
  --muted:#74818e;
  --line:#e2e8ef;
  --soft:#f7f9fc;
  --white:#fff;
  --blue:#3d9df2;
  --blue-dark:#187fd5;
  --green:#168f61;
  --red:#d92d2d;
  --amber:#b76521;
  --coral:#3d9df2;
  --paper:#fff;
  --shadow:0 10px 28px rgba(44,91,136,.09);
}
body{color:var(--ink);background:#fff;background-image:none}
.container{width:min(1180px,calc(100% - 40px))}
.topbar{height:70px;background:#fff;border-bottom:1px solid #edf0f3;box-shadow:0 2px 10px rgba(31,65,96,.035)}
.topbar::after{display:none}.topbar-inner{gap:36px}
.brand-mark{width:38px;height:38px;border-radius:7px;background:var(--blue);box-shadow:0 5px 14px rgba(61,157,242,.24)}
.brand strong{color:#242a31}.brand small{color:#98a2ad}
.main-nav a{color:#596774}.main-nav a.active,.main-nav a:hover{color:var(--blue-dark)}.main-nav a.active:after{height:3px;background:var(--blue)}
.account-credit{border:1px solid #dcecff;background:#f3f9ff;color:#197cc9}.account-link{color:#53616d}
.button{border-color:var(--blue);border-radius:6px;background:var(--blue);box-shadow:0 5px 14px rgba(61,157,242,.18)}
.button:hover{border-color:var(--blue-dark);background:var(--blue-dark);box-shadow:0 8px 18px rgba(24,127,213,.22)}
.button-secondary{border-color:#cdd5dd;background:#fff;color:#596774;box-shadow:none}.button-secondary:hover{border-color:#a9cfee;background:#f1f8ff;color:#197cc9;box-shadow:none}
.flashes{top:82px}.flash{background:#eefaf4;border-color:#b9ead2;color:#087448}.flash.error{background:#fff2f1;border-color:#ffc8c4;color:#b42318}
.catalog-title-band{padding:34px 0 32px;background:#fff;border-bottom:1px solid #edf0f3}.catalog-title-band span{display:block;margin-bottom:7px;color:#8b98a4;font-size:10px;font-weight:700}.catalog-title-band h1{margin:0;font-size:34px;line-height:1.2;font-weight:800}
.catalog-intro{padding:44px 0 30px;background:#fafbfd}.catalog-banner{height:190px;position:relative;overflow:hidden;border:1px solid #bcdfff;border-top:6px solid #49a6f4;border-radius:8px;background:#eaf5ff;box-shadow:0 8px 24px rgba(61,157,242,.1)}.catalog-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;opacity:.13}.catalog-banner-copy{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.catalog-banner-copy>span{color:#5b7a95;font-size:12px}.catalog-banner-copy strong{margin:7px 0 5px;color:#3b9fea;font-size:42px;line-height:1.2;font-weight:800}.catalog-banner-copy p{margin:0;color:#718699;font-size:12px}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}.catalog-filters,.catalog-shortcuts{display:flex;align-items:center;gap:10px}.catalog-filters button,.catalog-shortcuts a,.catalog-shortcuts>span{min-height:40px;padding:0 17px;border:1px solid #d6dde5;border-radius:6px;background:#fff;color:#5f6871;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.catalog-filters button{cursor:pointer}.catalog-filters button:hover{border-color:#8bc5f5;color:#197cc9}.catalog-filters button.active{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 5px 13px rgba(61,157,242,.18)}.catalog-shortcuts>span{color:#8a949d;font-weight:400}.catalog-shortcuts b{margin:0 3px;color:#2d8fdc}.catalog-shortcuts a:hover{border-color:#9acbf2;color:#197cc9;background:#f5faff}
.catalog-market{padding:36px 0 64px;background:#fafbfd}.section-kicker{color:#2e92df}.section-heading h2{color:#242a31}.section-heading>p{color:#85919c}
.reference-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reference-activity-card{min-width:0;padding:26px 28px 0;border:1px solid #e0e6ed;border-radius:8px;background:#fff;box-shadow:0 4px 16px rgba(34,73,110,.045);transition:border-color .18s,box-shadow .18s,transform .18s}.reference-activity-card:hover{border-color:#9dcff7;box-shadow:0 12px 28px rgba(34,94,145,.1);transform:translateY(-2px)}.reference-card-head{display:flex;align-items:center;justify-content:space-between;color:#9aa5ae;font-size:11px}.product-chip{padding:5px 9px;border-radius:4px;background:#eaf5ff;color:#2188d4;font-size:11px}.reference-activity-card h3{margin:22px 0 6px;text-align:center;font-size:27px;line-height:1.35;overflow-wrap:anywhere}.reference-duration{text-align:center;margin:0;color:#71808d;font-size:14px}.reference-product{margin:14px auto 0;max-width:90%;color:#8a96a0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0 18px}.reference-prices>div{min-width:0;padding:18px 10px;border:1px solid #dce8f3;border-radius:8px;background:#f8fbff;text-align:center}.reference-prices span{display:block;color:#687684;font-size:13px}.reference-prices strong{display:block;margin-top:6px;color:var(--red);font-size:31px;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.reference-prices em{margin-right:2px;font-size:16px;font-style:normal}
.reference-meta{display:flex;justify-content:center;gap:24px;margin-bottom:19px;color:#4f5f6c}.reference-meta span{display:flex;align-items:center;gap:7px}.reference-meta b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e4f3ff;color:#2188d4;font-size:11px}
.reference-capacity{padding:15px 17px;border:1px solid #dce8f3;border-radius:8px;background:#f9fbfe}.reference-capacity>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#50606d}.reference-capacity b{color:#2d93df}.reference-capacity>div>strong{color:#42515e;font-size:14px}.reference-capacity .progress{height:9px;margin:12px 0 7px}.progress{background:#e4ebf1}.progress i{background:#40a0f4}.reference-capacity small{display:block;color:#87939d;font-size:11px}
.reference-countdown{display:grid;justify-items:center;gap:8px;margin:22px 0 18px}.reference-countdown span{color:#727f8a;font-size:12px}.reference-countdown strong{max-width:100%;padding:11px 20px;border:1px solid #b9dcfa;border-radius:6px;background:#eaf5ff;color:#176fc1;font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.reference-description{min-height:44px;margin:0;color:#5f6d78;line-height:1.75;text-align:center}.reference-card-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px -28px 0;padding:15px 20px 15px 28px;border-top:1px solid #edf0f3;background:#fbfcfe;border-radius:0 0 8px 8px}.reference-card-actions>span{color:#7d8993;font-size:11px}.reference-card-actions .button{min-width:126px;min-height:40px}.catalog-filter-empty{padding:45px;border:1px dashed #cdd9e4;border-radius:8px;background:#fff;color:#7a8791;text-align:center}.catalog-filter-empty[hidden],[data-activity-card][hidden]{display:none!important}
.catalog-assurance{padding:22px 0;border-top:1px solid #edf0f3;background:#fff}.catalog-assurance .container{display:grid;grid-template-columns:130px 130px 150px minmax(0,1fr);align-items:center}.catalog-assurance .container>div{padding:0 22px;border-right:1px solid #e6ebf0}.catalog-assurance .container>div:first-child{padding-left:0}.catalog-assurance strong,.catalog-assurance span{display:block}.catalog-assurance strong{font-size:23px;color:#238bd7}.catalog-assurance span{margin-top:3px;color:#87939d;font-size:11px}.catalog-assurance p{margin:0;padding-left:28px;color:#6f7c87;line-height:1.7;font-size:12px}
.market-band,.teams-band,.records-band,.team-workspace,.checkout-band,.login-band,.payment-result-page,.payment-qr-page{background:#f7f9fc}.page-band,.offer-detail-band{background:#fff}.breadcrumbs a,.product-name{color:#258bd8}.purchase-panel,.join-panel{border-color:#dce5ed;border-top-color:#3d9df2;background:#fff}.purchase-ribbon,.purchase-label,.join-kicker{background:#eaf5ff;color:#197cc9}.purchase-price strong,.join-price,.team-price strong,.summary-total strong,.price-pair .accent{color:var(--red)}.purchase-cycle,.description{color:#6f7c87}.purchase-panel li:before{color:#168f61}.activity-specs{border-color:#dce5ed;background:#f8fbff}.detail-assurances b{background:#eaf5ff;color:#258bd8}.team-row,.team-progress-panel,.member,.records-table-wrap,.checkout-panel,.order-summary{border-color:#dfe6ed;background:#fff;box-shadow:0 4px 14px rgba(40,84,124,.045)}.team-row:hover{border-color:#a6d2f5}.leader-avatar,.member>span{background:#eaf5ff;color:#258bd8}.status-1,.member-1{background:#eaf5ff;color:#197cc9}.status-2,.member-2{background:#eaf8f1;color:#117a50}.status-3,.member-3{background:#fff0ef;color:#b42318}.team-time,.countdown-box strong{color:#a75d1f}.team-panel-head>b,.progress-number strong{color:#258bd8}.checkout-notice{background:#f6f9fc;border-left-color:#6aaee4}.balance-pay-icon{background:#3d9df2}.site-footer{border-top:1px solid #e6ebf0;background:#fff;color:#788590}.site-footer a{color:#278bd6}.footer-inner{min-height:68px}
@media(max-width:960px){.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-shortcuts{width:100%;flex-wrap:wrap}.reference-activity-grid{grid-template-columns:1fr}.catalog-assurance .container{grid-template-columns:repeat(3,1fr)}.catalog-assurance .container>div{text-align:center}.catalog-assurance p{grid-column:1/-1;margin-top:18px;padding:17px 0 0;border-top:1px solid #edf0f3;text-align:center}}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .container{width:calc(100% - 28px)}.topbar{height:66px}.brand-mark{background:#3d9df2}.nav-toggle{border-color:#dbe5ee;background:#fff;color:#5f7080}.nav-toggle i{background:#4f6678}.main-nav{border-color:#dfe7ee;background:#fff}.main-nav a.active,.main-nav a:hover{background:#edf7ff;color:#197cc9}.account-nav .button{background:#3d9df2;border-color:#3d9df2}
  .catalog-title-band{padding:25px 0 23px}.catalog-title-band h1{font-size:26px}.catalog-intro{padding:24px 0 22px}.catalog-banner{height:155px;border-top-width:5px}.catalog-banner-copy strong{font-size:32px}.catalog-banner-copy>span,.catalog-banner-copy p{font-size:10px}.catalog-toolbar{margin-top:18px;gap:14px}.catalog-filters{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.catalog-filters button{min-height:39px;padding:0 7px;font-size:11px}.catalog-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.catalog-shortcuts a,.catalog-shortcuts>span{min-width:0;min-height:38px;padding:0 6px;font-size:10px;text-align:center}.catalog-market{padding:30px 0 46px}.reference-activity-card{padding:20px 17px 0}.reference-activity-card h3{margin-top:17px;font-size:22px}.reference-duration{font-size:12px}.reference-product{font-size:11px}.reference-prices{gap:9px;margin:20px 0 15px}.reference-prices>div{padding:15px 6px}.reference-prices span{font-size:11px}.reference-prices strong{font-size:25px}.reference-prices em{font-size:13px}.reference-meta{gap:18px;font-size:12px}.reference-capacity{padding:13px}.reference-countdown{margin:18px 0 15px}.reference-countdown strong{padding:10px 14px;font-size:15px}.reference-description{font-size:12px}.reference-card-actions{margin:20px -17px 0;padding:13px 13px 13px 17px}.reference-card-actions>span{max-width:145px}.reference-card-actions .button{min-width:108px;padding:0 12px;font-size:12px}.catalog-assurance .container{width:100%}.catalog-assurance .container>div{padding:0 8px}.catalog-assurance strong{font-size:20px}.catalog-assurance p{padding-inline:14px;font-size:10px}.site-footer{background:#fff}.footer-inner{color:#7b8791}
}
@media(max-width:380px){.catalog-filters button{font-size:10px}.catalog-shortcuts{grid-template-columns:1fr 1fr}.catalog-shortcuts>span{grid-column:1/-1}.reference-prices strong{font-size:22px}.reference-card-actions>span{display:none}.reference-card-actions{justify-content:flex-end}}

/* ============================================================
   V13 HUMAN ENGINEER STOREFRONT
   Reference-matched landing page: practical, restrained,
   grid-led layout. No glass, neon, glow, or decorative gradients.
   ============================================================ */
:root{
  --v13-teal:#0f9b91;
  --v13-teal-dark:#08766f;
  --v13-ink:#17252b;
  --v13-muted:#65767b;
  --v13-line:#e3e9e7;
  --v13-bg:#f7f9f8;
  --v13-mint:#eef7f5;
  --v13-warm:#b86d22;
}

body{background:var(--v13-bg);color:var(--v13-ink)}
.container{width:min(1180px,calc(100% - 40px))}

/* Header: simple product navigation */
.topbar{height:72px;position:relative;background:#fff;border-bottom:1px solid #e8edeb;box-shadow:0 1px 5px rgba(20,38,38,.025);backdrop-filter:none}
.topbar-inner{max-width:1180px;height:72px;gap:38px}
.brand{min-width:230px;gap:11px}
.brand-mark{width:38px;height:38px;border-radius:9px;background:var(--v13-teal);box-shadow:none}
.brand strong{font-size:18px;color:var(--v13-ink);font-weight:750}
.brand small{font-size:8px;letter-spacing:.2em;color:#9aa6a5}
.main-nav{gap:32px}
.main-nav a{font-size:14px;color:#354448;font-weight:500}
.main-nav a.active{color:var(--v13-teal)}
.account-nav .button{min-height:40px;padding:0 17px;border-radius:8px;background:var(--v13-teal);border-color:var(--v13-teal);font-size:13px}

/* Hero */
.market-hero{height:398px;background:var(--v13-mint);color:var(--v13-ink);position:relative;overflow:hidden}
.hero-media{position:absolute;right:0;top:0;width:55%;height:100%;object-fit:contain;object-position:right center;z-index:0;filter:none}
.hero-shade{display:none}
.market-hero:before,.market-hero:after{display:none!important}
.hero-content{height:100%;position:relative;z-index:2;justify-content:center;align-items:flex-start;color:var(--v13-ink);padding-right:52%}
.eyebrow{display:inline-flex;align-items:center;color:#0d958c;background:#e2f3f0;border:1px solid #d1ebe7;border-radius:999px;padding:6px 12px;margin:0 0 18px;font-size:10px;letter-spacing:.08em;line-height:1;text-transform:none}
.hero-content h1{font-size:46px;line-height:1.12;color:var(--v13-ink);letter-spacing:-.04em;margin:0 0 14px;font-weight:750}
.hero-content>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#53666c;max-width:570px;margin:0}
.hero-actions{display:flex;gap:12px;margin-top:24px}
.hero-actions .button{min-width:154px;min-height:44px;border-radius:7px;background:var(--v13-teal);border-color:var(--v13-teal);box-shadow:none}
.hero-actions .button-secondary{background:#fff;color:var(--v13-teal);border-color:var(--v13-teal)}
.hero-actions .button-secondary:hover{background:#f1faf8;color:var(--v13-teal-dark)}
.hero-trust{display:flex;gap:0;margin-top:25px;color:#4f6267;font-size:12px}
.hero-trust span{padding:0 18px;border-left:1px solid #cbdeda}
.hero-trust span:first-child{padding-left:0;border-left:0}
.hero-trust b{color:var(--v13-teal);font-weight:800;margin-right:5px}

/* Statistics strip */
.assurance-band{background:#fff;border-bottom:1px solid #e7ecea;box-shadow:none}
.assurance-grid{min-height:96px;grid-template-columns:180px 180px 180px minmax(0,1fr)}
.assurance-grid>div{padding:4px 28px;border-right:1px solid #e4eae8}
.assurance-grid>div:first-child{padding-left:0}
.assurance-grid span{font-size:11px;color:#819093}
.assurance-grid strong{font-size:27px;line-height:1.1;color:var(--v13-ink);font-weight:750;margin:3px 0}
.assurance-grid small{font-size:10px;color:#98a3a5}
.assurance-copy{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.assurance-copy strong{font-size:13px;color:var(--v13-teal)!important;white-space:nowrap}
.assurance-copy p{font-size:11px;color:#69797d;margin:0;line-height:1.6}

/* Current offers */
.market-band{padding:48px 0 68px;background:var(--v13-bg)}
.section-heading{margin-bottom:18px;align-items:end}
.section-kicker{font-size:9px;letter-spacing:.18em;color:#a1abaa;margin-bottom:5px}
.section-heading h2{font-size:22px;color:var(--v13-ink);margin:0;font-weight:750;letter-spacing:-.02em}
.section-heading h2:after{width:30px;height:2px;background:var(--v13-teal);bottom:-7px;border-radius:0}
.section-heading>p{font-size:11px;color:#7c898c;margin:0}
.offer-list{gap:12px}
.offer-row{display:grid;grid-template-columns:205px minmax(0,1fr) 250px;gap:24px;align-items:center;background:#fff;border:1px solid #dfe7e5;border-radius:11px;padding:14px 16px;box-shadow:0 2px 8px rgba(24,45,44,.035);transition:border-color .18s,box-shadow .18s}
.offer-row:hover{transform:none;border-color:#b6d9d4;box-shadow:0 7px 20px rgba(24,45,44,.07)}
.offer-media{height:174px;min-height:0;border-radius:8px;background:#f1f7f6;overflow:hidden}
.offer-media img{object-fit:cover;transition:none}
.offer-media>span{top:9px;left:9px;padding:4px 7px;background:#fff;border:1px solid #e0ebe9;border-radius:5px;color:var(--v13-teal);font-size:9px}
.offer-main{padding:3px 0;min-width:0}
.offer-meta{gap:9px;font-size:11px;color:#879496}
.product-chip{padding:5px 9px;border-radius:5px;background:var(--v13-teal);color:#fff;font-size:10px}
.offer-title-line{display:flex;align-items:center;gap:10px;min-width:0;margin-top:13px}
.offer-main h3{font-size:22px;line-height:1.2;color:var(--v13-ink);margin:0;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.offer-service-chip{flex:0 1 auto;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eef5f4;color:#607276;border-radius:5px;padding:5px 8px;font-size:10px}
.offer-description{color:#657579!important;font-size:12px;line-height:1.65;margin:9px 0 0;max-width:620px}
.offer-facts{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:18px;color:#718084;font-size:11px}
.offer-facts span{position:relative;padding-right:17px}
.offer-facts span:not(:last-child):after{content:"";position:absolute;right:0;top:2px;width:1px;height:13px;background:#dfe7e5}
.offer-facts b{color:#31464a}
.offer-price{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid #e4eae8;padding:6px 12px}
.offer-price small{font-size:11px;color:#829093}
.offer-price strong{font-size:31px;line-height:1.15;color:var(--v13-teal);letter-spacing:-.03em;margin:5px 0}
.offer-price strong em{font-size:13px}
.offer-price>span{font-size:10px;color:#8b9698}
.save-badge{padding:3px 7px!important;background:#fff7ea!important;border:1px solid #f1dfc5;border-radius:4px;color:#9b672b!important}
.offer-price .button{width:100%;min-height:42px;margin-top:14px;border-radius:7px;background:var(--v13-teal);border-color:var(--v13-teal);box-shadow:none}

/* footer */
.site-footer{background:#fff;color:#778487;border-top:1px solid #e2e8e6}
.footer-inner{min-height:64px;font-size:10px}
.footer-inner a{color:#5e6d70}

/* Home mobile: content-first, no desktop bleed */
@media(max-width:900px){
  .hero-content{padding-right:45%}
  .hero-media{width:52%;opacity:.88}
  .assurance-grid{grid-template-columns:repeat(3,1fr)}
  .assurance-copy{display:none}
  .offer-row{grid-template-columns:160px minmax(0,1fr) 190px;gap:18px}
}
@media(max-width:760px){
  .container{width:calc(100% - 24px)}
  .topbar,.topbar-inner{height:62px}
  .topbar-inner{width:calc(100% - 24px);gap:10px}
  .brand{min-width:0;gap:8px}
  .brand-mark{width:34px;height:34px;border-radius:8px}
  .brand strong{font-size:15px}
  .brand small{display:none}
  .main-nav{display:none!important}
  .account-nav{margin-left:auto}
  .account-nav .button{min-height:36px;padding:0 12px;font-size:12px}

  .market-hero{height:460px;background:#eef7f5}
  .hero-media{right:-18%;top:150px;width:75%;height:285px;object-fit:contain;object-position:center bottom;opacity:.5}
  .hero-content{padding:42px 0 0;justify-content:flex-start;max-width:none}
  .eyebrow{font-size:8px;padding:6px 9px;margin-bottom:13px}
  .hero-content h1{font-size:34px;max-width:280px;margin-bottom:10px}
  .hero-content>p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:310px}
  .hero-actions{margin-top:19px;gap:8px}
  .hero-actions .button{min-width:126px;min-height:40px;padding:0 12px;font-size:12px}
  .hero-trust{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:8px 13px;margin-top:21px;font-size:10px}
  .hero-trust span{padding:0;border:0}

  .assurance-grid{min-height:82px;grid-template-columns:repeat(3,1fr);width:100%}
  .assurance-grid>div{padding:4px 7px;text-align:center;border-right:1px solid #e4eae8}
  .assurance-grid>div:first-child{padding-left:7px}
  .assurance-grid>div:nth-child(3){border-right:0}
  .assurance-grid span{font-size:9px}
  .assurance-grid strong{font-size:20px;margin:2px 0}
  .assurance-grid small{font-size:8px}

  .market-band{padding:32px 0 44px}
  .section-heading{margin-bottom:13px}
  .section-kicker{font-size:7px}
  .section-heading h2{font-size:19px}
  .section-heading>p{font-size:9px}
  .offer-list{gap:10px}
  .offer-row{grid-template-columns:88px minmax(0,1fr);gap:11px;padding:10px;border-radius:10px;align-items:start}
  .offer-media{height:88px;min-height:0;border-radius:7px}
  .offer-media>span{display:none}
  .offer-main{padding:1px 0 0}
  .offer-meta{font-size:9px;gap:6px}
  .product-chip{padding:4px 6px;font-size:8px}
  .offer-title-line{margin-top:7px;gap:6px;align-items:center}
  .offer-main h3{font-size:17px;max-width:100%}
  .offer-service-chip{font-size:8px;padding:4px 5px;max-width:88px}
  .offer-description{font-size:9px;line-height:1.5;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .offer-facts{grid-column:1/-1;gap:6px 8px;margin-top:1px;font-size:9px;padding-top:7px;border-top:1px solid #edf1f0}
  .offer-facts span{padding-right:8px}
  .offer-facts span:not(:last-child):after{height:10px;top:1px}
  .offer-price{grid-column:1/-1;border-left:0;border-top:1px solid #e5eae9;height:auto;padding:11px 0 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left}
  .offer-price small{grid-column:1;font-size:9px}
  .offer-price strong{grid-column:1;font-size:25px;margin:2px 0}
  .offer-price>span{grid-column:1;font-size:8px}
  .offer-price .button{grid-column:2;grid-row:1/4;width:120px;min-height:40px;margin:0;font-size:12px}

  .site-footer{padding:0}
  .footer-inner{min-height:0;padding:14px 0;display:grid;gap:5px;text-align:center;font-size:9px;line-height:1.5}
}
@media(max-width:380px){
  .hero-content h1{font-size:31px}
  .hero-content>p:not(.eyebrow){font-size:13px}
  .offer-row{grid-template-columns:78px minmax(0,1fr)}
  .offer-media{height:78px}
  .offer-main h3{font-size:16px}
  .offer-price .button{width:108px}
}

/* V14 - duplicate participation notice */
.error-page .error-code.is-notice{font-size:18px;font-weight:700;color:#159c98;display:inline-flex;align-items:center;justify-content:center;min-width:84px;height:36px;padding:0 14px;border-radius:18px;background:#eaf8f7;letter-spacing:.02em}
.error-tip{margin:-8px 0 24px;color:#98a2b3;font-size:12px}
@media(max-width:600px){.error-page{min-height:calc(100vh - 120px);padding:28px 20px}.error-page .error-code:not(.is-notice){font-size:54px}.error-page h1{font-size:25px;line-height:1.35}.error-page p{font-size:16px;line-height:1.7}.error-tip{font-size:12px}}

/* V16 business-logic polish */
.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 2px;color:#6b7b78;font-size:13px}.pagination>div{display:flex;align-items:center;gap:10px}.pagination a,.pagination strong{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #d9e3e0;border-radius:8px;background:#fff;text-decoration:none}.pagination a{color:#245f58}.pagination strong{font-weight:600;color:#183b36;background:#f3f8f6}.notice.success{display:flex;flex-direction:column;gap:4px;margin:14px 0;padding:12px 14px;border:1px solid #cfe4dd;border-radius:10px;background:#f4faf8;color:#245f58}.notice.success strong{font-size:14px}.notice.success span{font-size:13px;color:#657773}@media(max-width:700px){.pagination{align-items:flex-start;flex-direction:column}.pagination>div{width:100%;justify-content:space-between}.pagination a,.pagination strong{flex:1}.pagination strong{text-align:center}}


/* ============================================================
   V17 FRONTEND VISUAL REBUILD · 前台视觉与响应式重做
   Gentelella-inspired: warm paper, ink blue, coral action, quiet detail.
   Keep the PHP data layer untouched; this block is presentation-only.
   ============================================================ */
:root{
  --ink:#263945;
  --muted:#71818a;
  --line:#dfe6e6;
  --soft:#f4f4f1;
  --white:#fffefa;
  --blue:#496a81;
  --blue-dark:#354f62;
  --green:#5d907b;
  --red:#c96750;
  --amber:#ad7839;
  --coral:#d96f56;
  --paper:#fffefa;
  --shadow:0 10px 26px rgba(38,57,69,.08);
}
body{
  color:var(--ink);
  background:var(--soft);
  background-image:linear-gradient(180deg,#fbfaf7 0,#f3f4f1 52%,#eef1ef 100%);
}
.container{width:min(1200px,calc(100% - 48px))}
.topbar{height:74px;background:rgba(255,254,250,.96);border-bottom:1px solid #e2e8e7;box-shadow:0 2px 13px rgba(38,57,69,.045)}
.topbar::after{background:linear-gradient(90deg,transparent,rgba(217,111,86,.28),transparent)}
.topbar-inner{gap:38px}
.brand{min-width:210px;gap:11px}
.brand-mark{width:37px;height:37px;border-radius:10px;background:var(--coral);box-shadow:0 5px 13px rgba(217,111,86,.22);font-size:18px}
.brand-mark::after{display:none}
.brand strong{color:var(--ink);font-size:16px;letter-spacing:.015em}
.brand small{color:#8a989c;letter-spacing:.1em}
.main-nav{gap:26px}
.main-nav a{color:#71818a;font-size:13px;transition:color .18s ease}
.main-nav a::before{display:none}
.main-nav a.active,.main-nav a:hover{color:var(--coral)}
.main-nav a.active:after{height:2px;background:var(--coral)}
.account-nav{gap:10px}
.account-credit{padding:6px 11px;border:1px solid #eadbd5;border-radius:999px;background:#fff6f2;color:#bd624f;font-size:12px}
.account-link{color:#526a76;font-size:12px}
.account-logout{color:#8a989c;background:none;border:0;font-size:12px}
.button{
  min-height:42px;
  border-color:var(--coral);
  border-radius:7px;
  background:var(--coral);
  box-shadow:0 6px 15px rgba(217,111,86,.18);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.button::before{display:none}
.button:hover{background:#c9624c;border-color:#c9624c;box-shadow:0 9px 20px rgba(217,111,86,.24);transform:translateY(-1px)}
.button:active{transform:translateY(0);box-shadow:0 3px 8px rgba(217,111,86,.18)}
.button-secondary{background:#fffefa;color:var(--blue);border-color:#cfdcde;box-shadow:0 2px 7px rgba(38,57,69,.04)}
.button-secondary:hover{background:#f7f2ed;color:var(--blue-dark);border-color:#d7a395;box-shadow:0 7px 16px rgba(38,57,69,.09)}
.nav-toggle{display:none}
.nav-backdrop{display:none}
.market-hero{height:492px;background:#eef2ed;color:var(--ink)}
.market-hero::before,.market-hero::after{display:none}
.hero-media{right:0;left:auto;width:56%;height:100%;object-fit:contain;object-position:right center;opacity:.9;mix-blend-mode:multiply}
.hero-shade{background:linear-gradient(90deg,#eef2ed 0%,rgba(238,242,237,.92) 35%,rgba(238,242,237,.35) 72%,transparent 100%)}
.hero-content{max-width:1200px;justify-content:center;color:var(--ink)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;margin:0 0 17px;border:1px solid #d9e9e2;border-radius:999px;background:#eaf4ef;color:#5d907b;font-size:11px;letter-spacing:.12em}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(217,111,86,.09)}
.hero-content h1{color:#356676;background:none;-webkit-text-fill-color:initial;font-size:46px;line-height:1.12;letter-spacing:.02em;font-weight:800;margin-bottom:18px}
.hero-content>p:not(.eyebrow){max-width:590px;color:#60727a;font-size:17px;line-height:1.82}
.hero-actions{gap:10px;margin-top:28px}
.hero-actions .button{min-width:150px}
.hero-trust{gap:0;margin-top:30px;color:#6d7c82}
.hero-trust span{display:inline-flex;align-items:center;gap:7px;padding:0 17px;border-left-color:#cadbd7;font-size:12px}
.hero-trust span:first-child{padding-left:0}
.hero-trust b{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#e5f1ec;color:#5d907b;font-size:12px}
.assurance-band{background:var(--paper);border-bottom:1px solid #e3e8e8}
.assurance-grid{min-height:108px;grid-template-columns:170px 170px 185px minmax(0,1fr)}
.assurance-grid>div{padding:5px 27px;border-right-color:#e8edec}
.assurance-grid span,.assurance-grid small{color:#859399}
.assurance-grid strong{color:var(--ink);font-size:25px}
.assurance-copy{grid-template-columns:95px 1fr}
.assurance-copy strong{color:var(--coral);font-size:14px!important}
.assurance-copy p{color:#66787e}
.market-band,.teams-band,.records-band{padding:58px 0 74px;background:#f4f4f1}
.section-heading{margin-bottom:23px}
.section-kicker{color:var(--coral);font-size:10px;letter-spacing:.16em}
.section-heading h2{color:var(--ink);font-size:27px;letter-spacing:.01em}
.section-heading>p{color:#89969a;font-size:12px}
.activity-card,.offer-row,.team-row,.records-table-wrap,.purchase-panel,.join-panel,.team-progress-panel,.member{background:var(--paper);border-color:#dfe6e6;box-shadow:0 4px 14px rgba(38,57,69,.045)}
.activity-card{border-radius:10px}
.activity-card:hover,.offer-row:hover,.team-row:hover{border-color:#d7a395;box-shadow:var(--shadow);transform:translateY(-2px)}
.product-chip{background:#f8eae4;color:#b9614e;border-radius:5px;font-size:11px}
.stock-text{color:var(--green)}
.activity-card h3,.offer-title-line h3{color:var(--ink)}
.activity-card-head p,.offer-description{color:#75858b}
.price-pair,.offer-facts,.card-action{border-color:#e8edec}
.price-pair .accent,.offer-price strong,.team-price strong,.purchase-price strong,.join-price{color:var(--coral)}
.activity-facts,.offer-facts{color:#60727a}
.activity-facts b,.offer-facts b{color:var(--ink)}
.card-action{color:var(--coral)}
.offer-row{border-radius:11px;box-shadow:0 3px 10px rgba(38,57,69,.04)}
.offer-media{border-radius:8px;background:#edf2ed}
.offer-media>span{background:rgba(255,254,250,.92);color:var(--green);border-color:#d9e7df}
.offer-service-chip{background:#eef1ef;color:#6c7b7f}
.offer-price{border-left-color:#e7eceb}
.offer-price small{color:#8a979b}
.offer-price strong{font-size:25px}
.save-badge{background:#fff0e9;color:#bd624f}
.empty-state{background:var(--paper);border-color:#d7e0df}
.page-band{background:var(--paper);border-bottom-color:#e3e8e8}
.breadcrumbs{color:#87949a}.breadcrumbs a,.product-name{color:var(--coral)}
.description{color:#60727a}
.purchase-panel,.join-panel{border-top-color:var(--coral)}
.purchase-panel li:before{color:var(--green)}
.team-row{border-radius:10px}
.leader-avatar,.member>span{background:#eaf1ee;color:#527e70}
.status,.member-4,.status-4{background:#eef1f2;color:#667781}
.status-1,.member-1{background:#edf2f6;color:#496a81}
.status-2,.member-2{background:#eaf4ef;color:#4f7f6c}
.status-3,.member-3{background:#fff0eb;color:#bd5c48}
.team-time,.countdown-box strong{color:var(--amber)}
.team-workspace{background:#f4f4f1}
.team-progress-panel{border-radius:10px}
.progress i{background:linear-gradient(90deg,var(--coral),#e79a7e)}
.progress-number strong{color:var(--blue)}
.records-table th{background:#f7f8f6;color:#7b8b91;border-bottom-color:#e3e8e8}
.records-table td{border-bottom-color:#edf0ef;color:#405866}
.row-actions .primary{color:var(--coral)}
.row-actions button.danger{color:#bd5c48;border-color:#e8b5a8;background:#fffefa}
.site-footer{background:#263945;color:#afbdc1;border-top:0}
.footer-inner{min-height:72px}
.site-footer a{color:#f0c2b5}
.pagination a{border-color:#d6e0df;color:var(--blue);background:var(--paper)}
.pagination strong{border-color:#eadbd5;color:#bd624f;background:#fff1eb}

@media(max-width:900px){
  .container{width:min(100% - 36px,720px)}
  .hero-media{width:58%;opacity:.72}
  .assurance-grid{grid-template-columns:repeat(3,1fr)}
  .assurance-copy{display:none!important}
}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .container{width:calc(100% - 28px)}
  .topbar{height:66px}
  .topbar-inner{gap:10px}
  .brand{min-width:0;gap:8px}
  .brand-mark{width:34px;height:34px;border-radius:9px;font-size:16px}
  .brand strong{font-size:15px}
  .brand small{display:none}
  .nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:42px;height:38px;margin-left:auto;border:1px solid #dbe3e2;border-radius:8px;background:#fffefa;color:#6f8086}
  .nav-toggle i{display:block;width:15px;height:1.5px;background:#59717d;border-radius:2px}
  .nav-toggle span{margin-top:2px;font-size:8px;line-height:1}
  .main-nav{position:fixed;top:76px;left:14px;right:14px;z-index:31;display:none!important;flex-direction:column;gap:3px;height:auto;padding:8px;border:1px solid #dfe6e6;border-radius:12px;background:var(--paper);box-shadow:0 18px 34px rgba(38,57,69,.16)}
  body.front-menu-open .main-nav{display:flex!important}
  body.front-menu-open .nav-backdrop{display:block;position:fixed;inset:66px 0 0;z-index:25;background:rgba(38,57,69,.22);backdrop-filter:blur(2px)}
  .main-nav a{min-height:44px;padding:0 14px;border-radius:8px;color:#536a75;font-size:13px}
  .main-nav a.active,.main-nav a:hover{color:var(--coral);background:#fff3ef}
  .main-nav a.active:after{display:none}
  .account-nav{margin-left:0;gap:0}
  .account-nav .account-credit,.account-nav .account-link,.account-nav .account-logout{display:none}
  .account-nav .button{min-height:36px;padding:0 11px;font-size:11px}
  .market-hero{height:480px;background:#eef2ed}
  .hero-shade{background:linear-gradient(180deg,#eef2ed 0%,rgba(238,242,237,.9) 58%,rgba(238,242,237,.4) 100%)}
  .hero-media{right:-12%;bottom:0;top:auto;width:76%;height:47%;object-position:right bottom;opacity:.48}
  .hero-content{padding-top:34px;justify-content:flex-start;max-width:none}
  .eyebrow{font-size:9px;padding:6px 9px;margin-bottom:14px;letter-spacing:.1em}
  .hero-content h1{font-size:36px;max-width:300px;margin-bottom:11px}
  .hero-content>p:not(.eyebrow){max-width:305px;font-size:14px;line-height:1.72}
  .hero-actions{margin-top:19px;gap:8px}
  .hero-actions .button{min-width:126px;min-height:41px;padding:0 12px;font-size:12px}
  .hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:9px 13px;margin-top:22px;font-size:10px}
  .hero-trust span{padding:0;border:0;gap:6px}
  .hero-trust b{width:18px;height:18px;font-size:11px}
  .assurance-grid{min-height:88px;grid-template-columns:repeat(3,1fr);width:100%}
  .assurance-grid>div{padding:4px 7px;text-align:center;border-right:1px solid #e7eceb}
  .assurance-grid>div:first-child{padding-left:7px}
  .assurance-grid>div:nth-child(3){border-right:0}
  .assurance-grid span{font-size:9px}
  .assurance-grid strong{font-size:21px;margin:3px 0}
  .assurance-grid small{font-size:8px}
  .market-band,.teams-band,.records-band{padding:35px 0 48px}
  .section-heading{align-items:flex-start;gap:6px;flex-direction:column;margin-bottom:14px}
  .section-kicker{font-size:8px}
  .section-heading h2{font-size:20px}
  .section-heading>p{font-size:10px}
  .activity-grid{grid-template-columns:1fr;gap:10px}
  .activity-card-head{padding:17px 16px 13px}
  .activity-card h3{font-size:18px}
  .price-pair>div{padding:13px 16px}
  .activity-facts{padding:12px 16px;font-size:12px}
  .card-action{height:45px;padding:0 16px}
  .offer-row{grid-template-columns:88px minmax(0,1fr);gap:11px;padding:10px;border-radius:10px;align-items:start}
  .offer-media{height:88px;min-height:0}
  .offer-media>span{display:none}
  .offer-main{padding:1px 0 0}
  .offer-meta{font-size:9px;gap:6px}
  .product-chip{padding:4px 6px;font-size:8px}
  .offer-title-line{margin-top:7px;gap:6px;align-items:center}
  .offer-main h3{font-size:17px;max-width:100%}
  .offer-service-chip{font-size:8px;padding:4px 5px;max-width:88px}
  .offer-description{font-size:9px;line-height:1.5;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .offer-facts{grid-column:1/-1;gap:6px 8px;margin-top:1px;padding-top:7px;border-top:1px solid #edf0ef;font-size:9px}
  .offer-facts span{padding-right:8px}
  .offer-price{grid-column:1/-1;border-left:0;border-top:1px solid #e7eceb;height:auto;padding:11px 0 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left}
  .offer-price small{grid-column:1;font-size:9px}
  .offer-price strong{grid-column:1;font-size:25px;margin:2px 0}
  .offer-price>span{grid-column:1;font-size:8px}
  .offer-price .button{grid-column:2;grid-row:1/4;width:120px;min-height:40px;margin:0;font-size:12px}
  .site-footer{padding:0}
  .footer-inner{min-height:0;padding:16px 0;display:grid;gap:6px;text-align:center;font-size:9px;line-height:1.55}
}
@media(max-width:380px){
  .hero-content h1{font-size:32px}
  .hero-content>p:not(.eyebrow){font-size:13px}
  .offer-row{grid-template-columns:78px minmax(0,1fr)}
  .offer-media{height:78px}
  .offer-main h3{font-size:16px}
  .offer-price .button{width:108px}
}

/* V18 final cascade: light-blue commercial interface */
:root{
  --ink:#242a31;
  --muted:#74818e;
  --line:#e2e8ef;
  --soft:#f7f9fc;
  --white:#fff;
  --blue:#3d9df2;
  --blue-dark:#187fd5;
  --green:#168f61;
  --red:#d92d2d;
  --amber:#b76521;
  --coral:#3d9df2;
  --paper:#fff;
  --shadow:0 10px 28px rgba(44,91,136,.09);
}
body{color:var(--ink);background:#fff;background-image:none}
.container{width:min(1180px,calc(100% - 40px))}
.topbar{height:70px;background:#fff;border-bottom:1px solid #edf0f3;box-shadow:0 2px 10px rgba(31,65,96,.035)}
.topbar::after{display:none}.topbar-inner{gap:36px}.brand{min-width:210px}
.brand-mark{width:38px;height:38px;border-radius:7px;background:var(--blue);box-shadow:0 5px 14px rgba(61,157,242,.24)}
.brand strong{color:#242a31}.brand small{color:#98a2ad}.main-nav{gap:26px}
.main-nav a{color:#596774}.main-nav a.active,.main-nav a:hover{color:var(--blue-dark)}.main-nav a.active:after{height:3px;background:var(--blue)}
.account-credit{border:1px solid #dcecff;background:#f3f9ff;color:#197cc9}.account-link{color:#53616d}
.button{border-color:var(--blue);border-radius:6px;background:var(--blue);box-shadow:0 5px 14px rgba(61,157,242,.18)}
.button:hover{border-color:var(--blue-dark);background:var(--blue-dark);box-shadow:0 8px 18px rgba(24,127,213,.22)}
.button-secondary{border-color:#cdd5dd;background:#fff;color:#596774;box-shadow:none}.button-secondary:hover{border-color:#a9cfee;background:#f1f8ff;color:#197cc9;box-shadow:none}
.flashes{top:82px}.flash{background:#eefaf4;border-color:#b9ead2;color:#087448}.flash.error{background:#fff2f1;border-color:#ffc8c4;color:#b42318}
.market-band,.teams-band,.records-band,.team-workspace,.checkout-band,.login-band,.payment-result-page,.payment-qr-page{background:#f7f9fc}
.page-band,.offer-detail-band{background:#fff}.section-kicker,.breadcrumbs a,.product-name{color:#258bd8}.section-heading h2{color:#242a31}.section-heading>p{color:#85919c}
.activity-card,.offer-row,.team-row,.records-table-wrap,.purchase-panel,.join-panel,.team-progress-panel,.member,.checkout-panel,.order-summary{border-color:#dfe6ed;background:#fff;box-shadow:0 4px 14px rgba(40,84,124,.045)}
.activity-card:hover,.offer-row:hover,.team-row:hover{border-color:#9dcff7;box-shadow:var(--shadow)}
.product-chip{background:#eaf5ff;color:#2188d4}.offer-service-chip{background:#f1f4f7;color:#64717c}
.price-pair .accent,.offer-price strong,.team-price strong,.purchase-price strong,.join-price,.summary-total strong{color:var(--red)}
.purchase-panel,.join-panel{border-top-color:var(--blue)}.purchase-ribbon,.purchase-label,.join-kicker{background:#eaf5ff;color:#197cc9}
.purchase-panel li:before{color:var(--green)}.leader-avatar,.member>span,.detail-assurances b{background:#eaf5ff;color:#258bd8}
.status-1,.member-1{background:#eaf5ff;color:#197cc9}.status-2,.member-2{background:#eaf8f1;color:#117a50}.status-3,.member-3{background:#fff0ef;color:#b42318}
.team-time,.countdown-box strong{color:#a75d1f}.team-panel-head>b,.progress-number strong{color:#258bd8}.progress i{background:#40a0f4}
.records-table th{background:#f7f9fc;color:#74818e}.row-actions .primary{color:#197cc9}.checkout-notice{background:#f6f9fc;border-left-color:#6aaee4}.balance-pay-icon{background:var(--blue)}
.pagination a{border-color:#d8e3ed;color:#197cc9;background:#fff}.pagination strong{border-color:#b9dcfa;color:#176fc1;background:#eaf5ff}
.site-footer{border-top:1px solid #e6ebf0;background:#fff;color:#788590}.site-footer a{color:#278bd6}.footer-inner{min-height:68px}
.activity-detail-copy h1,.offer-price strong,.purchase-price strong{letter-spacing:0}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .container{width:calc(100% - 28px)}.topbar{height:66px}.topbar-inner{gap:10px}.brand{min-width:0}
  .nav-toggle{border-color:#dbe5ee;background:#fff;color:#5f7080}.nav-toggle i{background:#4f6678}
  .main-nav{top:76px;border-color:#dfe7ee;background:#fff}.main-nav a.active,.main-nav a:hover{background:#edf7ff;color:#197cc9}
  body.front-menu-open .nav-backdrop{background:rgba(35,65,91,.2)}.account-nav .button{background:var(--blue);border-color:var(--blue)}
  .site-footer{background:#fff}.footer-inner{color:#7b8791}
}
@media(max-width:380px){.container{width:calc(100% - 24px)}}

/* V19 team discovery and invitation polish */
.section-heading>div{display:grid;justify-items:start;min-width:0}
.section-heading .section-kicker{display:block;margin:0 0 7px;line-height:1.2}
.section-heading h2{display:block;letter-spacing:0}
.catalog-shortcuts i{font-style:normal}
.reference-countdown{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:18px 0;
  padding:11px 13px;
  border:1px solid #dce8f3;
  border-radius:6px;
  background:#f8fbff;
}
.reference-countdown span{font-size:12px}
.reference-countdown strong{padding:0;border:0;background:transparent;font-size:14px}
.reference-description{min-height:0;margin:14px 0;text-align:left}
.reference-open-teams{margin:18px 0 0;border-top:1px solid #e8edf2}
.reference-open-teams-head{display:flex;align-items:center;justify-content:space-between;padding:15px 0 9px}
.reference-open-teams-head strong{color:#303d48;font-size:13px}
.reference-open-teams-head span{color:#258bd8;font-size:11px}
.reference-open-teams>a{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  min-height:44px;
  padding:8px 0;
  border-top:1px solid #eef2f5;
  color:#4f5f6c;
}
.reference-open-teams>a:hover{color:#197cc9}
.reference-open-teams>a>span{display:flex;align-items:center;min-width:0;gap:8px}
.reference-open-teams>a>span b{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:50%;background:#eaf5ff;color:#2188d4;font-size:11px}
.reference-open-teams>a>span i{overflow:hidden;font-style:normal;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.reference-open-teams>a>strong{color:#d92d2d;font-size:11px;white-space:nowrap}
.reference-open-teams>a>em{color:#176fc1;font-size:11px;font-style:normal;font-variant-numeric:tabular-nums;white-space:nowrap}
.reference-open-teams>a.reference-open-teams-more{display:flex;justify-content:center;color:#197cc9;font-size:11px;font-weight:700}
.catalog-team-view[hidden],.reference-activity-grid[hidden]{display:none!important}
.catalog-team-heading{display:grid;justify-items:start;margin-bottom:18px}
.catalog-team-heading>span{margin-bottom:7px;color:#258bd8;font-size:9px;font-weight:800}
.catalog-team-heading h3{margin:0;color:#242a31;font-size:25px;line-height:1.25}
.catalog-team-heading p{margin:7px 0 0;color:#85919c;font-size:12px}
.catalog-team-list{display:grid;gap:10px}
.catalog-team-row{
  display:grid;
  grid-template-columns:42px minmax(180px,1.4fr) minmax(210px,1fr) 145px 105px 104px;
  align-items:center;
  gap:14px;
  min-height:88px;
  padding:14px 16px;
  border:1px solid #dfe6ed;
  border-radius:8px;
  background:#fff;
  box-shadow:0 4px 14px rgba(40,84,124,.045);
}
.catalog-team-row:hover{border-color:#9dcff7;box-shadow:0 10px 24px rgba(34,94,145,.09)}
.catalog-team-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#eaf5ff;color:#258bd8;font-weight:800}
.catalog-team-copy{display:grid;min-width:0;gap:5px}.catalog-team-copy strong{overflow:hidden;color:#2c3944;text-overflow:ellipsis;white-space:nowrap}.catalog-team-copy small{overflow:hidden;color:#87939d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.catalog-team-progress{display:grid;gap:7px}.catalog-team-progress>i{height:6px;overflow:hidden;border-radius:4px;background:#e4ebf1}.catalog-team-progress>i b{display:block;height:100%;border-radius:4px;background:#40a0f4}.catalog-team-progress small{color:#7c8994;font-size:10px}.catalog-team-progress small strong{color:#d92d2d}
.catalog-team-time,.catalog-team-price{display:grid;gap:5px}.catalog-team-time small,.catalog-team-price small{color:#8a96a0;font-size:10px}.catalog-team-time strong{color:#176fc1;font-size:12px;font-variant-numeric:tabular-nums}.catalog-team-price strong{color:#d92d2d;font-size:16px}
.catalog-team-action{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:6px;background:#3d9df2;color:#fff;font-size:12px;font-weight:700}
.share-box label{color:#344250;font-size:13px;font-weight:700}
.share-box p{margin:0 0 10px;color:#74818e;font-size:11px;line-height:1.65}
.share-box input{height:40px;padding:0 11px;background:#f8fbff;color:#455767;font-size:11px}
.share-box button{background:#3d9df2}.share-box button:hover{background:#187fd5}

@media(max-width:960px){
  .catalog-team-row{grid-template-columns:40px minmax(0,1fr) 135px 90px;gap:11px}
  .catalog-team-progress{grid-column:2/5}.catalog-team-price{grid-column:3}.catalog-team-action{grid-column:4;grid-row:1}
}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .section-heading{align-items:flex-start!important}
  .section-heading>div{display:grid!important;width:100%}
  .section-heading .section-kicker{margin:0 0 6px}
  .section-heading h2{display:block;white-space:normal}
  .section-heading>p{margin:5px 0 0;white-space:normal}
  .catalog-filters button:nth-child(2){font-size:10px;line-height:1.3}
  .reference-countdown{margin:15px 0;padding:10px 12px}
  .reference-open-teams{margin-top:15px}
  .reference-open-teams>a{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .reference-open-teams>a>em{grid-column:1/-1;padding-left:36px}
  .catalog-team-heading h3{font-size:21px}
  .catalog-team-row{grid-template-columns:36px minmax(0,1fr) auto;padding:13px;gap:10px}
  .catalog-team-avatar{width:36px;height:36px}
  .catalog-team-copy{grid-column:2}.catalog-team-time{grid-column:3;grid-row:1;text-align:right}
  .catalog-team-progress{grid-column:1/-1}.catalog-team-price{grid-column:1/3;display:flex;align-items:baseline;gap:7px}.catalog-team-action{grid-column:3;grid-row:3;min-width:90px}
  .share-box>div{grid-template-columns:minmax(0,1fr) 64px}.share-box input{font-size:10px}
}
@media(max-width:380px){
  .catalog-filters button:nth-child(2){font-size:9px;padding:0 4px}
  .reference-open-teams>a>span i{max-width:135px}
}

/* V20 my group-buy account center */
.my-account-hero{position:relative;overflow:hidden;min-height:238px;border-bottom:1px solid #dcecff;background:#eaf5ff}
.my-account-hero-inner{position:relative;display:flex;align-items:stretch;min-height:238px}
.my-account-copy{position:relative;z-index:2;display:flex;flex:1 1 58%;flex-direction:column;align-items:flex-start;justify-content:center;padding:36px 0}
.my-account-copy .section-kicker{margin:0 0 8px;color:#258bd8;font-size:10px;letter-spacing:.14em}
.my-account-copy h1{margin:0;color:#202b35;font-size:32px;line-height:1.25;font-weight:800;letter-spacing:0}
.my-account-copy p{margin:10px 0 21px;color:#657889;font-size:13px;line-height:1.7}
.my-browse-button{min-height:39px;padding:0 17px;font-size:12px;box-shadow:none}
.my-account-visual{position:absolute;top:0;right:0;bottom:0;width:47%;overflow:hidden}
.my-account-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#eaf5ff 0,rgba(234,245,255,.42) 31%,rgba(234,245,255,0) 68%)}
.my-account-visual img{width:100%;height:100%;object-fit:cover;object-position:66% 53%;opacity:.88;mix-blend-mode:multiply}
.my-records-band{min-height:420px;padding:38px 0 64px;background:#f3f8ff}
.my-records-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}
.my-records-heading>div{display:grid;gap:5px}
.my-records-heading span{color:#258bd8;font-size:9px;font-weight:800;letter-spacing:.12em}
.my-records-heading h2{margin:0;color:#26323d;font-size:23px;line-height:1.25;letter-spacing:0}
.my-records-heading>small{color:#80909d;font-size:12px}
.my-record-list{display:grid;gap:13px}
.my-record-card{overflow:hidden;border:1px solid #dce6ef;border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(36,89,137,.045);transition:border-color .18s ease,box-shadow .18s ease}
.my-record-card:hover{border-color:#acd6f7;box-shadow:0 10px 25px rgba(36,89,137,.08)}
.my-record-card-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border-bottom:1px solid #edf2f6}
.my-record-title{min-width:0}
.my-record-title-line{display:flex;align-items:center;gap:9px;min-width:0}
.my-record-title h3{overflow:hidden;margin:0;color:#283643;font-size:17px;line-height:1.4;font-weight:750;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.my-role-tag{flex:0 0 auto;padding:3px 7px;border-radius:4px;background:#eaf5ff;color:#197cc9;font-size:10px;font-weight:700}
.my-record-title p{overflow:hidden;margin:6px 0 0;color:#7d8a96;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.my-record-price{display:grid;flex:0 0 auto;justify-items:end;gap:3px}
.my-record-price span{color:#8a97a2;font-size:10px}
.my-record-price strong{color:#1677e8;font-size:24px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}
.my-record-price em{margin-right:2px;font-size:13px;font-style:normal}
.my-record-details{display:grid;grid-template-columns:.75fr .75fr 1.4fr 1fr;padding:17px 22px}
.my-record-detail{display:grid;align-content:start;gap:6px;min-width:0;padding:0 20px;border-left:1px solid #edf1f5}
.my-record-detail:first-child{padding-left:0;border-left:0}
.my-record-detail:last-child{padding-right:0}
.my-record-detail>span{color:#8895a1;font-size:10px}
.my-record-detail>strong{overflow:hidden;color:#3c4b58;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.my-record-progress{display:block;width:100%;max-width:170px;height:5px;overflow:hidden;border-radius:3px;background:#e8eef4}
.my-record-progress b{display:block;height:100%;border-radius:3px;background:#45a5f5}
.my-record-statuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #edf2f6;background:#fbfdff}
.my-record-statuses>div{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-left:1px solid #edf2f6}
.my-record-statuses>div:first-child{border-left:0}
.my-record-statuses>div>span{color:#84919c;font-size:11px}
.my-state{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:4px;font-size:11px;font-weight:700}
.my-state.member-0,.my-state.status-0,.my-state.status-1{background:#eaf5ff;color:#1677d2}
.my-state.member-1,.my-state.member-2,.my-state.status-2{background:#e9f8f0;color:#128457}
.my-state.member-3{background:#fff5e8;color:#a65e19}
.my-state.member-4,.my-state.status-3,.my-state.status-4,.my-state.status-5{background:#fff0ef;color:#b42318}
.my-state.is-neutral{background:#f0f3f6;color:#6f7c87}
.my-record-reason{margin:0;padding:10px 22px;border-top:1px solid #f3e1df;background:#fff8f7;color:#a44a42;font-size:11px;line-height:1.6}
.my-record-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 22px;border-top:1px solid #edf2f6}
.my-record-actions>span{color:#93a0aa;font-size:10px}
.my-record-actions>div{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.my-record-actions form{display:flex;margin:0}
.my-action{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 13px;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}
.my-action-secondary{border-color:#cddce9;background:#fff;color:#536a7d}
.my-action-secondary:hover{border-color:#9dcaf0;background:#f5faff;color:#1677d2}
.my-action-primary{border-color:#3d9df2;background:#3d9df2;color:#fff}
.my-action-primary:hover{border-color:#187fd5;background:#187fd5;color:#fff}
.my-action-danger{border-color:#f0c4c0;background:#fff;color:#bd3128}
.my-action-danger:hover{border-color:#e79790;background:#fff5f4}
.my-record-empty{display:grid;justify-items:center;padding:62px 24px;border:1px dashed #bdd8ef;border-radius:8px;background:#fff;text-align:center}
.my-record-empty>span{display:grid;width:50px;height:50px;place-items:center;margin-bottom:16px;border-radius:8px;background:#eaf5ff;color:#258bd8;font-size:20px;font-weight:800}
.my-record-empty strong{color:#30404d;font-size:16px}
.my-record-empty p{margin:8px 0 19px;color:#84929e;font-size:12px}
.my-record-pagination{margin-top:20px}

@media(max-width:840px){
  .my-account-visual{width:50%;opacity:.72}
  .my-record-details{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}
  .my-record-detail:nth-child(3){padding-left:0;border-left:0}
}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .my-account-hero,.my-account-hero-inner{min-height:205px}
  .my-account-copy{flex-basis:70%;padding:28px 0}
  .my-account-copy h1{font-size:27px}
  .my-account-copy p{max-width:235px;margin:8px 0 17px;font-size:11px}
  .my-account-visual{right:-15%;width:65%;opacity:.5}
  .my-account-visual:before{background:linear-gradient(90deg,#eaf5ff 0,rgba(234,245,255,.5) 43%,rgba(234,245,255,0) 78%)}
  .my-records-band{padding:27px 0 45px}
  .my-records-heading{margin-bottom:12px}
  .my-records-heading h2{font-size:20px}
  .my-record-card-head{align-items:flex-start;padding:16px;gap:12px}
  .my-record-title-line{align-items:flex-start;flex-direction:column;gap:6px}
  .my-record-title h3{font-size:15px;white-space:normal}
  .my-record-title p{font-size:10px;white-space:normal}
  .my-record-price strong{font-size:21px}
  .my-record-details{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 16px;row-gap:15px}
  .my-record-detail{padding:0 12px}
  .my-record-detail:nth-child(3){padding-left:0}
  .my-record-detail>strong{font-size:11px}
  .my-record-statuses{grid-template-columns:1fr}
  .my-record-statuses>div{justify-content:space-between;min-height:43px;padding:0 16px;border-top:1px solid #edf2f6;border-left:0}
  .my-record-statuses>div:first-child{border-top:0}
  .my-record-reason{padding:10px 16px}
  .my-record-actions{align-items:stretch;flex-direction:column;padding:13px 16px}
  .my-record-actions>span{display:none}
  .my-record-actions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .my-record-actions>div>*:only-child{grid-column:1/-1}
  .my-record-actions form{width:100%}
  .my-action{width:100%;min-height:38px;padding:0 8px}
  .my-record-actions>div>a:nth-child(3),.my-record-actions>div>form:nth-child(3){grid-column:1/-1}
  .my-record-empty{padding:45px 18px}
}
@media(max-width:380px){
  .my-account-visual{right:-28%;width:78%}
  .my-account-copy p{max-width:210px}
  .my-record-detail{padding:0 9px}
  .my-record-price strong{font-size:19px}
}

/* V21 mobile navigation sizing fix */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .main-nav{
    top:74px;
    left:12px;
    right:12px;
    width:auto!important;
    height:auto!important;
    min-height:0;
    max-height:calc(100dvh - 88px);
    align-self:auto;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:4px;
    padding:7px;
    overflow-x:hidden;
    overflow-y:auto;
    border:1px solid #dce6ef;
    border-radius:8px;
    background:#fff;
    box-shadow:0 14px 30px rgba(37,65,90,.16);
  }
  body.front-menu-open .main-nav{display:flex!important}
  .main-nav a{
    flex:0 0 44px;
    width:100%;
    height:44px;
    min-height:44px;
    justify-content:flex-start;
    padding:0 14px;
    border-radius:6px;
    font-size:13px;
    line-height:1;
  }
  .main-nav a.active,.main-nav a:hover{background:#edf7ff;color:#1677d2}
  .main-nav a::before,.main-nav a::after{display:none!important}
  body.front-menu-open .nav-backdrop{inset:66px 0 0}
}
@media(max-width:380px){.main-nav{left:10px;right:10px}}

/* V22 finance product configuration */
.detail-grid>.team-progress-panel{grid-column:1;grid-row:1}
.detail-grid>.join-panel{grid-column:2;grid-row:1;align-self:start}
.product-config-panel{grid-column:1;grid-row:2;overflow:hidden;border:1px solid #dfe6ed;border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(40,84,124,.045)}
.product-config-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e8eef4}
.product-config-head>div{display:grid;min-width:0;gap:4px}
.product-config-head>div>span{color:#258bd8;font-size:9px;font-weight:800;letter-spacing:.12em}
.product-config-head h2{margin:0;color:#2a3742;font-size:18px;line-height:1.3;letter-spacing:0}
.product-config-head p{overflow:hidden;margin:0;color:#82909c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.product-config-head>strong{display:inline-flex;flex:0 0 auto;align-items:center;min-height:27px;padding:0 9px;border-radius:4px;background:#e9f8f0;color:#128457;font-size:10px}
.product-config-head>strong:before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:#20a76e}
.product-config-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:17px 22px;border-bottom:1px solid #edf2f6;background:#fbfdff}
.product-config-summary>div{display:grid;gap:5px;min-width:0;padding:0 16px;border-left:1px solid #e7edf3}
.product-config-summary>div:first-child{padding-left:0;border-left:0}
.product-config-summary>div:last-child{padding-right:0}
.product-config-summary span{color:#8996a1;font-size:10px}
.product-config-summary strong{overflow:hidden;color:#3b4a56;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.product-option-list{display:grid}
.product-option-row{display:grid;grid-template-columns:155px minmax(0,1fr);gap:18px;padding:15px 22px;border-top:1px solid #edf2f6}
.product-option-row:first-child{border-top:0}
.product-option-row>div:first-child{display:grid;align-content:start;gap:4px}
.product-option-row>div:first-child strong{color:#344452;font-size:12px;line-height:1.5}
.product-option-row>div:first-child small{color:#95a1ab;font-size:9px}
.product-option-values{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px}
.product-option-values>span,.product-option-values details div>span{display:inline-flex;align-items:center;min-height:27px;padding:0 8px;border:1px solid #d9e8f5;border-radius:4px;background:#f6fbff;color:#397094;font-size:10px;line-height:1.35}
.product-option-values>em{color:#87939d;font-size:10px;font-style:normal;line-height:27px}
.product-option-values details{width:100%;margin-top:2px}
.product-option-values summary{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #b9dcfa;border-radius:4px;background:#eaf5ff;color:#176fc1;font-size:10px;font-weight:700;cursor:pointer;list-style:none}
.product-option-values summary::-webkit-details-marker{display:none}
.product-option-values details[open] summary{margin-bottom:8px}
.product-option-values details div{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid #e2eaf1;border-radius:6px;background:#fbfcfe}
.product-config-empty{display:flex;align-items:center;gap:9px;padding:17px 22px;color:#687986;font-size:11px}
.product-config-empty strong{flex:0 0 auto;color:#3d5363;font-size:11px}
.product-config-empty.is-unavailable{background:#fff8f7;color:#9b5b55}
.product-config-empty.is-unavailable strong{color:#a33f37}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .detail-grid>.team-progress-panel,.detail-grid>.join-panel,.product-config-panel{grid-column:1;grid-row:auto}
  .product-config-panel{margin-top:2px}
  .product-config-head{align-items:flex-start;padding:16px;gap:10px}
  .product-config-head h2{font-size:16px}
  .product-config-head>strong{min-height:24px;padding:0 7px;font-size:8px}
  .product-config-summary{grid-template-columns:repeat(3,minmax(0,1fr));padding:15px 16px;row-gap:14px}
  .product-config-summary>div{padding:0 11px}
  .product-config-summary>div:first-child{padding-left:0}
  .product-config-summary>div:last-child{padding-right:0}
  .product-option-row{grid-template-columns:1fr;gap:9px;padding:14px 16px}
  .product-option-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .product-option-values>span,.product-option-values details div>span{font-size:9px}
  .product-config-empty{align-items:flex-start;flex-direction:column;padding:15px 16px;gap:4px}
}

/* V24 active team page: bright blue commercial theme */
.team-hero-band{padding:25px 0 32px!important;border-bottom:1px solid #e5ebf5;background:#fff}
.team-hero-band .container.narrow,.team-detail-workspace .container.narrow{width:min(1180px,calc(100% - 40px))}
.team-hero-band .breadcrumbs{margin:0 0 20px;color:#8794a4;font-size:12px}
.team-hero-band .breadcrumbs a{color:#277ed5;font-weight:650}
.team-hero-band .team-detail-head{display:grid;grid-template-columns:minmax(300px,1fr) minmax(210px,300px) 230px;align-items:center;gap:36px;min-height:184px}
.team-hero-band .team-identity{min-width:0}
.team-hero-band .team-identity .offer-meta{gap:10px;margin:0 0 14px;color:#7d8a99;font-size:12px}
.team-hero-band .team-identity .status{padding:5px 9px;border-radius:5px;background:#eaf4ff;color:#1677db;font-size:11px;font-weight:750}
.team-hero-band .team-identity h1{margin:0 0 13px;color:#17202a;font-size:36px;line-height:1.18;font-weight:800;letter-spacing:0}
.team-hero-band .team-identity p{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:0;color:#718092;font-size:12px}
.team-hero-band .team-identity p strong{color:#27384a;font-size:14px}
.team-hero-visual{display:grid;align-self:stretch;place-items:center;min-width:0;overflow:hidden}
.team-hero-visual img{display:block;width:100%;max-width:285px;height:178px;object-fit:cover;object-position:center;mix-blend-mode:multiply;filter:hue-rotate(20deg) saturate(1.15)}
.team-hero-band .countdown-box{display:grid;align-content:center;min-width:0;min-height:112px;padding:0 0 0 34px;border-left:1px solid #e3e9f1;text-align:left}
.team-hero-band .countdown-box small{margin:0 0 7px;color:#758394;font-size:12px}
.team-hero-band .countdown-box strong{margin:0;background:none!important;color:#e28112!important;font-size:31px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0;-webkit-text-fill-color:#e28112!important}
.team-hero-band .countdown-box span{margin-top:10px;color:#7b8795;font-size:11px;line-height:1.5}
.team-detail-workspace{padding:34px 0 66px;background:#f5f7ff!important}
.team-detail-workspace .detail-grid{grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}
.team-detail-workspace .team-progress-panel,.team-detail-workspace .join-panel,.team-detail-workspace .product-config-panel{border:1px solid #e0e6f0;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(54,82,150,.055)}
.team-detail-workspace .team-progress-panel{padding:28px 30px}
.team-detail-workspace .team-panel-head{padding-bottom:19px;margin-bottom:23px;border-bottom:1px solid #e9edf4}
.team-detail-workspace .team-panel-head span{color:#7f8c9d;font-size:11px}
.team-detail-workspace .team-panel-head strong{color:#1d2936;font-size:16px}
.team-detail-workspace .team-panel-head>b{color:#277ee7;font-size:25px;font-weight:800}
.team-detail-workspace .progress-number strong{color:#2d87ea;font-size:42px;line-height:1}
.team-detail-workspace .progress-number span{color:#637489;font-size:14px}
.team-detail-workspace .progress.large{height:9px;margin:19px 0 15px;border-radius:5px;background:#e3e9f2}
.team-detail-workspace .progress.large i{border-radius:5px;background:#347ff0}
.team-detail-workspace .team-progress-panel>p{margin:0 0 25px;color:#35475b;font-size:13px;line-height:1.7}
.team-detail-workspace .member-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.team-detail-workspace .member{min-height:140px;padding:18px 10px;border:1px solid #e2e7f0;border-radius:7px;background:#fff;box-shadow:0 3px 12px rgba(45,72,128,.035)}
.team-detail-workspace .member>span{width:45px;height:45px;margin-bottom:11px;background:#e5f2ff;color:#2584e5;font-size:14px}
.team-detail-workspace .member strong{color:#263443;font-size:14px}
.team-detail-workspace .member small{margin-top:4px;color:#758597;font-size:10px}
.team-detail-workspace .member.empty{border-style:dashed;background:#fcfdff;box-shadow:none}
.team-detail-workspace .member.empty>span{background:#f1f4f9;color:#9aa8b8}
.team-detail-workspace .join-panel{padding:25px;border-top:3px solid #3e92f3;overflow:hidden}
.team-detail-workspace .join-panel:before{display:none}
.team-detail-workspace .join-kicker{margin-bottom:17px;padding:5px 9px;border-radius:4px;background:#eaf5ff;color:#1577d4;font-size:11px}
.team-detail-workspace .join-panel>small{color:#7f8b9a;font-size:11px}
.team-detail-workspace .join-price{margin:7px 0 10px;color:#e08a19;font-size:37px;line-height:1.1;letter-spacing:0}
.team-detail-workspace .join-price em{font-size:15px}
.team-detail-workspace .join-meta{margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #e8edf4;color:#657589;font-size:11px}
.team-detail-workspace .join-panel .button{min-height:45px;border-color:#347ff0;border-radius:6px;background:#347ff0;color:#fff;box-shadow:0 8px 18px rgba(52,127,240,.18)}
.team-detail-workspace .join-panel .button:hover{border-color:#176ad0;background:#176ad0}
.team-detail-workspace .share-box{margin-top:22px;padding-top:20px;border-top:1px solid #e7ecf3}
.team-detail-workspace .share-box label{margin-bottom:7px;color:#263544;font-size:13px}
.team-detail-workspace .share-box p{margin-bottom:12px;color:#788697;font-size:10px;line-height:1.7}
.team-detail-workspace .share-box>div{grid-template-columns:minmax(0,1fr) 58px}
.team-detail-workspace .share-box input{height:42px;border-color:#dce5ef;background:#f8fbff;color:#40566d}
.team-detail-workspace .share-box button{border:0;border-radius:0 5px 5px 0;background:#347ff0;color:#fff;font-size:11px}
.team-detail-workspace .share-box button:hover{background:#176ad0}
.team-detail-workspace .product-config-panel{border-color:#e0e6f0}
.team-detail-workspace .product-config-head>div>span{color:#297ed7}
.team-detail-workspace .product-config-head>strong{background:#edf6ff;color:#1677d2}
.team-detail-workspace .product-config-head>strong:before{background:#3b94ef}
.team-detail-workspace .product-config-summary{background:#f8fbff}
.team-detail-workspace .product-option-values>span,.team-detail-workspace .product-option-values details div>span{border-color:#d8e7f5;background:#f5faff;color:#34739d}

@media(max-width:980px){
  .team-hero-band .team-detail-head{grid-template-columns:minmax(260px,1fr) 210px 210px;gap:20px}
  .team-hero-visual img{height:150px}
  .team-detail-workspace .detail-grid{grid-template-columns:minmax(0,1fr) 300px}
}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .team-hero-band{padding:17px 0 22px!important}
  .team-hero-band .container.narrow,.team-detail-workspace .container.narrow{width:calc(100% - 24px)}
  .team-hero-band .breadcrumbs{margin-bottom:16px;font-size:10px}
  .team-hero-band .team-detail-head{display:grid!important;grid-template-columns:1fr!important;gap:17px;min-height:0}
  .team-hero-band .team-identity .offer-meta{margin-bottom:10px;font-size:10px}
  .team-hero-band .team-identity h1{margin-bottom:9px;font-size:27px}
  .team-hero-band .team-identity p{align-items:flex-start;gap:6px 10px;font-size:10px}
  .team-hero-band .team-identity p strong{font-size:12px}
  .team-hero-visual{display:none}
  .team-hero-band .countdown-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:0;padding:12px 14px;border:1px solid #dbe9f7;border-radius:7px;background:#f6faff;text-align:left}
  .team-hero-band .countdown-box small{margin:0;color:#708196;font-size:10px}
  .team-hero-band .countdown-box strong{font-size:20px;text-align:right}
  .team-hero-band .countdown-box span{grid-column:1/-1;margin-top:6px;font-size:9px}
  .team-detail-workspace{padding:24px 0 45px}
  .team-detail-workspace .detail-grid{grid-template-columns:1fr!important;gap:13px}
  .team-detail-workspace .team-progress-panel{padding:19px 16px}
  .team-detail-workspace .team-panel-head{padding-bottom:14px;margin-bottom:18px}
  .team-detail-workspace .team-panel-head strong{font-size:14px}
  .team-detail-workspace .team-panel-head>b{font-size:20px}
  .team-detail-workspace .progress-number strong{font-size:34px}
  .team-detail-workspace .progress-number span{font-size:12px}
  .team-detail-workspace .team-progress-panel>p{margin-bottom:18px;font-size:11px}
  .team-detail-workspace .member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .team-detail-workspace .member{min-height:116px;padding:14px 8px}
  .team-detail-workspace .member>span{width:38px;height:38px;margin-bottom:8px;font-size:12px}
  .team-detail-workspace .member strong{font-size:12px}
  .team-detail-workspace .join-panel{padding:19px 16px}
  .team-detail-workspace .join-price{font-size:32px}
  .team-detail-workspace .share-box>div{grid-template-columns:minmax(0,1fr) 55px}
}

/* V25 activity page: mobile finance product configuration */
.activity-product-config{display:none}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .activity-product-config{
    display:block;
    width:100%;
    margin-top:12px;
    overflow:hidden;
    border:1px solid #dce5ef;
    border-radius:8px;
    background:#fff;
    box-shadow:0 4px 14px rgba(40,84,124,.045)
  }
  .activity-product-config-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:45px;
    padding:0 13px;
    border-bottom:1px solid #e8eef4;
    background:#fbfdff
  }
  .activity-product-config-head>div{display:flex;align-items:center;min-width:0;gap:8px}
  .activity-product-config-head i{display:block;width:3px;height:15px;flex:0 0 auto;border-radius:2px;background:#318bec}
  .activity-product-config-head strong{color:#2d3b49;font-size:13px;line-height:1.3}
  .activity-product-config-head>span{flex:0 0 auto;color:#2582d8;font-size:9px;font-weight:700}
  .activity-product-config-list{display:grid}
  .activity-product-config-row{
    display:grid;
    grid-template-columns:minmax(68px,28%) minmax(0,1fr);
    align-items:start;
    gap:12px;
    padding:11px 13px;
    border-top:1px solid #edf2f6
  }
  .activity-product-config-row:first-child{border-top:0}
  .activity-product-config-row>span{color:#84919d;font-size:10px;line-height:1.6}
  .activity-product-config-row>strong{min-width:0;color:#384b5d;font-size:10px;line-height:1.65;font-weight:650;overflow-wrap:anywhere;word-break:break-word}
  .activity-product-config-empty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px}
  .activity-product-config-empty strong{color:#3b4d5d;font-size:10px}
  .activity-product-config-empty span{color:#8b98a3;font-size:9px;text-align:right}
}

/* V26 activity page: prevent partial-width layouts on mobile browsers */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  html,body{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    overflow-x:hidden!important
  }
  .topbar,.offer-detail-band,.teams-band,.site-footer{
    width:100%!important;
    min-width:0!important;
    max-width:none!important
  }
  .topbar-inner,
  .offer-detail-band>.container,
  .teams-band>.container,
  .footer-inner{
    width:calc(100% - 24px)!important;
    min-width:0!important;
    max-width:none!important;
    margin-right:auto!important;
    margin-left:auto!important
  }
  .activity-detail,
  .activity-detail-media,
  .activity-detail-copy,
  .activity-specs,
  .activity-product-config,
  .purchase-panel{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box
  }
  .activity-product-config-row{grid-template-columns:minmax(72px,30%) minmax(0,1fr)}
}

/* V27 team page: compact mobile product configuration */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .team-detail-workspace .team-product-config{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-top:0;
    border:1px solid #dce5ef;
    border-radius:8px;
    box-sizing:border-box;
    box-shadow:0 4px 14px rgba(40,84,124,.045)
  }
  .team-product-config .product-config-head{
    display:flex;
    align-items:center;
    min-height:45px;
    padding:0 13px;
    gap:10px;
    border-bottom:1px solid #e8eef4;
    background:#fbfdff
  }
  .team-product-config .product-config-head>div{display:flex;align-items:center;min-width:0;gap:8px}
  .team-product-config .product-config-head>div>span,
  .team-product-config .product-config-head p{display:none}
  .team-product-config .product-config-head h2{display:flex;align-items:center;margin:0;color:#2d3b49;font-size:13px;line-height:1.3}
  .team-product-config .product-config-head h2:before{content:"";display:block;width:3px;height:15px;margin-right:8px;border-radius:2px;background:#318bec}
  .team-product-config .product-config-head>strong{
    min-height:0;
    margin-left:auto;
    padding:0;
    border-radius:0;
    background:none;
    color:#2582d8;
    font-size:9px;
    white-space:nowrap
  }
  .team-product-config .product-config-head>strong:before{display:none}
  .team-product-config .product-config-summary{display:none}
  .team-product-config .product-option-row{
    display:grid;
    grid-template-columns:minmax(72px,30%) minmax(0,1fr);
    align-items:start;
    gap:12px;
    padding:11px 13px;
    border-top:1px solid #edf2f6
  }
  .team-product-config .product-option-row:first-child{border-top:0}
  .team-product-config .product-option-row>div:first-child{display:block;min-width:0}
  .team-product-config .product-option-row>div:first-child strong{color:#84919d;font-size:10px;line-height:1.65;font-weight:400}
  .team-product-config .product-option-row>div:first-child small{display:none}
  .team-product-config .product-option-values{display:flex;min-width:0;align-items:flex-start;flex-wrap:wrap;gap:0;color:#384b5d}
  .team-detail-workspace .team-product-config .product-option-values>span,
  .team-detail-workspace .team-product-config .product-option-values details div>span{
    display:inline;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:none;
    color:#384b5d;
    font-size:10px;
    line-height:1.65;
    font-weight:650;
    overflow-wrap:anywhere;
    word-break:break-word
  }
  .team-product-config .product-option-values>span:not(:last-of-type):after{content:" / ";color:#a3adb6;font-weight:400}
  .team-product-config .product-option-values>em{font-size:10px;line-height:1.65}
  .team-product-config .product-option-values details{margin:5px 0 0}
  .team-product-config .product-option-values summary{min-height:25px;padding:0 7px;font-size:9px}
  .team-product-config .product-option-values details div{padding:8px;gap:4px 0}
  .team-product-config .product-config-empty{display:flex;align-items:center;justify-content:space-between;flex-direction:row;padding:13px;gap:12px}
  .team-product-config .product-config-empty strong{color:#3b4d5d;font-size:10px}
  .team-product-config .product-config-empty span{color:#8b98a3;font-size:9px;text-align:right}
}

/* V28 team page: put product configuration before the open-join panel */
.team-detail-workspace .detail-grid>.team-product-config{grid-column:1/-1;grid-row:1}
.team-detail-workspace .detail-grid>.team-progress-panel{grid-column:1;grid-row:2}
.team-detail-workspace .detail-grid>.join-panel{grid-column:2;grid-row:2}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .team-detail-workspace .detail-grid>.team-product-config{grid-column:1;grid-row:1}
  .team-detail-workspace .detail-grid>.team-progress-panel{grid-column:1;grid-row:2}
  .team-detail-workspace .detail-grid>.join-panel{grid-column:1;grid-row:3}
}

/* V29 team page: compact desktop two-column layout */
@media(min-width:761px){
  .team-detail-workspace .detail-grid>.team-progress-panel{grid-column:1;grid-row:1 / span 2}
  .team-detail-workspace .detail-grid>.team-product-config{grid-column:2;grid-row:1;align-self:start}
  .team-detail-workspace .detail-grid>.join-panel{grid-column:2;grid-row:2;align-self:start}
  .team-product-config .product-config-head{padding:16px 18px;gap:12px}
  .team-product-config .product-config-head h2{font-size:16px}
  .team-product-config .product-config-head>strong{font-size:9px}
  .team-product-config .product-config-summary{padding:13px 16px}
  .team-product-config .product-config-summary>div{padding:0 9px}
  .team-product-config .product-option-row{grid-template-columns:92px minmax(0,1fr);gap:10px;padding:12px 16px}
  .team-product-config .product-option-row>div:first-child strong{font-size:11px}
  .team-product-config .product-option-values>span,.team-product-config .product-option-values details div>span{font-size:9px}
}

/* V30 team page: compact full-width configuration on desktop */
@media(min-width:761px){
  .team-detail-workspace .detail-grid>.team-product-config{grid-column:1/-1;grid-row:1}
  .team-detail-workspace .detail-grid>.team-progress-panel{grid-column:1;grid-row:2}
  .team-detail-workspace .detail-grid>.join-panel{grid-column:2;grid-row:2}
  .team-product-config .product-option-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-product-config .product-option-row{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:11px 18px}
  .team-product-config .product-option-row:nth-child(2n){border-left:1px solid #edf2f6}
  .team-product-config .product-option-row>div:first-child small{font-size:9px}
  .team-product-config .product-option-values{min-width:0}
}

/* V31 team page: make product configuration visually prominent */
.team-detail-workspace .team-product-config{
  border:1px solid #bcd7f2!important;
  border-top:4px solid #3189e8!important;
  box-shadow:0 10px 26px rgba(49,137,232,.10)!important
}
.team-product-config .product-config-head{
  min-height:62px;
  padding:15px 22px;
  background:#f2f8ff;
  border-bottom-color:#d9e9f8
}
.team-product-config .product-config-head>div>span{color:#237bd3;font-size:10px;letter-spacing:.16em}
.team-product-config .product-config-head h2{color:#1f3f5f;font-size:21px;font-weight:800}
.team-product-config .product-config-head>strong{background:#e5f2ff;color:#1774cb}
.team-product-config .product-config-summary{background:#edf6ff;border-bottom-color:#d8e8f7}
.team-product-config .product-config-summary strong{color:#254b6e;font-size:13px}
.team-product-config .product-option-row{background:#fff}
.team-product-config .product-option-row:nth-child(4n+2),
.team-product-config .product-option-row:nth-child(4n+3){background:#fbfdff}
.team-product-config .product-option-row>div:first-child strong{color:#29445c;font-weight:750}
.team-product-config .product-option-values>span,
.team-product-config .product-option-values details div>span{
  border-color:#b9d9f4;
  background:#f0f8ff;
  color:#166eb8;
  font-weight:700
}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .team-detail-workspace .team-product-config{border-top-width:3px!important;box-shadow:0 6px 18px rgba(49,137,232,.10)!important}
  .team-product-config .product-config-head{min-height:50px;padding:0 14px;background:#f2f8ff}
  .team-product-config .product-config-head h2{font-size:15px}
  .team-product-config .product-config-head h2:before{width:4px;height:19px;margin-right:8px}
  .team-product-config .product-config-head>strong{background:none;color:#237bd3}
  .team-product-config .product-option-row:nth-child(4n+2),
  .team-product-config .product-option-row:nth-child(4n+3){background:#fff}
}


/* ============================================================
   V32 FINAL UI POLISH · 整体质感收尾（仅视觉层，不改任何逻辑）
   在浅蓝商业主题之上统一：圆角、阴影层次、渐变、悬停反馈、
   焦点可达性与动效克制原则。
   ============================================================ */

/* --- 全局 --- */
::selection{background:rgba(61,157,242,.22);color:#14324c}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#eef3f8}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#5cb0f5,#187fd5);border-radius:5px;border:2px solid #eef3f8}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3d9df2,#0f6fbd)}
:focus-visible{outline:2px solid #187fd5;outline-offset:2px;border-radius:4px}

/* --- 顶栏 --- */
.topbar{backdrop-filter:blur(12px) saturate(1.1);box-shadow:0 1px 0 #edf0f3,0 6px 20px rgba(31,65,96,.05)}
.brand-mark{transition:transform .25s,box-shadow .25s}
.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.05);box-shadow:0 7px 18px rgba(61,157,242,.32)}
.main-nav a{transition:color .18s}
.main-nav a.active:after{border-radius:3px 3px 0 0}
.account-credit{font-variant-numeric:tabular-nums;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}

/* --- 按钮：渐变 + 抬升反馈 --- */
.button{background:linear-gradient(135deg,#47a3f4 0%,#2b8fee 55%,#187fd5 100%);border-radius:8px;box-shadow:0 6px 16px rgba(43,124,214,.22),inset 0 1px 0 rgba(255,255,255,.22);transition:background .18s,box-shadow .2s,transform .2s,border-color .18s}
.button:hover{background:linear-gradient(135deg,#3d9df2 0%,#2187e8 55%,#1472c8 100%);box-shadow:0 10px 24px rgba(30,113,200,.3),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(-1px)}
.button:active{transform:translateY(0);box-shadow:0 4px 10px rgba(30,113,200,.22)}
.button-secondary{background:#fff;box-shadow:0 2px 6px rgba(31,65,96,.06);transition:all .18s}
.button-secondary:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(61,157,242,.14)}

/* --- 卡片体系统一：圆角 + 分层阴影 + 悬停浮起 --- */
.reference-activity-card,.team-row,.catalog-team-row,.offer-row,.team-progress-panel,.join-panel,.product-config-panel,.records-table-wrap,.my-record-card,.checkout-panel,.order-summary,.empty-state{
  border-radius:14px;
  box-shadow:0 1px 2px rgba(24,55,84,.04),0 8px 22px rgba(24,55,84,.06);
  transition:border-color .22s,box-shadow .22s,transform .22s;
}
.reference-activity-card:hover,.team-row:hover,.catalog-team-row:hover,.offer-row:hover,.my-record-card:hover{
  border-color:#9dcff7;
  box-shadow:0 3px 6px rgba(24,55,84,.05),0 18px 38px rgba(24,55,84,.11);
  transform:translateY(-3px);
}
.reference-activity-card{position:relative;overflow:hidden}
.reference-activity-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:1;
  background:linear-gradient(90deg,#3d9df2,#6fc0ff 55%,#8ad0b8);
  transform:scaleX(0);transform-origin:left;transition:transform .35s ease;
}
.reference-activity-card:hover::before{transform:scaleX(1)}
.reference-card-actions{border-radius:0 0 14px 14px}

/* --- 活动卡价格块：轻渐变底 --- */
.reference-prices>div{background:linear-gradient(180deg,#f7fbff,#eef6fe);border-color:#d8e8f8;border-radius:10px;transition:border-color .2s,box-shadow .2s}
.reference-activity-card:hover .reference-prices>div{border-color:#b9dcfa}
.reference-prices strong{letter-spacing:-.01em}

/* --- 名额进度条：渐变流光 --- */
.progress{border-radius:999px}
.progress i{background:linear-gradient(90deg,#5cb0f5,#2b8fee);border-radius:inherit;position:relative;overflow:hidden}
.progress i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:translateX(-100%);animation:gb32Shine 2.6s ease-in-out infinite}
@keyframes gb32Shine{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
.catalog-team-progress>i{border-radius:999px}
.catalog-team-progress>i b{background:linear-gradient(90deg,#5cb0f5,#2b8fee)}
.my-record-progress{border-radius:999px}
.my-record-progress b{background:linear-gradient(90deg,#5cb0f5,#2b8fee)}

/* --- 倒计时 / 时间强调 --- */
.reference-countdown{border-radius:10px;background:linear-gradient(180deg,#f7fbff,#eff7ff)}
.reference-countdown strong{color:#0f6fbd;font-weight:800;font-variant-numeric:tabular-nums}
.team-hero-band .countdown-box strong{color:#e28112}

/* --- 徽章与头像 --- */
.product-chip{border-radius:6px}
.status,.admin-status{border-radius:999px;padding:4px 10px}
.status-1,.member-1{box-shadow:inset 0 0 0 1px rgba(25,124,201,.14)}
.status-2,.member-2{box-shadow:inset 0 0 0 1px rgba(17,122,80,.14)}
.status-3,.member-3{box-shadow:inset 0 0 0 1px rgba(180,35,24,.12)}
.leader-avatar,.member>span,.catalog-team-avatar,.reference-open-teams>a>span b,.my-record-empty>span{
  background:linear-gradient(135deg,#e8f4ff,#d9ecfd);color:#1e86dd;
  box-shadow:inset 0 0 0 1px rgba(61,157,242,.14);
}
.team-roster>span{box-shadow:0 1px 3px rgba(24,55,84,.14)}
.team-roster>span.paid{background:linear-gradient(135deg,#47a3f4,#187fd5)}

/* --- 列表行与开放队伍 --- */
.reference-open-teams>a{border-radius:8px;transition:background .18s,color .18s;padding-inline:6px}
.reference-open-teams>a:hover{background:#f3f9ff}
.catalog-team-action{border-radius:8px;background:linear-gradient(135deg,#47a3f4,#2187e8);transition:box-shadow .2s,transform .2s}
.catalog-team-row:hover .catalog-team-action{box-shadow:0 6px 14px rgba(43,124,214,.25)}

/* --- 筛选工具条 --- */
.catalog-filters button,.catalog-shortcuts a,.catalog-shortcuts>span{border-radius:9px;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}
.catalog-filters button.active{background:linear-gradient(135deg,#47a3f4,#2187e8);box-shadow:0 5px 13px rgba(61,157,242,.22)}
.catalog-filters button:hover,.catalog-shortcuts a:hover{transform:translateY(-1px)}
.catalog-banner{border-radius:14px}
.catalog-banner-copy strong{text-shadow:0 2px 10px rgba(59,159,234,.18)}

/* --- 表格 --- */
.records-table th{letter-spacing:.02em}
.records-table tbody tr{transition:background .16s}
.records-table tbody tr:hover{background:#f6faff}
.row-actions .primary{transition:color .16s}
.row-actions a:hover{color:#0f6fbd}

/* --- 我的拼团/支付/结算细节 --- */
.my-action{border-radius:7px;transition:all .18s}
.my-action-primary{background:linear-gradient(135deg,#47a3f4,#2187e8)}
.my-action-primary:hover{background:linear-gradient(135deg,#3d9df2,#1472c8);box-shadow:0 6px 14px rgba(43,124,214,.25)}
.my-action-secondary:hover,.my-action-danger:hover{transform:translateY(-1px)}
.my-record-statuses{background:linear-gradient(180deg,#fbfdff,#f7faff)}
.balance-pay-icon{border-radius:10px;background:linear-gradient(135deg,#47a3f4,#187fd5)}
.summary-total strong,.purchase-price strong,.join-price,.team-price strong,.offer-price strong{font-variant-numeric:tabular-nums}
.gateway-option{border-radius:10px}
.order-summary::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#3d9df2,#6fc0ff 55%,#8ad0b8)}

/* --- 登录 / 支付结果 --- */
.login-panel,.payment-result-card,.payment-qr-card{border-radius:16px;box-shadow:0 2px 4px rgba(24,55,84,.04),0 24px 54px rgba(24,55,84,.1)}
.login-panel input,.payment-qr-card input{border-radius:9px}
.result-icon{border-radius:50%}

/* --- 提示浮层 --- */
.flash{border-radius:10px;box-shadow:0 3px 6px rgba(24,55,84,.05),0 14px 30px rgba(24,55,84,.12);animation:gb32FlashIn .3s ease-out}
@keyframes gb32FlashIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* --- 队伍页面板 --- */
.team-detail-workspace .team-progress-panel,.team-detail-workspace .join-panel,.team-detail-workspace .product-config-panel{border-radius:14px}
.team-detail-workspace .member{border-radius:11px;transition:border-color .2s,box-shadow .2s,transform .2s}
.team-detail-workspace .member:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(45,72,128,.09)}
.team-detail-workspace .join-panel .button{border-radius:8px}
.team-detail-workspace .share-box button{border-radius:0 7px 7px 0}
.team-detail-workspace .share-box input{border-radius:7px 0 0 7px}
.team-hero-band .countdown-box{border-radius:12px}

/* --- 页脚 --- */
.site-footer{position:relative}
.site-footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(61,157,242,.35),transparent)}
.footer-inner a{transition:color .16s}
.footer-inner a:hover{color:#0f6fbd}

/* --- 动效克制：尊重系统减少动态偏好 --- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  .reference-activity-card:hover,.team-row:hover,.catalog-team-row:hover,.offer-row:hover,.my-record-card:hover{transform:none}
}

/* --- 窄屏微调 --- */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .reference-activity-card:hover,.team-row:hover,.catalog-team-row:hover,.offer-row:hover,.my-record-card:hover{transform:none}
  .reference-card-actions{border-radius:0 0 12px 12px}
  .topbar{box-shadow:0 1px 0 #edf0f3,0 4px 14px rgba(31,65,96,.05)}
}

/* =====================================================
   V33 首页紧凑化：移除顶部标题带 + 商品卡片紧凑风格
   ===================================================== */

/* --- 标题带已从视图移除，相关布局由 intro 承接 --- */
.catalog-title-band{display:none!important}

/* --- 顶部区块收紧 --- */
.catalog-intro{padding:26px 0 22px}
.catalog-banner{height:132px;border-top-width:4px}
.catalog-banner-copy strong{font-size:30px;margin:5px 0 3px}
.catalog-toolbar{margin-top:16px}
.catalog-filters button,.catalog-shortcuts a,.catalog-shortcuts>span{min-height:36px;padding:0 14px;font-size:12px}
.catalog-market{padding:24px 0 44px}
.section-heading{margin-bottom:16px}
.section-heading h2{font-size:20px}
.section-heading>p{font-size:11px}

/* --- 卡片网格：自适应紧凑三列 --- */
.reference-activity-grid{grid-template-columns:repeat(auto-fill,minmax(335px,1fr));gap:14px}

/* --- 卡片内部紧凑化 --- */
.reference-activity-card{padding:16px 18px 0;border-radius:12px}
.reference-card-head{font-size:10px}
.product-chip{padding:3px 8px;font-size:10px}
.reference-activity-card h3{margin:12px 0 3px;font-size:17px;line-height:1.4}
.reference-duration{font-size:11px}
.reference-product{margin-top:8px;font-size:11px}
.reference-prices{gap:8px;margin:12px 0 10px}
.reference-prices>div{padding:10px 6px;border-radius:8px}
.reference-prices span{font-size:10px}
.reference-prices strong{margin-top:3px;font-size:20px}
.reference-prices em{font-size:12px}
.reference-meta{gap:16px;margin-bottom:10px;font-size:11px}
.reference-meta b{width:20px;height:20px;font-size:10px}
.reference-capacity{padding:10px 12px;border-radius:8px}
.reference-capacity>div:first-child{font-size:11px}
.reference-capacity>div>strong{font-size:12px}
.reference-capacity .progress{height:7px;margin:8px 0 5px}
.reference-capacity small{font-size:10px}
.reference-countdown{gap:5px;margin:12px 0 10px}
.reference-countdown span{font-size:10px}
.reference-countdown strong{padding:7px 13px;border-radius:6px;font-size:14px}
.reference-description{min-height:0;margin:0;font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reference-open-teams{margin-top:10px}
.reference-card-actions{margin:14px -18px 0;padding:10px 14px 10px 18px}
.reference-card-actions>span{font-size:10px}
.reference-card-actions .button{min-width:104px;min-height:34px;padding:0 12px;font-size:12px}

/* --- 卡片底部圆角随 padding 同步 --- */
.reference-card-actions{border-radius:0 0 12px 12px}

/* --- 响应式 --- */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .catalog-intro{padding:20px 0 16px}
  .catalog-banner{height:110px}
  .catalog-banner-copy strong{font-size:24px}
  .reference-activity-grid{grid-template-columns:1fr;gap:12px}
  .reference-activity-card{padding:14px 14px 0}
  .reference-card-actions{margin:12px -14px 0;padding:10px 12px;border-radius:0 0 12px 12px}
}

/* =====================================================
   V34 首页加宽容器 + 大胆美化（四列网格 / 渐变横幅 / 深色数据带）
   ===================================================== */

/* --- 全站容器加宽，减少两侧留白 --- */
.container{width:min(1400px,calc(100% - 48px))}
@media(max-width:760px){.container{width:calc(100% - 28px)}}

/* --- 首页背景：柔和浅蓝渐变承接 --- */
.catalog-intro{background:linear-gradient(180deg,#f0f7ff 0%,#fafbfd 92%);border-bottom:1px solid #e9f0f7;padding:30px 0 24px}
.catalog-market{background:linear-gradient(180deg,#f7fafd,#f4f8fc 60%,#f7fafd)}

/* --- 渐变主横幅 --- */
.catalog-banner{height:152px;border:0;border-radius:16px;background:linear-gradient(115deg,#dcecfd 0%,#eef7ff 46%,#e0f0fe 100%);box-shadow:0 16px 36px rgba(43,143,238,.16),inset 0 1px 0 rgba(255,255,255,.8)}
.catalog-banner-copy strong{font-size:34px;background:linear-gradient(120deg,#2b8fee 20%,#187fd5 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.catalog-banner-copy>span{color:#4d708f}
.catalog-banner-copy p{color:#6d8aa3}

/* --- 筛选工具栏：胶囊化 --- */
.catalog-filters button{border-radius:999px;border-color:#dbe6f0;background:#fff;transition:all .18s}
.catalog-filters button:hover{border-color:#8fc9f6;color:#1476c6;box-shadow:0 4px 12px rgba(43,143,238,.14)}
.catalog-filters button.active{background:linear-gradient(135deg,#47a3f4,#2b8fee 60%,#187fd5);border-color:#2b8fee;box-shadow:0 7px 18px rgba(43,143,238,.3)}
.catalog-shortcuts a,.catalog-shortcuts>span{border-radius:999px;border-color:#e0e8f0;background:#fff}
.catalog-shortcuts a:hover{border-color:#9acdf3;color:#1476c6;background:#f3f9ff}

/* --- 区块标题强化 --- */
.section-heading{padding-bottom:14px;border-bottom:1px solid #e7edf3}
.section-heading h2{font-size:22px}
.section-heading .section-kicker{font-weight:800;letter-spacing:.16em}

/* --- 卡片：悬浮质感升级 --- */
.reference-activity-card{border:1px solid #e6edf3;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#fafdff 100%);box-shadow:0 6px 18px rgba(30,70,110,.06);transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s,border-color .24s}
.reference-activity-card:hover{transform:translateY(-4px);border-color:#a8d4f6;box-shadow:0 20px 40px rgba(30,90,145,.15)}
.reference-activity-card::before{border-radius:16px 16px 0 0}
.reference-activity-card h3{color:#1e2a35}
.reference-prices>div{border-color:#e3eef8;border-radius:10px;background:linear-gradient(160deg,#f3f9ff 0%,#fdfefe 100%)}
.reference-prices>div:first-child{border-color:#dceaf8;background:linear-gradient(160deg,#eef6ff,#f9fcff)}
.reference-capacity{border-color:#e3eef8;border-radius:10px;background:#f6fafd}
.reference-countdown strong{border-radius:999px;border-color:#bcd9f7;background:linear-gradient(180deg,#f0f8ff,#e6f2fd);box-shadow:0 4px 12px rgba(23,111,193,.12)}
.reference-open-teams>a{border-radius:8px;transition:background .16s}
.reference-open-teams>a:hover{background:#f1f8ff}
.reference-card-actions{border-top-color:#e9f0f6;border-radius:0 0 16px 16px;background:linear-gradient(90deg,#f7fbff 0%,#edf5fc 100%)}

/* --- 底部数据带：深色渐变大胆呈现 --- */
.catalog-assurance{border-top:0;padding:30px 0;background:linear-gradient(120deg,#15314e 0%,#1d5fa8 62%,#2b8fee 100%)}
.catalog-assurance .container>div{border-right-color:rgba(255,255,255,.16)}
.catalog-assurance strong{color:#fff;font-size:26px}
.catalog-assurance span{color:rgba(255,255,255,.78)}
.catalog-assurance p{color:rgba(255,255,255,.85)}

/* --- 窄屏适配 --- */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .catalog-banner{height:118px;border-radius:14px}
  .catalog-banner-copy strong{font-size:24px}
  .reference-activity-card,.reference-card-actions{border-radius:14px}
  .catalog-assurance strong{font-size:22px}
  .catalog-assurance p{color:rgba(255,255,255,.85)}
}

/* =====================================================
   V35 活动卡片精简：红色倒计时胶囊 + 信息合并 + 收紧节奏
   ===================================================== */
.reference-activity-card{padding:14px 16px 0}
.reference-card-head{gap:8px}

/* --- 红色倒计时胶囊（替代原独占一行的有效期区块） --- */
.deadline-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#ff6a52,#e8341f);color:#fff;font-size:10px;font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:0 3px 8px rgba(232,52,31,.28)}
.deadline-pill i{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#fff;animation:gb35Pulse 1.2s ease-in-out infinite}
.deadline-pill b{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.deadline-pill--open{background:#eef5f1;color:#3e7c5a;box-shadow:none;font-weight:600}
@keyframes gb35Pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* --- 标题区左对齐紧凑化 --- */
.reference-activity-card h3{margin:10px 0 3px;font-size:16px;line-height:1.4;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reference-product{margin:0;max-width:100%;text-align:left;font-size:11px;color:#93a0ab}
.reference-specs{display:flex;align-items:center;gap:6px;margin:7px 0 0;color:#8a97a2;font-size:11px}
.reference-specs i{color:#cbd5dd;font-style:normal}

/* --- 价格 / 名额 / 描述 / 队伍区间距收紧 --- */
.reference-prices{margin:11px 0 9px}
.reference-capacity{padding:9px 12px}
.reference-capacity .progress{margin:7px 0 4px}
.reference-description{margin:9px 0 0}
.reference-open-teams{margin-top:11px}
.reference-open-teams-head{padding:11px 0 7px}
.reference-card-actions{margin:12px -16px 0;padding:9px 12px 9px 16px}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  .reference-activity-card{padding:13px 14px 0}
  .reference-card-actions{margin:11px -14px 0;padding:9px 12px;border-radius:0 0 14px 14px}
}

/* =====================================================
   V36 H5 账户可见性 + 首页浅色数据带
   ===================================================== */
.account-avatar{display:none}
.account-link{display:grid;gap:1px;min-width:0}
.account-link small,.account-credit small{display:none}
.account-link strong,.account-credit strong{font:inherit}

/* 暖白、雾蓝与珊瑚橙承接卡片主题，避免页尾出现突兀深蓝块。 */
.catalog-assurance{position:relative;overflow:hidden;border-top:1px solid #dceaf5;border-bottom:1px solid #e6edf2;background:linear-gradient(115deg,#eef7ff 0%,#f7fbff 48%,#fff4ef 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.88)}
.catalog-assurance::before{content:"";position:absolute;width:230px;height:230px;right:-80px;top:-130px;border-radius:50%;background:rgba(217,111,86,.08);pointer-events:none}
.catalog-assurance .container{position:relative}
.catalog-assurance .container>div{border-right-color:#d8e6ef}
.catalog-assurance strong{color:#267fbd}
.catalog-assurance .container>div:nth-child(3) strong{color:#c96852}
.catalog-assurance span{color:#526d80}
.catalog-assurance p{color:#536b7a}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  body.front-auth .topbar{height:118px}
  body.front-auth .topbar-inner{height:118px;align-content:start;padding-top:7px;padding-bottom:7px;display:flex;flex-wrap:wrap}
  .topbar .brand{order:1;max-width:calc(100% - 54px)}
  .topbar .nav-toggle{order:2}
  .topbar .main-nav{top:124px}
  .topbar .nav-backdrop{inset:118px 0 0!important}
  .account-nav.is-authenticated{order:3;width:100%;height:45px;margin:0!important;padding:4px 5px;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:7px!important;border:1px solid #dce8ee;border-radius:11px;background:linear-gradient(100deg,#f5fbff,#fffaf6);box-shadow:0 4px 12px rgba(45,86,113,.06)}
  .account-nav.is-authenticated .account-avatar{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:linear-gradient(145deg,#58a9e9,#348bcf);color:#fff;font-size:13px;font-weight:800;box-shadow:0 4px 9px rgba(52,139,207,.2)}
  .account-nav.is-authenticated .account-link{display:grid!important;max-width:none;gap:0;color:#354f60;font-size:11px;line-height:1.25;overflow:hidden}
  .account-nav.is-authenticated .account-link small,.account-nav.is-authenticated .account-credit small{display:block;color:#5f7480;font-size:8px;font-weight:600;line-height:1.15}
  .account-nav.is-authenticated .account-link strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}
  .account-nav.is-authenticated .account-credit{display:grid!important;gap:0;padding:0 8px;border:0;border-left:1px solid #dfe8ed;border-radius:0;background:transparent;color:#c45f49;line-height:1.25;box-shadow:none;white-space:nowrap}
  .account-nav.is-authenticated .account-credit strong{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
  .account-nav.is-authenticated form{display:block;margin:0}
  .account-nav.is-authenticated .account-logout{display:flex!important;min-width:61px;min-height:34px;align-items:center;justify-content:center;padding:0 9px;border:1px solid #e4b7ab;border-radius:8px;background:#fff6f2;color:#9f4937;font-size:10px;font-weight:700;white-space:nowrap}
  .account-nav.is-authenticated .account-logout:active{background:#fde8e1;transform:translateY(1px)}
  .catalog-assurance{padding:23px 0 20px}
  .catalog-assurance .container{width:100%}
  .catalog-assurance .container>div{padding:0 8px}
  .catalog-assurance strong{font-size:22px}
  .catalog-assurance span{font-size:10px}
  .catalog-assurance p{margin-top:17px;padding:15px 16px 0;border-top-color:#d8e6ef;color:#536b7a;font-size:10px;line-height:1.75}
}

@media(max-width:360px){
  .account-nav.is-authenticated{grid-template-columns:28px minmax(0,1fr) auto auto;gap:5px!important}
  .account-nav.is-authenticated .account-avatar{width:28px;height:28px}
  .account-nav.is-authenticated .account-credit{padding-inline:6px}
  .account-nav.is-authenticated .account-logout{min-width:50px;padding-inline:6px}
  .account-nav.is-authenticated .account-logout span{font-size:0}
  .account-nav.is-authenticated .account-logout span::after{content:"退出";font-size:10px}
}

/* =====================================================
   V37 云拼团图标 + 稳定的筛选选中状态
   ===================================================== */
.brand-mark{position:relative;overflow:hidden;font-size:0;color:#fff}
.brand-mark::before,.brand-mark::after{content:none!important;display:none!important}
.brand-mark svg{display:block;width:25px;height:25px;overflow:visible}
.brand-mark svg path{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.brand-mark svg circle{fill:currentColor;stroke:none}

/* 触屏浏览器会保留 hover，所有选中态都强制使用简洁的蓝底白字。 */
.catalog-filters button.active,
.catalog-filters button.active:hover,
.catalog-filters button.active:focus,
.catalog-filters button.active:focus-visible{
  border-color:#2b8fee!important;
  background:#2b8fee!important;
  color:#fff!important;
  box-shadow:0 5px 13px rgba(43,143,238,.22)!important;
  transform:none!important;
}
.catalog-filters button:focus-visible{outline:3px solid rgba(43,143,238,.2);outline-offset:2px}

/* =====================================================
   V38 首页 H5 专业化：移动优先层级 / 吸顶筛选 / 渐进队伍
   ===================================================== */
.catalog-intro,.catalog-market,.catalog-assurance{--home-primary:#258de0;--home-primary-dark:#106fbd;--home-ink:#172b3a;--home-muted:#60788a;--home-line:#dce8f1;--home-surface:#fff;--home-success:#138a60;--home-accent:#cf624d}
.catalog-intro{padding:24px 0 22px;background:linear-gradient(180deg,#eef7ff 0%,#f7fbff 72%,#fff 100%)}
.catalog-banner{height:196px;isolation:isolate;overflow:hidden;border:1px solid rgba(111,177,230,.34);border-radius:20px;background:linear-gradient(112deg,#e9f6ff 0%,#f6fbff 56%,#e2f2ff 100%);box-shadow:0 18px 42px rgba(30,105,166,.13),inset 0 1px 0 rgba(255,255,255,.9)}
.catalog-banner::before{content:"";position:absolute;z-index:-1;width:330px;height:330px;left:-110px;top:-225px;border-radius:50%;background:rgba(60,156,235,.12)}
.catalog-banner::after{content:"";position:absolute;z-index:-1;width:260px;height:260px;right:-70px;bottom:-190px;border-radius:50%;background:rgba(61,157,242,.14)}
.catalog-banner>img{z-index:-1;left:auto;width:61%;opacity:.38;object-position:64% 50%;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 42%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%)}
.catalog-banner-copy{width:64%;align-items:flex-start;justify-content:center;padding:26px 38px;text-align:left}
.catalog-banner-eyebrow{display:inline-flex;align-items:center;gap:7px;color:#3e789e!important;font-size:11px!important;font-weight:700;letter-spacing:.08em}
.catalog-banner-eyebrow i{width:7px;height:7px;border-radius:50%;background:#1a94e8;box-shadow:0 0 0 4px rgba(37,141,224,.11)}
.catalog-banner-copy h1{margin:7px 0 6px;color:var(--home-ink);font-size:34px;line-height:1.18;font-weight:800;letter-spacing:-.035em}
.catalog-banner-copy p{color:#58748a;font-size:12px}
.catalog-banner-stats{display:flex;align-items:center;gap:0;margin-top:17px}
.catalog-banner-stats span{padding:0 16px;border-left:1px solid rgba(91,133,164,.22);color:#688397;font-size:10px;white-space:nowrap}
.catalog-banner-stats span:first-child{padding-left:0;border-left:0}
.catalog-banner-stats b{margin-right:3px;color:#176fab;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.catalog-banner-trust{position:absolute;right:22px;bottom:18px;z-index:2;display:flex;gap:8px}
.catalog-banner-trust span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(111,162,197,.25);border-radius:999px;background:rgba(255,255,255,.76);color:#56768c;font-size:9px;font-weight:650;backdrop-filter:blur(7px)}
.catalog-banner-trust span::before{content:"";width:5px;height:5px;border-radius:50%;background:#26a477}
.catalog-market{padding:26px 0 52px;background:linear-gradient(180deg,#fff 0%,#f5f9fd 24%,#f4f8fc 100%)}
.catalog-market .section-heading{margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid #e6eef4}
.catalog-market .section-heading>p{display:flex;align-items:center;gap:7px;color:#6c8191;font-size:11px}
.live-dot{display:inline-block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#1ca875;box-shadow:0 0 0 4px rgba(28,168,117,.1)}
.catalog-toolbar{position:relative;z-index:11;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 18px;padding:10px;border:1px solid #e0eaf2;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(35,83,122,.055);backdrop-filter:blur(12px)}
.catalog-filters{gap:6px;padding:3px;border:1px solid #e4edf4;border-radius:12px;background:#f4f8fb}
.catalog-filters button{min-height:40px;padding:0 15px;border:0!important;border-radius:9px;background:transparent;color:#587083;font-size:12px;font-weight:700;box-shadow:none!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.catalog-filters button:hover{background:#fff;color:#176fac;box-shadow:0 2px 8px rgba(30,86,130,.08)!important;transform:none}
.catalog-filters button.active,.catalog-filters button.active:hover,.catalog-filters button.active:focus,.catalog-filters button.active:focus-visible{border:0!important;border-radius:9px!important;background:#258de0!important;color:#fff!important;box-shadow:0 5px 13px rgba(37,141,224,.24)!important}
.filter-label-compact{display:none}
.catalog-shortcuts{gap:7px}
.catalog-shortcuts a,.catalog-shortcuts>span{min-height:46px;padding:0 12px;border-color:#e0eaf2;border-radius:10px;background:#fff;font-size:11px}
.catalog-shortcuts a{gap:7px;color:#42657c;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.catalog-shortcuts a svg{width:16px;height:16px;fill:none;stroke:#278bd7;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.catalog-shortcuts a:hover{background:#f3f9fe;transform:none}
.catalog-result-count{color:#708494!important}
.catalog-result-count b{font-size:15px;font-variant-numeric:tabular-nums}
.reference-activity-grid{gap:16px}
.reference-activity-card{padding:18px 18px 0;border-color:#dfe9f1;border-radius:17px;background:#fff;box-shadow:0 4px 8px rgba(34,76,111,.035),0 14px 30px rgba(34,76,111,.055)}
.reference-activity-card::before{height:3px;border-radius:17px 17px 0 0;background:linear-gradient(90deg,#56b1f3,#258de0 62%,#146fbd);transform:scaleX(1);opacity:.82}
.reference-activity-card.has-open-team::before{background:linear-gradient(90deg,#38ad84,#258de0 78%)}
.reference-card-head{min-height:27px}
.product-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid #d7eafa;border-radius:7px;background:#edf7ff;color:#1576bd;font-size:10px;font-weight:750}
.deadline-pill{min-height:26px;padding:0 9px;border:1px solid #f5c4ba;background:#fff3f0;color:#bb4d38;box-shadow:none;font-weight:650}
.deadline-pill i{background:#e46850;animation:gb35Pulse 1.4s ease-in-out infinite}
.deadline-pill b{font-size:10px}
.deadline-pill--open{border-color:#cce7db;background:#f0faf6;color:#247858}
.deadline-pill--open i{background:#25a879;animation:none}
.reference-activity-card h3{margin:13px 0 4px;color:var(--home-ink);font-size:18px;line-height:1.42;font-weight:780;letter-spacing:-.015em}
.reference-product{color:#74899a;font-size:11px}
.reference-specs{gap:8px;margin-top:8px;color:#637b8d;font-size:11px}
.reference-specs span{display:inline-flex;align-items:center}
.reference-specs i{display:block;width:3px;height:3px;border-radius:50%;background:#afc2d0}
.reference-prices{gap:8px;margin:14px 0 11px}
.reference-prices>div{position:relative;padding:12px 9px;border-color:#deebf5;border-radius:11px;background:#f7fbfe;text-align:left}
.reference-prices>div.is-leader-price{background:linear-gradient(145deg,#eef8ff,#f9fcff)}
.reference-prices>div.is-leader-price::after{content:"团长专享";position:absolute;right:8px;top:8px;padding:2px 5px;border-radius:5px;background:#e2f2ff;color:#3985b9;font-size:8px;font-weight:700}
.reference-prices span{color:#61798a;font-size:10px}
.reference-prices strong{margin-top:5px;color:#cf624d;font-size:23px;font-weight:800;letter-spacing:-.025em}
.reference-prices>div:first-child strong{color:#176fac}
.reference-prices em{font-size:12px}
.reference-capacity{padding:11px 12px;border-color:#e0eaf2;border-radius:11px;background:#f7fafc}
.reference-capacity>div:first-child{font-size:11px}
.reference-capacity>div:first-child>span{display:flex;align-items:center;gap:5px}
.capacity-status{width:6px;height:6px;border-radius:50%;background:#20a674;box-shadow:0 0 0 3px rgba(32,166,116,.1)}
.reference-capacity b{color:#168b62}
.reference-capacity>div>strong{color:#536c7d;font-size:11px}
.reference-capacity .progress{height:6px;margin:9px 0 6px;background:#e3ebf1}
.reference-capacity .progress i{background:linear-gradient(90deg,#35ad82,#258de0)}
.reference-capacity small{color:#738899;font-size:9px}
.reference-description{margin:11px 2px 0;color:#5e7383;font-size:11px;line-height:1.7;text-align:left}
.reference-open-teams{margin-top:13px;border-top-color:#e6edf3}
.reference-open-teams-head{padding:13px 2px 8px}
.reference-open-teams-head strong{display:flex;align-items:center;gap:7px;color:#314c5e;font-size:12px}
.reference-open-teams-head strong i{width:7px;height:7px;border-radius:50%;background:#20a674;box-shadow:0 0 0 3px rgba(32,166,116,.1)}
.reference-open-teams-head span{color:#2684c8;font-size:10px}
.reference-open-teams>a{min-height:48px;padding:8px 5px;border-top-color:#eaf0f4}
.reference-open-teams>a>span b{flex-basis:30px;width:30px;height:30px;background:linear-gradient(145deg,#e5f5ff,#d7ecfb);color:#1e7fbd}
.reference-open-teams>a>strong{color:#c65440}
.reference-open-teams>a>em{color:#526f83}
.reference-teams-toggle{display:none;width:100%;min-height:44px;align-items:center;justify-content:center;gap:5px;margin-top:2px;border:0;border-top:1px solid #eaf0f4;background:transparent;color:#267eba;font-size:10px;font-weight:700;touch-action:manipulation}
.reference-teams-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s ease}
.reference-open-teams.is-expanded .reference-teams-toggle svg{transform:rotate(180deg)}
.reference-card-actions{min-height:62px;margin:15px -18px 0;padding:10px 12px 10px 18px;border-top-color:#e6eef4;border-radius:0 0 17px 17px;background:linear-gradient(90deg,#f8fbfd,#f1f7fb)}
.reference-card-actions>span{display:grid;grid-template-columns:7px minmax(0,1fr);align-items:center;column-gap:7px;color:#547083}
.reference-card-actions>span>i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#1fa474;box-shadow:0 0 0 3px rgba(31,164,116,.1)}
.reference-card-actions>span strong{font-size:10px}
.reference-card-actions>span small{margin-top:2px;color:#8294a1;font-size:8px}
.reference-card-actions .button{min-width:114px;min-height:42px;gap:5px;border:0;border-radius:9px;background:linear-gradient(135deg,#3ba1eb,#197fce);font-size:12px;box-shadow:0 7px 15px rgba(34,132,205,.2)}
.reference-card-actions .button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.reference-card-actions .button:hover svg{transform:translateX(2px)}
.catalog-filter-empty{padding:48px 20px;border-color:#cbdfea;border-radius:15px;background:#fff;color:#61798a}
.catalog-team-heading{margin:4px 0 16px;padding:0 2px}
.catalog-team-heading>span{color:#258de0;letter-spacing:.14em}
.catalog-team-heading h3{color:var(--home-ink);font-size:22px}
.catalog-team-heading p{color:#6e8393}
.catalog-team-row{border-color:#dce8f1;border-radius:13px;box-shadow:0 6px 18px rgba(35,79,113,.05)}
.catalog-team-action{min-height:40px;background:linear-gradient(135deg,#3ba1eb,#197fce)}
.catalog-assurance{padding:25px 0;background:linear-gradient(115deg,#eaf6ff 0%,#f8fbfd 48%,#fff2ed 100%)}
.catalog-assurance .container{border:1px solid rgba(193,216,232,.6);border-radius:15px;background:rgba(255,255,255,.46);box-shadow:0 8px 26px rgba(44,93,129,.05)}
.catalog-assurance .container>div{min-height:62px;display:grid;align-content:center}
.catalog-assurance p{padding-right:24px}
.catalog-market [hidden]{display:none!important}
.reference-activity-card.is-filter-entering,.catalog-team-row.is-filter-entering{animation:gb38FilterIn .28s cubic-bezier(.2,.72,.3,1) both}
@keyframes gb38FilterIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  body.front-guest .topbar .brand{order:1;flex:1 1 auto;max-width:none;min-height:44px}
  body.front-guest .account-nav{order:2}
  body.front-guest .topbar .nav-toggle{order:3;width:44px;height:44px;margin-left:0}
  body.front-guest .account-nav .button{min-height:44px}
  .catalog-intro{padding:12px 0 15px}
  .catalog-banner{height:206px;border-radius:17px;box-shadow:0 12px 28px rgba(33,101,153,.12)}
  .catalog-banner::before{width:230px;height:230px;left:-100px;top:-145px}
  .catalog-banner::after{width:190px;height:190px;right:-90px;bottom:-105px}
  .catalog-banner>img{left:0;width:100%;opacity:.16;object-position:57% 50%;mask-image:none;-webkit-mask-image:none}
  .catalog-banner-copy{width:100%;justify-content:flex-start;padding:20px 18px;text-align:left}
  .catalog-banner-eyebrow{font-size:9px!important}
  .catalog-banner-copy h1{margin:7px 0 5px;font-size:27px;line-height:1.18}
  .catalog-banner-copy p{font-size:11px}
  .catalog-banner-stats{position:absolute;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:10px 3px;border:1px solid rgba(126,172,204,.24);border-radius:12px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px)}
  .catalog-banner-stats span{display:grid;justify-items:center;gap:2px;padding:0 3px;font-size:9px;text-align:center}
  .catalog-banner-stats b{margin:0;font-size:15px;line-height:1.1}
  .catalog-banner-trust{display:none}
  .catalog-market{padding:19px 0 38px;scroll-margin-top:124px}
  .catalog-market .section-heading{gap:5px;margin-bottom:12px;padding-bottom:12px}
  .catalog-market .section-heading .section-kicker{font-size:8px;letter-spacing:.13em}
  .catalog-market .section-heading h2{font-size:21px;line-height:1.25}
  .catalog-market .section-heading>p{margin-top:1px;font-size:9px;line-height:1.5}
  .live-dot{width:6px;height:6px;flex-basis:6px}
  .catalog-toolbar{position:sticky;top:0;grid-template-columns:1fr;gap:7px;margin:0 -14px 14px;padding:7px 14px 9px;border:0;border-block:1px solid transparent;border-radius:0;background:rgba(248,251,253,.94);box-shadow:none;backdrop-filter:blur(15px);transition:border-color .2s,box-shadow .2s}
  body.front-auth .catalog-toolbar{top:0}
  .catalog-toolbar.is-stuck{gap:0;padding-block:6px;border-color:#dfe9f0;box-shadow:0 8px 20px rgba(29,71,102,.1)}
  .catalog-toolbar.is-stuck .catalog-shortcuts{display:none}
  .catalog-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;padding:3px;border-radius:12px}
  .catalog-filters button{min-width:0;min-height:44px;padding:0 5px;border-radius:9px;font-size:11px}
  .catalog-filters button:nth-child(2){font-size:11px}
  .catalog-filters button.active,.catalog-filters button.active:hover,.catalog-filters button.active:focus,.catalog-filters button.active:focus-visible{border-radius:9px!important}
  .filter-label-wide{display:none}
  .filter-label-compact{display:inline}
  .catalog-shortcuts{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%;gap:5px}
  .catalog-shortcuts a,.catalog-shortcuts>span{min-width:0;min-height:44px;padding:0 9px;border-radius:9px;font-size:9px}
  .catalog-shortcuts a{gap:5px}
  .catalog-shortcuts a svg{width:14px;height:14px}
  .catalog-shortcuts a span{white-space:nowrap}
  .catalog-result-count{justify-content:flex-start!important;padding-left:8px!important}
  .catalog-result-count b{font-size:13px}
  .reference-activity-grid{grid-template-columns:1fr;gap:13px}
  .reference-activity-card{padding:16px 15px 0;border-radius:17px;box-shadow:0 3px 7px rgba(34,76,111,.035),0 12px 25px rgba(34,76,111,.055)}
  .reference-activity-card::before{border-radius:17px 17px 0 0}
  .reference-card-head{font-size:10px}
  .product-chip,.deadline-pill{min-height:27px}
  .reference-activity-card h3{margin-top:12px;font-size:18px;line-height:1.42}
  .reference-product{font-size:10px}
  .reference-specs{margin-top:7px;font-size:10px}
  .reference-prices{gap:7px;margin:13px 0 10px}
  .reference-prices>div{padding:12px 9px}
  .reference-prices strong{font-size:22px}
  .reference-capacity{padding:11px 10px}
  .reference-capacity>div:first-child{font-size:10px}
  .reference-capacity>div>strong{font-size:10px}
  .reference-description{font-size:10px;-webkit-line-clamp:2}
  .reference-open-teams{margin-top:12px}
  .reference-open-teams>a{grid-template-columns:minmax(0,1fr) auto;min-height:49px;gap:7px;padding-inline:3px}
  .reference-open-teams>a>em{grid-column:1/-1;margin-top:-5px;padding-left:38px;font-size:9px}
  .reference-open-teams>a:nth-of-type(n+2){display:none}
  .reference-open-teams.is-expanded>a{display:grid}
  .reference-open-teams>a.reference-open-teams-more{display:none}
  .reference-open-teams.is-expanded>a.reference-open-teams-more{display:flex;min-height:44px}
  .reference-teams-toggle{display:flex}
  .reference-card-actions{min-height:66px;margin:15px -15px 0;padding:10px 11px 10px 15px;border-radius:0 0 17px 17px}
  .reference-card-actions>span{max-width:none}
  .reference-card-actions>span strong{font-size:10px}
  .reference-card-actions .button{min-width:118px;min-height:46px;padding:0 13px;font-size:12px}
  .catalog-team-view{padding-top:2px}
  .catalog-team-heading{margin-bottom:13px}
  .catalog-team-heading h3{font-size:20px}
  .catalog-team-row{grid-template-columns:38px minmax(0,1fr) auto;padding:14px 13px;border-radius:14px}
  .catalog-team-avatar{width:38px;height:38px}
  .catalog-team-copy strong{font-size:12px}
  .catalog-team-progress{grid-column:1/-1;padding:2px 0}
  .catalog-team-price{grid-column:1/3}
  .catalog-team-action{grid-column:3;min-width:96px;min-height:42px}
  .catalog-assurance{padding:17px 0}
  .catalog-assurance .container{width:calc(100% - 28px);grid-template-columns:repeat(3,minmax(0,1fr));border-radius:14px}
  .catalog-assurance .container>div{min-height:58px;padding:0 5px}
  .catalog-assurance strong{font-size:20px}
  .catalog-assurance span{font-size:9px}
  .catalog-assurance p{margin-top:0;padding:13px 13px 14px;border-top:1px solid #d8e6ef;font-size:9px;line-height:1.7;text-align:left}
  .catalog-filters button:active,.catalog-shortcuts a:active,.reference-teams-toggle:active,.reference-card-actions .button:active,.catalog-team-row:active{opacity:.76}
}
@media(max-width:360px){
  .catalog-banner{height:198px}
  .catalog-banner-copy h1{font-size:25px}
  .catalog-toolbar{margin-inline:-12px;padding-inline:12px}
  .catalog-shortcuts>span{grid-column:auto}
  .catalog-shortcuts a,.catalog-shortcuts>span{padding-inline:6px;font-size:9px}
  .catalog-shortcuts a svg{display:none}
  .reference-card-actions>span small{display:none}
  .reference-card-actions .button{min-width:109px}
  .reference-open-teams>a>span i{max-width:128px}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:920px){
  .catalog-banner{height:170px}
  .catalog-banner-copy{padding-top:16px}
  .catalog-banner-stats{padding-block:7px}
  .catalog-toolbar{position:relative;top:auto!important}
}

/* 移动端滚动稳定性：吸顶筛选不再通过改高度触发布局跳动。 */
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1400px){
  html{scroll-behavior:auto}
  body{background-attachment:scroll}
  .topbar,.catalog-toolbar{backdrop-filter:none;-webkit-backdrop-filter:none}
  .catalog-toolbar.is-stuck{gap:7px;padding-block:7px 9px}
  .catalog-toolbar.is-stuck .catalog-shortcuts{display:grid;opacity:.01;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  .reference-activity-card.is-filter-entering,.catalog-team-row.is-filter-entering{animation:none}
  .reference-teams-toggle svg,.catalog-toolbar{transition:none}
}