:root{--commerce-bg:#020b12;--commerce-surface:rgba(5,24,36,.86);--commerce-surface-2:rgba(7,33,48,.68);--commerce-line:rgba(77,164,209,.28);--commerce-line-strong:rgba(82,187,239,.48);--commerce-text:#f3f7f9;--commerce-muted:#91a5b1;--commerce-green:#98ff4c;--commerce-cyan:#55d5ff;--commerce-red:#ff6c75}
*{box-sizing:border-box}
body.commerce-page{min-width:320px;color:var(--commerce-text);background:radial-gradient(circle at 80% 12%,rgba(30,128,174,.15),transparent 31%),radial-gradient(circle at 12% 68%,rgba(100,211,121,.08),transparent 27%),linear-gradient(145deg,#02090f,#061725 54%,#020b12)}
.commerce-page::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(95,174,214,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(95,174,214,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.commerce-header{background:rgba(2,11,17,.88);backdrop-filter:blur(18px)}
.commerce-main{position:relative;z-index:1;width:min(1480px,calc(100% - 50px));min-height:100vh;margin:0 auto;padding:130px 0 85px}
.commerce-intro{min-height:220px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:40px 46px;border:1px solid var(--commerce-line);border-radius:18px;background:linear-gradient(90deg,rgba(2,15,24,.94),rgba(4,29,44,.78)),url("assets/datacenter-hero.webp") right center/70% auto no-repeat;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.commerce-intro>div:first-child{max-width:740px}.commerce-intro .section-kicker{margin-bottom:15px}.commerce-intro h1{margin:0;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.93;text-transform:none}.commerce-intro>div:first-child>p:last-child{max-width:690px;margin:20px 0 0;color:#a8bac4;font-size:1rem;line-height:1.72}
.compliance-badge,.preorder-status{width:min(390px,100%);display:flex;align-items:center;gap:15px;padding:17px 18px;border:1px solid rgba(152,255,76,.26);border-radius:13px;background:rgba(4,27,34,.84);backdrop-filter:blur(12px)}
.compliance-badge>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#071007;background:var(--commerce-green);font-weight:900}.compliance-badge p,.compliance-badge strong,.compliance-badge small{display:block;margin:0}.compliance-badge strong{font-size:.92rem}.compliance-badge small{margin-top:5px;color:#8399a5;font-size:.72rem;line-height:1.5}
.service-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 32px}.service-tabs a{min-height:62px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid var(--commerce-line);border-radius:11px;color:#aab9c1;background:rgba(4,21,32,.7);font-size:.9rem;font-weight:720;text-decoration:none;transition:.18s}.service-tabs a span{color:#617784;font-size:.68rem}.service-tabs a:hover,.service-tabs a.is-active{border-color:rgba(152,255,76,.55);color:#081108;background:linear-gradient(135deg,#c1ff86,#83f344)}.service-tabs a.is-active span{color:#325520}
.procurement-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-7px 0 31px}.procurement-highlights article{min-height:88px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--commerce-line);border-radius:12px;background:linear-gradient(145deg,rgba(6,29,43,.86),rgba(2,16,25,.8))}.procurement-highlights article>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(85,213,255,.35);border-radius:9px;color:var(--commerce-cyan);font-size:.68rem;font-weight:800}.procurement-highlights strong,.procurement-highlights small{display:block}.procurement-highlights strong{font-size:.84rem}.procurement-highlights small{margin-top:5px;color:#758a96;font-size:.66rem;line-height:1.4}
.catalog-layout,.partner-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:25px}.commerce-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.commerce-section-head span{color:var(--commerce-green);font-size:.7rem;font-weight:750;letter-spacing:.16em}.commerce-section-head h2{margin:7px 0 0;font-size:clamp(1.6rem,2.6vw,2.5rem);text-transform:none}.commerce-section-head>p{max-width:480px;margin:0;color:#8094a0;font-size:.82rem;line-height:1.58;text-align:right}
.product-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.commerce-product{overflow:hidden;border:1px solid var(--commerce-line);border-radius:14px;background:linear-gradient(145deg,rgba(7,29,42,.92),rgba(3,16,25,.9));transition:.2s}/* 整张卡片可点（commerce.js 在卡片上绑了 click），所以要给出可点的视觉暗示。
   已选中的保持原样，不加位移。 */
.commerce-product{cursor:pointer}
.commerce-product.is-selected{cursor:default}

.commerce-product:hover,.commerce-product.is-selected{border-color:rgba(152,255,76,.55);transform:translateY(-2px);box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 0 34px rgba(152,255,76,.025)}
.product-photo{height:150px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background-image:linear-gradient(to top,rgba(2,12,19,.97),rgba(2,12,19,.18)),url("assets/datacenter-hero.webp");background-size:cover}.product-photo-h200{background-position:58% 50%}.product-photo-b200{background-position:78% 48%}.product-photo-b300{background-position:95% 45%}.product-photo span{color:var(--commerce-green);font-size:.65rem;font-weight:750;letter-spacing:.16em}.product-photo b{margin-top:5px;font-size:2.25rem;line-height:1}
.product-card-body{padding:17px}.product-card-title{display:flex;align-items:start;justify-content:space-between;gap:12px}.product-card-title small{color:#68808d;font-size:.62rem;letter-spacing:.12em}.product-card-title h3{margin:5px 0 0;font-size:1.02rem}.product-card-title>strong{color:var(--commerce-green);font-size:.93rem;white-space:nowrap}.product-card-body>p{min-height:61px;margin:14px 0;color:#8ea1ad;font-size:.76rem;line-height:1.58}.product-card-body dl{margin:0;border-top:1px solid var(--commerce-line)}.product-card-body dl div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--commerce-line);font-size:.69rem}.product-card-body dt{color:#718691}.product-card-body dd{margin:0;color:#bccbd3;text-align:right}.product-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.product-card-actions button{min-height:38px;border:1px solid var(--commerce-line-strong);border-radius:8px;color:#8edfff;background:transparent;font:inherit;font-size:.72rem;cursor:pointer}.product-card-actions .select-product{border:0;color:#071007;background:var(--commerce-green);font-weight:780}
.checkout-card{position:sticky;top:96px;overflow:hidden;border:1px solid var(--commerce-line-strong);border-radius:16px;background:linear-gradient(145deg,rgba(6,30,44,.97),rgba(2,15,24,.97));box-shadow:0 28px 85px rgba(0,0,0,.38)}.checkout-card>header{padding:22px 23px;border-bottom:1px solid var(--commerce-line)}.checkout-card>header>span{color:var(--commerce-green);font-size:.66rem;font-weight:750;letter-spacing:.16em}.checkout-card h2{margin:8px 0 6px;font-size:1.55rem;text-transform:none}.checkout-card>header p{margin:0;color:#778d99;font-size:.75rem}.checkout-card>header p strong{color:#b8c9d1}.checkout-card form{display:grid;gap:13px;padding:20px 23px}.checkout-card label{display:grid;gap:7px;color:#b5c3ca;font-size:.72rem;font-weight:650}.checkout-card input,.checkout-card select,.checkout-card textarea,.code-access input{width:100%;min-height:43px;padding:0 12px;border:1px solid var(--commerce-line);border-radius:8px;outline:0;color:#eef4f6;background:rgba(2,13,21,.75);font:inherit;font-size:.78rem}.checkout-card textarea{padding-top:10px;resize:vertical}.checkout-card input:focus,.checkout-card select:focus,.checkout-card textarea:focus,.code-access input:focus{border-color:var(--commerce-green);box-shadow:0 0 0 3px rgba(152,255,76,.07)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.order-summary,.preorder-price,.founder-calculation{padding:14px;border:1px solid var(--commerce-line);border-radius:10px;background:rgba(1,12,19,.58)}.order-summary>div,.preorder-price>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 0;color:#879ba6;font-size:.72rem}.order-summary strong,.preorder-price strong{color:#edf4f6;font-size:.85rem}.order-summary .due-now,.preorder-price .due-now{margin-top:7px;padding-top:12px;border-top:1px solid var(--commerce-line);color:#dce7eb}.order-summary .due-now strong,.preorder-price .due-now strong{color:var(--commerce-green);font-size:1.12rem}.order-summary p{display:flex;justify-content:space-between;gap:15px;margin:9px 0 0;color:#71858f;font-size:.68rem}.order-summary p b{color:#aabac2;font-weight:650}.consent-line{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:9px!important;color:#8397a1!important;font-size:.68rem!important;font-weight:450!important;line-height:1.45}.consent-line input{width:15px!important;min-height:auto!important;margin:2px 0 0;accent-color:var(--commerce-green)}.commerce-primary{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:0;border-radius:9px;color:#071107;background:linear-gradient(135deg,#c4ff8b,#7cf13e);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;box-shadow:0 12px 36px rgba(152,255,76,.12)}
.process-section{margin-top:50px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.process-grid article{min-height:170px;padding:22px;border:1px solid var(--commerce-line);border-radius:13px;background:rgba(4,22,33,.72)}.process-grid b{color:var(--commerce-green);font-size:.78rem}.process-grid h3{margin:22px 0 10px;font-size:1rem}.process-grid p{margin:0;color:#8599a4;font-size:.78rem;line-height:1.62}.commerce-disclosure{margin:25px 0 0;padding:15px 18px;border-left:3px solid var(--commerce-green);color:#7f939e;background:rgba(4,23,34,.6);font-size:.74rem;line-height:1.62}
.commerce-dialog{width:min(720px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;overflow:auto;border:1px solid var(--commerce-line-strong);border-radius:16px;color:var(--commerce-text);background:linear-gradient(145deg,#061c2a,#020f18);box-shadow:0 45px 150px rgba(0,0,0,.76)}.commerce-dialog::backdrop{background:rgba(0,7,12,.78);backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:23px 25px;border-bottom:1px solid var(--commerce-line)}.dialog-top span{color:var(--commerce-green);font-size:.66rem;letter-spacing:.16em}.dialog-top h2{margin:8px 0 0;font-size:1.75rem;text-transform:none}.dialog-top button{width:38px;height:38px;border:0;color:#c4d2d9;background:transparent;font-size:1.8rem;cursor:pointer}.dialog-product-content{padding:23px 25px;color:#9fb0b9;line-height:1.68}.dialog-product-content h3{margin:0 0 12px;color:#edf4f6}.dialog-product-content dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-product-content dl div{padding:12px;border:1px solid var(--commerce-line);border-radius:9px}.dialog-product-content dt{color:#6f8490;font-size:.7rem}.dialog-product-content dd{margin:6px 0 0;color:#d8e3e8;font-size:.82rem}.order-success{padding:34px;text-align:center}.order-success>span{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 15px;border-radius:16px;color:#071107;background:var(--commerce-green);font-weight:900}.order-success>p:first-of-type{color:var(--commerce-green);font-size:.66rem;letter-spacing:.18em}.order-success h2{margin:9px 0 13px;font-size:2rem;text-transform:none}.order-success>strong{display:block;padding:12px;border:1px dashed rgba(152,255,76,.45);border-radius:9px;color:var(--commerce-green);font-size:1.2rem;letter-spacing:.07em}.order-success>p:last-of-type{max-width:520px;margin:18px auto;color:#8da0aa;font-size:.8rem;line-height:1.62}.order-success>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-success>div button,.order-success>div a,.dialog-finish{min-height:43px;display:grid;place-items:center;border:1px solid var(--commerce-line-strong);border-radius:8px;color:#71dbff;background:transparent;font:inherit;font-size:.76rem;text-decoration:none;cursor:pointer}.dialog-finish{width:100%;margin-top:10px;border:0!important;color:#071107!important;background:var(--commerce-green)!important;font-weight:800!important}.commerce-toast{position:fixed;z-index:100;right:24px;bottom:24px;padding:13px 17px;border:1px solid var(--commerce-line-strong);border-radius:9px;opacity:0;visibility:hidden;transform:translateY(12px);color:var(--commerce-green);background:#041925;transition:.22s}.commerce-toast.is-visible{opacity:1;visibility:visible;transform:none}
.procurement-success-dialog{width:min(800px,calc(100% - 28px))}.order-success>.procurement-order-meta{grid-template-columns:1.35fr 1fr 1fr;gap:9px;margin:17px 0 0}.procurement-order-meta p{display:grid;gap:5px;margin:0;padding:12px;border:1px solid var(--commerce-line);border-radius:9px;background:rgba(1,12,19,.55);text-align:left}.procurement-order-meta span,.staged-payment-summary span{color:#718691;font-size:.64rem}.procurement-order-meta b{overflow:hidden;color:#dce7eb;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.order-success>.staged-payment-summary{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.staged-payment-summary p{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0;padding:12px;border:1px solid var(--commerce-line);border-radius:9px;background:rgba(1,12,19,.55);text-align:left}.staged-payment-summary b{color:#dce7eb;font-size:.82rem}.order-success>.procurement-next-step{max-width:620px}.order-success>.procurement-dialog-actions{grid-template-columns:1fr 1fr}
.preorder-intro{background-image:linear-gradient(90deg,rgba(2,15,24,.96),rgba(4,29,44,.7)),url("assets/datacenter-hero.webp")}.preorder-hero-actions{display:flex;align-items:center;gap:16px;margin-top:23px}.preorder-hero-actions .commerce-primary{width:210px}.preorder-hero-actions small{color:#8296a1;font-size:.72rem}.preorder-status{display:block}.preorder-status span,.preorder-status strong,.preorder-status small{display:block}.preorder-status span{color:#718792;font-size:.65rem;letter-spacing:.16em}.preorder-status strong{margin-top:8px;color:var(--commerce-green);font-size:1.5rem}.preorder-status strong i{width:9px;height:9px;display:inline-block;margin-right:5px;border-radius:50%;background:var(--commerce-green);box-shadow:0 0 14px rgba(152,255,76,.8);animation:allocationPulse 2.2s ease-in-out infinite}.preorder-status small{margin-top:6px;color:#7f929d;font-size:.72rem;line-height:1.5}@keyframes allocationPulse{50%{opacity:.45;box-shadow:0 0 4px rgba(152,255,76,.35)}}
.preorder-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 25px}.preorder-benefits article{min-height:88px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--commerce-line);border-radius:12px;background:linear-gradient(145deg,rgba(6,29,43,.86),rgba(2,16,25,.8))}.preorder-benefits article>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(152,255,76,.32);border-radius:9px;color:var(--commerce-green);font-size:.68rem;font-weight:800}.preorder-benefits strong,.preorder-benefits small{display:block}.preorder-benefits strong{font-size:.84rem}.preorder-benefits small{margin-top:5px;color:#758a96;font-size:.66rem;line-height:1.4}
.preorder-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:25px}.preorder-product-card{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid var(--commerce-line);border-radius:17px;background:rgba(4,22,33,.78)}.preorder-visual{min-height:620px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;background:linear-gradient(to top,rgba(1,11,18,.96),rgba(1,11,18,.08)),url("assets/datacenter-hero.webp") 84% center/cover no-repeat}.preorder-visual span{color:var(--commerce-green);font-size:.7rem;letter-spacing:.18em}.preorder-visual strong{margin-top:8px;font-size:clamp(3.4rem,6vw,6.7rem);line-height:.85}.preorder-visual small{margin-top:12px;color:#a6bac4;font-size:.72rem;letter-spacing:.13em}.preorder-product-info{padding:34px}.availability-chip{display:inline-flex;padding:7px 10px;border-radius:999px;color:#aaff7e;background:rgba(152,255,76,.08);font-size:.67rem}.preorder-product-info h2{margin:17px 0 14px;font-size:2rem;text-transform:none}.preorder-product-info>p{color:#8fa3ae;font-size:.88rem;line-height:1.72}.preorder-product-info dl{margin:22px 0;border-top:1px solid var(--commerce-line)}.preorder-product-info dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--commerce-line);font-size:.76rem}.preorder-product-info dt{color:#728792}.preorder-product-info dd{margin:0;color:#d1dde3}.preorder-saving{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 18px;padding:14px;border:1px solid rgba(152,255,76,.26);border-radius:10px;background:linear-gradient(135deg,rgba(152,255,76,.09),rgba(85,213,255,.035))}.preorder-saving span{color:#9fb1b9;font-size:.7rem}.preorder-saving strong{grid-row:span 2;color:var(--commerce-green);font-size:1.35rem}.preorder-saving small{color:#6f8490;font-size:.64rem}.preorder-product-info ul{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.preorder-product-info li{color:#afc0c8;font-size:.78rem}.preorder-product-info li::before{content:"✓";margin-right:9px;color:var(--commerce-green)}.preorder-price del{color:#6e818b}.preorder-price>small{display:block;margin-top:7px;color:#6f838e;font-size:.65rem}.vip-process{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:13px;margin-top:32px;padding:22px;border:1px solid var(--commerce-line);border-radius:14px;background:rgba(4,22,33,.68)}.vip-process div{min-width:0}.vip-process span{color:var(--commerce-green);font-size:.68rem}.vip-process h3{margin:7px 0 5px;font-size:.9rem}.vip-process p{margin:0;color:#7d919d;font-size:.7rem;line-height:1.5}.vip-process>i{width:52px;height:1px;background:linear-gradient(90deg,var(--commerce-line-strong),transparent)}
.preorder-success-dialog{width:min(800px,calc(100% - 28px))}.order-success>.preorder-order-meta{grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0 0}.preorder-order-meta p{display:grid;gap:5px;margin:0;padding:12px;border:1px solid var(--commerce-line);border-radius:9px;background:rgba(1,12,19,.55);text-align:left}.preorder-order-meta span{color:#718691;font-size:.64rem}.preorder-order-meta b{color:#dce7eb;font-size:.8rem}.review-tracker{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:18px 0 0;padding:0;list-style:none}.review-tracker li{position:relative;padding:26px 5px 0;color:#647985;font-size:.66rem;text-align:center}.review-tracker li::before{content:"";position:absolute;z-index:1;top:5px;left:calc(50% - 6px);width:12px;height:12px;border:2px solid #496271;border-radius:50%;background:#061c2a}.review-tracker li::after{content:"";position:absolute;top:11px;right:50%;width:100%;height:1px;background:#284654}.review-tracker li:first-child::after{display:none}.review-tracker li.is-complete,.review-tracker li.is-current{color:#c8d7dd}.review-tracker li.is-complete::before,.review-tracker li.is-current::before{border-color:var(--commerce-green);background:var(--commerce-green);box-shadow:0 0 12px rgba(152,255,76,.45)}.review-tracker li.is-complete::after,.review-tracker li.is-current::after{background:var(--commerce-green)}.order-success>.preorder-next-step{max-width:620px}.order-success>.preorder-dialog-actions{grid-template-columns:1fr 1fr}
.partners-intro{align-items:center}.code-access{width:min(420px,100%);padding:19px;border:1px solid var(--commerce-line-strong);border-radius:13px;background:rgba(3,24,36,.86)}.code-access label{display:block;margin-bottom:9px;color:#b6c5cc;font-size:.77rem;font-weight:700}.code-access>div{display:grid;grid-template-columns:1fr auto;gap:8px}.code-access button{padding:0 18px;border:0;border-radius:8px;color:#071107;background:var(--commerce-green);font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.code-access small{display:block;margin-top:8px;color:#6f8490;font-size:.66rem}.partner-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px}.partner-benefits article{padding:22px;border:1px solid var(--commerce-line);border-radius:13px;background:rgba(4,22,33,.72)}.partner-benefits span{color:var(--commerce-green);font-size:.7rem}.partner-benefits h2{margin:14px 0 9px;font-size:1.1rem;text-transform:none}.partner-benefits p{margin:0;color:#8599a4;font-size:.76rem;line-height:1.62}.partner-project-grid{display:grid;gap:11px}.partner-project{display:grid;grid-template-columns:78px minmax(0,1fr) auto 110px;align-items:center;gap:17px;padding:15px;border:1px solid var(--commerce-line);border-radius:12px;background:rgba(4,23,34,.74);transition:.18s}.partner-project:hover,.partner-project.is-selected{border-color:rgba(152,255,76,.5)}.project-series{width:68px;height:68px;display:grid;place-items:center;border:1px solid var(--commerce-line-strong);border-radius:11px;color:var(--commerce-green);background:rgba(12,56,72,.35);font-weight:850}.partner-project small{color:#657c88;font-size:.62rem;letter-spacing:.12em}.partner-project h3{margin:5px 0;font-size:1rem}.partner-project p{margin:0;color:#7f929d;font-size:.72rem}.partner-project>strong{color:#dfe8ec;font-size:.9rem}.partner-project button{min-height:40px;border:1px solid var(--commerce-line-strong);border-radius:8px;color:#70d9ff;background:transparent;font:inherit;font-size:.72rem;cursor:pointer}.partner-project.is-selected button{border:0;color:#071107;background:var(--commerce-green);font-weight:800}.share-input{display:grid;grid-template-columns:1fr 70px auto;align-items:center;gap:9px}.share-input input[type="range"]{padding:0;accent-color:var(--commerce-green)}.share-input input[type="number"]{text-align:center}.share-input>span{color:var(--commerce-green);font-size:.85rem}.founder-calculation p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:8px 0;color:#8296a1;font-size:.72rem}.founder-calculation strong{color:#d8e4e9}.joined-project{margin-top:32px;overflow:hidden;border:1px solid var(--commerce-line-strong);border-radius:15px;background:rgba(4,23,34,.8)}.joined-project[hidden]{display:none}.joined-project>header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 22px;border-bottom:1px solid var(--commerce-line)}.joined-project header span{color:var(--commerce-green);font-size:.65rem;letter-spacing:.16em}.joined-project header h2{margin:6px 0 0;font-size:1.3rem;text-transform:none}.joined-project>header>strong{padding:10px 14px;border:1px dashed rgba(152,255,76,.45);border-radius:8px;color:var(--commerce-green);letter-spacing:.06em}.joined-main{display:grid;grid-template-columns:1fr 1.4fr .7fr;align-items:center;gap:30px;padding:24px}.joined-main small{color:#738792}.joined-main h3{margin:6px 0;font-size:1.1rem}.joined-main>div:first-child p{margin:0;color:#80949e;font-size:.72rem}.joined-progress>div,.joined-progress>p{display:flex;justify-content:space-between;gap:15px}.joined-progress>div span{color:#9fb0b8;font-size:.75rem}.joined-progress>div strong{color:var(--commerce-green)}.joined-progress>i{display:block;height:13px;margin-top:9px;overflow:hidden;border:1px solid var(--commerce-line-strong);border-radius:999px;background:#08253a}.joined-progress>i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#79e839,#adff62);transition:width .45s}.joined-progress>p{margin:7px 0 0;color:#718691;font-size:.66rem}.joined-main form{display:grid;gap:8px}.joined-main form label{display:grid;grid-template-columns:1fr 56px auto;align-items:center;gap:6px;color:#8da0aa;font-size:.7rem}.joined-main form input{width:56px;min-height:37px;border:1px solid var(--commerce-line);border-radius:7px;color:#fff;background:#04131e;text-align:center}.joined-main form button,.activation-button{min-height:40px;border:0;border-radius:8px;color:#071107;background:var(--commerce-green);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}.activation-button{width:calc(100% - 44px);margin:0 22px 20px}.activation-button:disabled{color:#6e818a;background:#0b2736;cursor:not-allowed}.founder-dialog .order-success>span{font-size:1rem}
@media(max-width:1180px){.commerce-main{width:calc(100% - 28px)}.catalog-layout,.preorder-layout,.partner-layout{grid-template-columns:1fr}.checkout-card{position:static}.product-catalog{grid-template-columns:repeat(3,minmax(230px,1fr));overflow-x:auto;padding-bottom:6px}.preorder-benefits,.procurement-highlights{grid-template-columns:1fr 1fr}.preorder-product-card{grid-template-columns:.9fr 1.1fr}.process-grid{grid-template-columns:1fr 1fr}.partner-project{grid-template-columns:70px minmax(0,1fr) auto 100px}}
@media(max-width:820px){.commerce-main{padding-top:105px}.commerce-intro{display:block;padding:29px 25px;background-size:cover}.compliance-badge,.preorder-status,.code-access{margin-top:27px}.service-tabs{gap:7px}.service-tabs a{min-height:54px;font-size:.78rem}.commerce-section-head{display:block}.commerce-section-head>p{margin-top:10px;text-align:left}.preorder-product-card{grid-template-columns:1fr}.preorder-visual{min-height:340px}.vip-process{grid-template-columns:1fr 1fr}.vip-process>i{display:none}.partner-benefits{grid-template-columns:1fr}.joined-main{grid-template-columns:1fr}.partner-project{grid-template-columns:62px minmax(0,1fr);}.partner-project>strong,.partner-project>button{grid-column:2}.joined-project>header{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.commerce-main{width:calc(100% - 18px)}.service-tabs a{flex-direction:column;gap:2px}.field-row{grid-template-columns:1fr}.product-catalog{grid-template-columns:1fr;overflow:visible}.process-grid{grid-template-columns:1fr}.preorder-hero-actions{align-items:flex-start;flex-direction:column}.preorder-benefits,.procurement-highlights{grid-template-columns:1fr}.preorder-product-info{padding:24px}.vip-process{grid-template-columns:1fr}.dialog-product-content dl{grid-template-columns:1fr}.order-success{padding:25px 18px}.order-success>div,.order-success>.preorder-order-meta,.order-success>.preorder-dialog-actions,.order-success>.procurement-order-meta,.order-success>.staged-payment-summary,.order-success>.procurement-dialog-actions{grid-template-columns:1fr}.review-tracker{grid-template-columns:1fr;gap:9px}.review-tracker li{min-height:26px;padding:4px 0 4px 30px;text-align:left}.review-tracker li::before{top:5px;left:4px}.review-tracker li::after{top:-15px;left:10px;width:1px;height:25px}.partner-project{grid-template-columns:1fr}.partner-project>strong,.partner-project>button{grid-column:auto}.project-series{width:58px;height:58px}.joined-project>header>strong{font-size:.75rem}.commerce-toast{left:14px;right:14px;bottom:14px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* 未上架的招募项目：列出来是为了让用户看到后台配了哪些，但不给选。
   按钮本身已带 disabled，这里再压暗一层，免得看着像能点。
   （.partner-project.is-off 的两个类名让它盖过 .partner-project button） */
.partner-project.is-off{opacity:.55}
.partner-project.is-off:hover{border-color:var(--commerce-line)}
.partner-project.is-off button{color:#6e818a;background:#0b2736;border-color:var(--commerce-line);cursor:not-allowed}

/* ===== 充值页分步组件 ===== */
.deposit-amount{margin:26px 0 10px;padding:0 18px}
.deposit-amount-label{display:block;font-size:.82rem;color:var(--commerce-muted);margin-bottom:6px}
.deposit-amount-value{font-size:1.75rem;font-weight:800;color:var(--commerce-green);letter-spacing:.5px}

.deposit-crypto-picker{margin-top:18px;padding:0 18px}
.deposit-crypto-label{display:block;font-size:.82rem;color:var(--commerce-muted);margin-bottom:12px}
.deposit-crypto-list{display:flex;flex-direction:column;gap:10px}
.deposit-currency{display:flex;align-items:center;gap:14px;padding:16px 14px;border:1px solid var(--commerce-line);border-radius:12px;color:var(--commerce-text);background:rgba(4,23,34,.74);text-decoration:none;transition:.18s;cursor:pointer}
.deposit-currency:hover{border-color:rgba(82,187,239,.48)}
.deposit-currency.is-active{border-color:var(--commerce-green);background:rgba(152,255,76,.12)}
.deposit-currency-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:#fff;font-weight:900;font-size:1.1rem;background:var(--commerce-green);flex:0 0 auto}
.deposit-currency-name{font-weight:720}

.deposit-address-header{display:flex;align-items:center;gap:12px;padding:0 18px 12px;margin-bottom:14px;border-bottom:1px solid var(--commerce-line)}
.deposit-back{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--commerce-muted);text-decoration:none;background:rgba(4,23,34,.4);font-size:1.1rem;line-height:1}
.deposit-back:hover{color:var(--commerce-text);background:var(--commerce-line-strong)}
.deposit-selected-badge{flex:1;font-size:.85rem;font-weight:720;color:var(--commerce-cyan);padding:6px 12px;border:1px solid rgba(85,213,255,.25);border-radius:20px;background:rgba(85,213,255,.08)}

.deposit-network-select{padding:0 18px 18px}
.deposit-network-label{display:block;font-size:.82rem;color:var(--commerce-muted);margin-bottom:12px}
.deposit-network-list{display:flex;flex-direction:column;gap:10px}
.deposit-network{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;border:1px solid var(--commerce-line);border-radius:12px;color:var(--commerce-text);background:rgba(4,23,34,.74);text-decoration:none;transition:.18s;cursor:pointer}
.deposit-network:hover{border-color:rgba(82,187,239,.48)}
.deposit-network.is-active{border-color:var(--commerce-green);background:rgba(152,255,76,.12)}
.deposit-network::after{content:"›";font-size:.9rem;color:var(--commerce-muted)}

.deposit-error{padding:18px;text-align:center}
.deposit-address-section{padding:0 18px 22px}
.deposit-address-label{display:block;font-size:.82rem;color:var(--commerce-muted);margin-bottom:12px}
.deposit-address-box{position:relative;display:flex;align-items:center;gap:10px;border:1px solid var(--commerce-line);border-radius:12px;background:rgba(2,11,17,.6);overflow:hidden;margin-bottom:16px}
.deposit-network-tag{padding:7px 12px;font-size:.7rem;font-weight:800;color:#081108;background:var(--commerce-green);flex:0 0 auto}
.deposit-address-code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--commerce-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:14px 12px}
.deposit-copy-btn{padding:10px 16px;border:1px solid var(--commerce-line);border-radius:8px;color:var(--commerce-cyan);background:transparent;font-size:.8rem;cursor:pointer}
.deposit-copy-btn:hover{background:rgba(85,213,255,.08);border-color:var(--commerce-cyan)}

.deposit-warning{font-size:.82rem;color:var(--commerce-muted);line-height:1.6;margin-bottom:18px}

.deposit-qrcode{text-align:center;padding:18px 0}
.deposit-qr-label{display:block;font-size:.82rem;color:var(--commerce-muted);margin-bottom:12px}

.deposit-amount-field{display:flex;align-items:center;gap:8px}
.deposit-amount-field input{flex:1;min-width:0;height:44px;border:1px solid var(--commerce-line);border-radius:10px;background:rgba(2,11,17,.5);color:var(--commerce-text);font-size:1.5rem;font-weight:800;padding:0 12px;outline:0}
.deposit-amount-field input::placeholder{color:var(--commerce-muted)}
.deposit-amount-field input:focus{border-color:var(--commerce-green)}
.deposit-currency{font-size:1rem;color:var(--commerce-muted);font-weight:600}
.deposit-payable{margin-top:10px;padding:10px 12px;border:1px solid rgba(152,255,76,.18);border-radius:10px;background:rgba(152,255,76,.06)}
.deposit-payable-label{display:block;font-size:.75rem;color:var(--commerce-muted);margin-bottom:4px}
.deposit-payable-value{font-size:1.25rem;font-weight:800;color:var(--commerce-green);letter-spacing:.5px}
.deposit-payable-coin{font-size:.85rem;color:var(--commerce-text);margin-left:4px}
.deposit-payable-network{font-size:.75rem;color:var(--commerce-muted);margin-left:6px}
.deposit-quick-money{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.deposit-quick-btn{height:34px;background:rgba(2,11,17,.5);border:1px solid var(--commerce-line);border-radius:8px;color:var(--commerce-text);font-size:.85rem;cursor:pointer;transition:.18s}
.deposit-quick-btn:hover{border-color:var(--commerce-green);color:var(--commerce-green)}
.deposit-quick-btn:active{transform:scale(.97)}
.deposit-bottom-actions{display:flex;gap:10px;padding-top:10px;border-top:1px solid var(--commerce-line)}
.order-btn--outline{background:transparent;border-color:var(--commerce-line);color:var(--commerce-text)}
.order-btn--outline:hover{border-color:rgba(82,187,239,.48)}
.order-btn--secondary{background:rgba(4,23,34,.4);border-color:var(--commerce-line);color:var(--commerce-text)}
.order-btn--secondary:hover{background:rgba(4,23,34,.6);border-color:rgba(82,187,239,.48)}

@media(max-width:560px){
  .deposit-amount{padding:0 16px}
  .deposit-crypto-picker,.deposit-network-select,.deposit-address-section{padding:0 16px}
  .deposit-address-header{padding:0 16px 12px}
  .deposit-amount-value{font-size:1.5rem}
  .deposit-amount-field input{font-size:1.25rem}
  .deposit-quick-money{margin-top:12px}
  .deposit-quick-btn{height:32px;font-size:.8rem}
}


/* =========================
   Step 1：preview.html 亮色卡片风格
========================= */

.deposit-step-1 .deposit-header { margin-bottom: 20px; }
.deposit-step-1 .deposit-page-title { font-size: 25px; font-weight: 750; margin: 0 0 7px; color: #15182b; }
.deposit-step-1 .deposit-page-subtitle { font-size: 13px; color: #8a91a3; line-height: 1.6; margin: 0 0 25px; }
.deposit-step-1 .deposit-label { font-size: 13px; font-weight: 500; color: #626b7d; margin-bottom: 9px; display: block; }
.deposit-step-1 .deposit-label.deposit-network-title { margin-top: 25px; }
.deposit-step-1 .deposit-amount-box { height: 64px; border: 1px solid #dfe3eb; border-radius: 12px; display: flex; align-items: center; padding: 0 15px; background: #fff; transition: .2s; }
.deposit-step-1 .deposit-amount-box:focus-within { border-color: #635bff; box-shadow: 0 0 0 3px rgba(99,91,255,.08); }
.deposit-step-1 .deposit-amount-box input { width: 100%; min-width: 0; border: 0; outline: 0; font-size: 27px; font-weight: 700; color: #171a2b; background: transparent; }
.deposit-step-1 .deposit-amount-box input::placeholder { color: #c7ccd5; }
.deposit-step-1 .deposit-currency { font-size: 17px; font-weight: 650; color: #596174; }
.deposit-step-1 .deposit-quick-group { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 10px; }
.deposit-step-1 .deposit-quick-btn { height: 34px; background: #fff; border: 1px solid #e1e5ec; border-radius: 8px; color: #60697b; font-size: 12px; cursor: pointer; transition: .2s; }
.deposit-step-1 .deposit-quick-btn:hover { color: #635bff; border-color: #635bff; }
.deposit-step-1 .deposit-network-list { display: flex; flex-direction: column; gap: 9px; }
.deposit-step-1 .deposit-network-item { display: flex; align-items: center; padding: 13px; border: 1px solid #e0e4eb; border-radius: 12px; cursor: pointer; transition: .2s; text-decoration: none; color: inherit; }
.deposit-step-1 .deposit-network-item:hover { border-color: #bdb8ff; }
.deposit-step-1 .deposit-network-item.active { border: 2px solid #635bff; background: #f8f7ff; padding: 12px; }
.deposit-step-1 .deposit-network-icon { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 12px; color: white; font-weight: 700; font-size: 21px; }
.deposit-step-1 .deposit-network-icon.tron { background: #ef3340; }
.deposit-step-1 .deposit-network-icon.eth { background: #627eea; }
.deposit-step-1 .deposit-network-icon.usdt { background: #26a17b; }
.deposit-step-1 .deposit-network-info { flex: 1; }
.deposit-step-1 .deposit-network-name { font-size: 15px; font-weight: 650; }
.deposit-step-1 .deposit-network-code { color: #929aaa; font-size: 12px; margin-top: 3px; }
.deposit-step-1 .deposit-radio { width: 19px; height: 19px; border-radius: 50%; border: 2px solid #cbd1db; }
.deposit-step-1 .deposit-network-item.active .deposit-radio { border: 5px solid #635bff; }

.deposit-step-1 .deposit-notice { margin-top: 15px; padding: 12px 13px; background: #fff9eb; border: 1px solid #ffe5ac; color: #866a20; border-radius: 10px; font-size: 11px; line-height: 1.65; }
.deposit-step-1 .deposit-payable-box { text-align: center; padding: 13px 0 20px; margin-top: 10px; }
.deposit-step-1 .deposit-payable-label { display: block; font-size: 12px; color: #657084; margin-bottom: 4px; text-align: left; }
.deposit-step-1 .deposit-payable-amount { display: inline-block; }
.deposit-step-1 #depositPayable { font-size: 34px; font-weight: 750; color: #15182b; }
.deposit-step-1 .deposit-payable-unit { color: #657084; font-size: 14px; margin-left: 4px; }
.deposit-step-1 .deposit-payable-network { display: block; font-size: 11px; color: #a0a6b2; margin-top: 6px; text-align: left; }
.deposit-step-1 .deposit-action-group { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.deposit-step-1 .deposit-primary-btn { width: 100%; height: 53px; border: 0; border-radius: 12px; background: #21195f; color: white; font-size: 15px; font-weight: 650; cursor: pointer; transition: .2s; }
.deposit-step-1 .deposit-primary-btn:hover { background: #30277c; }
.deposit-step-1 .deposit-primary-btn:active { transform: scale(.99); }
.deposit-step-1 .deposit-back-link { color: #626b7c; font-size: 13px; text-align: center; text-decoration: none; }
.deposit-step-1 .deposit-back-link:hover { color: #21195f; text-decoration: underline; }

/* =========================
   Step 1：preview.html 亮色卡片风格
========================= */

.deposit-step-1 .deposit-header {
    margin-bottom: 20px;
}

.deposit-step-1 .deposit-page-title {
    font-size: 25px;
    font-weight: 750;
    margin: 0 0 7px;
    color: #15182b;
}

.deposit-step-1 .deposit-page-subtitle {
    font-size: 13px;
    color: #8a91a3;
    line-height: 1.6;
    margin: 0 0 25px;
}

.deposit-step-1 .deposit-label {
    font-size: 13px;
    font-weight: 500;
    color: #626b7d;
    margin-bottom: 9px;
    display: block;
}

.deposit-step-1 .deposit-label.deposit-network-title {
    margin-top: 25px;
}

.deposit-step-1 .deposit-amount-box {
    height: 64px;
    border: 1px solid #dfe3eb;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    background: #fff;
    transition: .2s;
}

.deposit-step-1 .deposit-amount-box:focus-within {
    border-color: #635bff;
    box-shadow: 0 0 0 3px rgba(99,91,255,.08);
}

.deposit-step-1 .deposit-amount-box input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    font-size: 27px;
    font-weight: 700;
    color: #171a2b;
    background: transparent;
}

.deposit-step-1 .deposit-amount-box input::placeholder {
    color: #c7ccd5;
}

.deposit-step-1 .deposit-currency {
    font-size: 17px;
    font-weight: 650;
    color: #596174;
}

.deposit-step-1 .deposit-quick-group {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-top: 10px;
}

.deposit-step-1 .deposit-quick-btn {
    height: 34px;
    background: #fff;
    border: 1px solid #e1e5ec;
    border-radius: 8px;
    color: #60697b;
    font-size: 12px;
    cursor: pointer;
    transition: .2s;
}

.deposit-step-1 .deposit-quick-btn:hover {
    color: #635bff;
    border-color: #635bff;
}

.deposit-step-1 .deposit-network-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.deposit-step-1 .deposit-network-item {
    display: flex;
    align-items: center;
    padding: 13px;
    border: 1px solid #e0e4eb;
    border-radius: 12px;
    cursor: pointer;
    transition: .2s;
    text-decoration: none;
    color: inherit;
}

.deposit-step-1 .deposit-network-item:hover {
    border-color: #bdb8ff;
}

.deposit-step-1 .deposit-network-item.active {
    border: 2px solid #635bff;
    background: #f8f7ff;
    padding: 12px;
}

.deposit-step-1 .deposit-network-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    color: white;
    font-weight: 700;
    font-size: 21px;
}

.deposit-step-1 .deposit-network-icon.tron { background: #ef3340; }
.deposit-step-1 .deposit-network-icon.eth { background: #627eea; }
.deposit-step-1 .deposit-network-icon.usdt { background: #26a17b; }

.deposit-step-1 .deposit-network-info {
    flex: 1;
}

.deposit-step-1 .deposit-network-name {
    font-size: 15px;
    font-weight: 650;
}

.deposit-step-1 .deposit-network-code {
    color: #929aaa;
    font-size: 12px;
    margin-top: 3px;
}

.deposit-step-1 .deposit-radio {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 2px solid #cbd1db;
}

.deposit-step-1 .deposit-network-item.active .deposit-radio {
    border: 5px solid #635bff;
}

.deposit-step-1 .deposit-notice {
    margin-top: 15px;
    padding: 12px 13px;
    background: #fff9eb;
    border: 1px solid #ffe5ac;
    color: #866a20;
    border-radius: 10px;
    font-size: 11px;
    line-height: 1.65;
}

.deposit-step-1 .deposit-payable-box {
    text-align: center;
    padding: 13px 0 20px;
    margin-top: 10px;
}

.deposit-step-1 .deposit-payable-label {
    display: block;
    font-size: 12px;
    color: #657084;
    margin-bottom: 4px;
    text-align: left;
}

.deposit-step-1 .deposit-payable-amount {
    display: inline-block;
}

.deposit-step-1 #depositPayable {
    font-size: 34px;
    font-weight: 750;
    color: #15182b;
}

.deposit-step-1 .deposit-payable-unit {
    color: #657084;
    font-size: 14px;
    margin-left: 4px;
}

.deposit-step-1 .deposit-payable-network {
    display: block;
    font-size: 11px;
    color: #a0a6b2;
    margin-top: 6px;
    text-align: left;
}

.deposit-step-1 .deposit-action-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.deposit-step-1 .deposit-primary-btn {
    width: 100%;
    height: 53px;
    border: 0;
    border-radius: 12px;
    background: #21195f;
    color: white;
    font-size: 15px;
    font-weight: 650;
    cursor: pointer;
    transition: .2s;
}

.deposit-step-1 .deposit-primary-btn:hover {
    background: #30277c;
}

.deposit-step-1 .deposit-primary-btn:active {
    transform: scale(.99);
}

.deposit-step-1 .deposit-back-link {
    color: #626b7c;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}

.deposit-step-1 .deposit-back-link:hover {
    color: #21195f;
    text-decoration: underline;
}