
:root{
 --bg:#f5f7fb;
 --surface:#ffffff;
 --surface2:#f8fafc;
 --ink:#101828;
 --text:#1f2937;
 --muted:#6b7280;
 --line:#dfe5ec;
 --line2:#cfd8e3;
 --blue:#1769ff;
 --blue2:#0f5ce6;
 --cyan:#00a8c6;
 --green:#16a36a;
 --orange:#f59e0b;
 --red:#dc4c5b;
 --dark:#0f172a;
 --soft:#edf4ff;
 --shadow:0 10px 30px rgba(15,23,42,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
 margin:0;
 background:
 linear-gradient(rgba(16,24,40,.025) 1px,transparent 1px),
 linear-gradient(90deg,rgba(16,24,40,.025) 1px,transparent 1px),
 var(--bg);
 background-size:32px 32px;
 color:var(--text);
 font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
 font-size:18px;
 line-height:1.7;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%}
h1,h2,h3{color:var(--ink)}
.v27-header{
 position:sticky;top:0;z-index:100;
 background:rgba(255,255,255,.94);
 border-bottom:1px solid var(--line);
 backdrop-filter:blur(14px);
}
.v27-header-inner{
 width:min(1320px,calc(100% - 36px));
 height:78px;margin:auto;
 display:grid;grid-template-columns:260px 1fr auto;
 align-items:center;gap:22px;
}
.v27-brand{display:flex;align-items:center;gap:11px}
.v27-brand-mark{
 width:44px;height:44px;border-radius:12px;
 background:var(--dark);color:#fff;display:grid;place-items:center;
 font-weight:950;font-size:23px;position:relative;
}
.v27-brand-mark:after{
 content:"";position:absolute;right:-3px;top:-3px;width:10px;height:10px;
 border-radius:3px;background:var(--cyan);border:2px solid #fff;
}
.v27-brand strong,.v27-brand small{display:block}
.v27-brand strong{font-size:24px;line-height:1.15;letter-spacing:-.5px}
.v27-brand small{font-size:10px;color:var(--muted);letter-spacing:1.4px;margin-top:2px}
.v27-nav{display:flex;justify-content:center;align-items:center;gap:4px}
.v27-nav a{
 padding:10px 14px;border-radius:9px;
 font-size:15px;font-weight:750;color:#48566a;
}
.v27-nav a:hover,.v27-nav a.active{background:var(--soft);color:var(--blue)}
.v27-header-actions{display:flex;align-items:center;gap:8px}
.v27-text-link,.v27-account-link{font-size:14px;font-weight:800;padding:9px 12px}
.v27-text-link{color:#526176}
.v27-account-link{background:var(--dark);color:#fff;border-radius:9px}
.v27-page{width:min(1320px,calc(100% - 36px));margin:24px auto 90px}
.v27-code-label{
 display:inline-flex;align-items:center;gap:8px;
 font-size:11px;font-weight:850;letter-spacing:1.4px;color:var(--blue);
}
.v27-code-label:before{
 content:"";width:8px;height:8px;border:2px solid var(--blue);border-radius:2px;
}
.v27-btn,.v27-btn-light,.v27-btn-outline{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:46px;padding:11px 18px;border-radius:10px;
 font-size:14px;font-weight:850;border:0;cursor:pointer;
}
.v27-btn{background:var(--blue);color:#fff}
.v27-btn:hover{background:var(--blue2)}
.v27-btn-light{background:#fff;color:var(--blue);border:1px solid #cfe0ff}
.v27-btn-outline{background:transparent;color:var(--ink);border:1px solid var(--line2)}
.v27-btn.full,.v27-btn-light.full,.v27-btn-outline.full{width:100%}
.v27-home-hero{
 display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);
 gap:12px;
}
.v27-hero-main{
 min-height:480px;padding:48px;
 background:var(--surface);border:1px solid var(--line);
 border-radius:18px;box-shadow:var(--shadow);
 display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;
}
.v27-hero-main:after{
 content:"";position:absolute;right:34px;bottom:28px;width:210px;height:210px;
 background:
 linear-gradient(var(--cyan),var(--cyan)) 0 0/28px 28px no-repeat,
 linear-gradient(var(--blue),var(--blue)) 100% 0/64px 64px no-repeat,
 linear-gradient(var(--dark),var(--dark)) 0 100%/80px 80px no-repeat,
 linear-gradient(#d9e8ff,#d9e8ff) 100% 100%/110px 110px no-repeat;
 opacity:.95;
}
.v27-hero-main h1{
 font-size:clamp(56px,6.4vw,88px);line-height:.96;letter-spacing:-4px;
 margin:20px 0 24px;max-width:850px;
}
.v27-hero-main h1 em{font-style:normal;color:var(--blue)}
.v27-hero-main p{font-size:18px;color:#59677b;max-width:670px;margin:0}
.v27-hero-actions{display:flex;gap:10px;margin-top:30px;position:relative;z-index:2}
.v27-hero-side{display:grid;grid-template-rows:1fr 1fr;gap:12px}
.v27-side-card{
 background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;
 box-shadow:var(--shadow);display:flex;flex-direction:column;
}
.v27-side-card.dark{background:var(--dark);color:#fff;border-color:var(--dark)}
.v27-side-card h2{font-size:26px;margin:6px 0 8px}
.v27-side-card.dark h2{color:#fff}
.v27-side-card p{font-size:13px;color:var(--muted);margin:0}
.v27-side-card.dark p{color:#9cabc0}
.v27-market-mini{margin-top:auto}
.v27-market-mini a{
 display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;
 padding:10px 0;border-top:1px solid rgba(255,255,255,.12);
 font-size:13px;
}
.v27-market-mini b,.v27-market-mini small{display:block}
.v27-market-mini small{font-size:10px;color:#93a1b6}
.v27-market-mini strong{font-size:18px;color:#58d4e6}
.v27-quick-grid{
 display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;
}
.v27-quick{
 min-height:120px;background:#fff;border:1px solid var(--line);border-radius:14px;
 padding:16px;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;
}
.v27-quick-icon{
 width:46px;height:46px;border-radius:10px;display:grid;place-items:center;
 background:var(--soft);color:var(--blue);font-size:20px;font-weight:900;
}
.v27-quick:nth-child(2) .v27-quick-icon{background:#e9fbf7;color:var(--green)}
.v27-quick:nth-child(3) .v27-quick-icon{background:#fff6df;color:#c07a00}
.v27-quick:nth-child(4) .v27-quick-icon{background:#f3efff;color:#7257d8}
.v27-quick b,.v27-quick small{display:block}
.v27-quick b{font-size:17px;color:var(--ink)}
.v27-quick small{font-size:11px;color:var(--muted);margin-top:2px}
.v27-section{margin-top:44px}
.v27-section-head{
 display:flex;justify-content:space-between;align-items:end;margin-bottom:14px;
 padding-bottom:11px;border-bottom:1px solid var(--line2);
}
.v27-section-head h2{font-size:30px;margin:4px 0}
.v27-section-head a,.v27-section-head span{font-size:12px;color:var(--muted)}
.v27-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.v27-category{
 min-height:145px;background:#fff;border:1px solid var(--line);border-radius:14px;
 padding:16px;display:flex;flex-direction:column;
}
.v27-category:hover{border-color:#b7cdf8;box-shadow:0 8px 18px rgba(23,105,255,.06)}
.v27-category span{
 width:38px;height:38px;border-radius:9px;background:#f0f5ff;color:var(--blue);
 display:grid;place-items:center;font-size:16px;font-weight:900;
}
.v27-category h3{font-size:17px;margin:15px 0 3px}
.v27-category p{font-size:11px;color:var(--muted);margin:0}
.v27-category b{font-size:11px;color:var(--blue);margin-top:auto;padding-top:10px}
.v27-market-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.45fr);gap:10px}
.v27-market-table{
 background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
}
.v27-market-head,.v27-market-row{
 display:grid;grid-template-columns:1.5fr .6fr .65fr .75fr;gap:10px;align-items:center;
 padding:13px 16px;
}
.v27-market-head{background:#f6f8fb;font-size:11px;color:var(--muted);font-weight:850}
.v27-market-row{border-top:1px solid var(--line);font-size:13px}
.v27-market-row b,.v27-market-row small{display:block}
.v27-market-row small{font-size:10px;color:var(--muted)}
.v27-market-row strong{font-size:16px;color:var(--green)}
.v27-market-info{
 background:var(--dark);color:#fff;border-radius:14px;padding:24px;
 display:flex;flex-direction:column;justify-content:center;
}
.v27-market-info h2{font-size:28px;color:#fff}
.v27-market-info p{font-size:13px;color:#9dabc0}
.v27-market-info a{margin-top:16px;color:#66d9ea;font-size:13px;font-weight:850}
.v27-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v27-product{
 background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;
}
.v27-product:first-child{grid-column:span 2}
.v27-product-art{
 height:150px;border-radius:10px;background:#111827;color:#fff;padding:15px;
 display:flex;justify-content:space-between;align-items:flex-start;
}
.v27-product:first-child .v27-product-art{height:215px}
.v27-product:nth-child(2n) .v27-product-art{background:#0e7490}
.v27-product:nth-child(3n) .v27-product-art{background:#1d4ed8}
.v27-product:nth-child(4n) .v27-product-art{background:#334155}
.v27-product-art small{font-size:10px;color:#c7d2fe}
.v27-product-art strong{font-size:31px}
.v27-product-meta{padding:12px 3px 3px}
.v27-product-meta h3{font-size:17px;margin:4px 0}
.v27-product-meta p{font-size:10px;color:var(--muted)}
.v27-product-meta>div{display:flex;justify-content:space-between;align-items:center}
.v27-product-meta>div strong{font-size:20px}
.v27-product-meta a{font-size:10px;color:var(--blue);font-weight:850}
.v27-process{
 display:grid;grid-template-columns:300px 1fr;margin-top:44px;
 border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;
}
.v27-process>div{padding:26px;background:#eef4ff}
.v27-process h2{font-size:28px}
.v27-process p{font-size:11px;color:var(--muted)}
.v27-process ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0}
.v27-process li{padding:22px;border-left:1px solid var(--line)}
.v27-process li span,.v27-process li b,.v27-process li small{display:block}
.v27-process li span{font-size:10px;color:var(--blue);font-weight:850}
.v27-process li b{margin-top:25px;font-size:15px}
.v27-process li small{font-size:10px;color:var(--muted)}
.v27-subhead{
 display:flex;justify-content:space-between;align-items:end;
 padding:28px 0 18px;border-bottom:1px solid var(--line2);margin-bottom:18px;
}
.v27-subhead h1{font-size:42px;margin:4px 0}
.v27-subhead p{font-size:13px;color:var(--muted);margin:0}
.v27-subhead>a{font-size:12px;color:var(--blue)}
.v27-alert{
 padding:12px 14px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);
 border-radius:10px;margin:14px 0;font-size:13px;
}
.v27-alert.success{border-left-color:var(--green);color:#15734b}
.v27-alert.error{border-left-color:var(--red);color:#a73845}
.v27-recycle-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}
.v27-form-card,.v27-estimate-card,.v27-panel,.v27-summary-card{
 background:#fff;border:1px solid var(--line);border-radius:14px;
}
.v27-form-card{padding:20px}
.v27-form-block{
 display:grid;grid-template-columns:62px 1fr;gap:14px;
 padding:22px 0;border-bottom:1px solid var(--line);
}
.v27-form-block:last-child{border-bottom:0}
.v27-form-index{
 width:42px;height:42px;border:1px solid #bfd3ff;border-radius:8px;color:var(--blue);
 display:grid;place-items:center;font-size:12px;font-weight:900;background:#f7faff;
}
.v27-form-block h2{font-size:23px;margin:4px 0 16px}
.v27-field,.v27-stack label{display:block;font-size:12px;color:#475569;font-weight:750}
.v27-field input,.v27-field select,.v27-field textarea,
.v27-stack input,.v27-stack select,.v27-stack textarea{
 display:block;width:100%;margin-top:6px;
 background:#fbfcfe;border:1px solid var(--line2);border-radius:9px;
 padding:12px 13px;outline:none;font-size:15px;
}
.v27-field input:focus,.v27-field select:focus,.v27-field textarea:focus,
.v27-stack input:focus,.v27-stack select:focus,.v27-stack textarea:focus{
 border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,255,.07)
}
.v27-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.face-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.face-chip{
 border:1px solid var(--line2);background:#fff;color:var(--text);
 border-radius:8px;padding:8px 12px;box-shadow:none;
}
.face-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}
.v27-upload{
 min-height:105px;border:1px dashed #b7c2d0;border-radius:10px;background:#fafcff;
 display:flex!important;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;
}
.v27-upload b{color:var(--blue)}
.v27-upload span{font-size:10px;color:var(--muted);margin-top:4px}
.upload-real{display:none!important}.upload-preview{display:none;margin-top:10px}.upload-preview img{max-height:180px;border-radius:10px}
.v27-estimate-card{padding:20px;height:max-content;position:sticky;top:100px}
.v27-estimate-card>small{font-size:10px;color:var(--blue);font-weight:850;letter-spacing:1.2px}
.v27-estimate-card h2{font-size:25px}
.v27-estimate-product{background:#f5f8fc;border:1px solid var(--line);padding:14px;border-radius:10px;margin:14px 0}
.v27-estimate-product b,.v27-estimate-product small{display:block}
.v27-estimate-product small{font-size:10px;color:var(--muted)}
.v27-estimate-card dl{margin:0}
.v27-estimate-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.v27-estimate-card dt{font-size:11px;color:var(--muted)}
.v27-estimate-card dd{margin:0;font-size:13px;font-weight:800}
.v27-estimate-total{padding:18px 0}
.v27-estimate-total small,.v27-estimate-total strong{display:block}
.v27-estimate-total strong{font-size:36px;color:var(--blue)}
.v27-estimate-card p{font-size:10px;color:var(--muted)}
.v27-price-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:12px}
.v27-price-tabs a{
 white-space:nowrap;padding:8px 12px;border:1px solid var(--line);background:#fff;
 border-radius:8px;font-size:11px;
}
.v27-price-board{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v27-price-group{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.v27-price-group h2{font-size:23px}
.v27-price-row{
 display:grid;grid-template-columns:1.2fr .55fr .75fr 48px;gap:8px;align-items:center;
 padding:12px 0;border-top:1px solid var(--line);font-size:13px;
}
.v27-price-row b,.v27-price-row small{display:block}
.v27-price-row small{font-size:9px;color:var(--muted)}
.v27-price-row strong{color:var(--green)}
.v27-price-row a{font-size:10px;color:var(--blue);font-weight:850}
.v27-store-top{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-bottom:14px}
.v27-store-intro,.v27-store-info{border-radius:14px;padding:28px}
.v27-store-intro{background:var(--dark);color:#fff}
.v27-store-intro h1{font-size:44px;color:#fff;margin:5px 0}
.v27-store-intro p{font-size:12px;color:#9eabc0}
.v27-store-info{background:#eaf8fb;border:1px solid #cde9ee}
.v27-store-info h2{font-size:25px}
.v27-store-info p{font-size:12px;color:#52707a}
.v27-store-tabs{display:flex;gap:7px;overflow:auto;margin:12px 0}
.v27-store-tabs a{
 white-space:nowrap;padding:8px 12px;border:1px solid var(--line);background:#fff;
 border-radius:8px;font-size:11px;
}
.v27-store-group{margin-top:28px}
.v27-store-group-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}
.v27-store-group-head h2{font-size:26px}.v27-store-group-head span{font-size:10px;color:var(--muted)}
.v27-checkout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:12px}
.v27-check-main{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.v27-check-product{
 display:grid;grid-template-columns:125px 1fr 160px;gap:15px;align-items:center;
 padding-bottom:18px;border-bottom:1px solid var(--line);
}
.v27-check-art{height:105px;border-radius:10px;background:var(--dark);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900}
.v27-check-product h2{font-size:22px;margin:4px 0}
.v27-check-product p{font-size:10px;color:var(--muted)}
.v27-qty{display:grid;grid-template-columns:36px 1fr 36px}
.v27-qty button,.v27-qty input{height:40px;border:1px solid var(--line2);background:#fff;text-align:center}
.v27-qty input{width:100%;border-left:0;border-right:0}
.v27-payment-list{display:grid;gap:8px;margin-top:14px}
.v27-payment-list label{
 position:relative;display:grid;grid-template-columns:50px 1fr 18px;gap:10px;align-items:center;
 border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcfe;cursor:pointer;
}
.v27-payment-list input{position:absolute;opacity:0}
.v27-payment-list label:has(input:checked){border-color:#abc6ff;background:#f1f6ff}
.v27-pay-icon{width:40px;height:40px;border-radius:9px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);font-weight:900}
.v27-payment-list b,.v27-payment-list small{display:block}.v27-payment-list small{font-size:10px;color:var(--muted)}
.v27-bank-box{margin-top:12px;border:1px solid var(--line);background:#fafcff;border-radius:10px;padding:14px}
.v27-bank-box dl div{display:grid;grid-template-columns:110px 1fr;padding:7px 0;border-top:1px solid var(--line)}
.v27-bank-box dt{font-size:10px;color:var(--muted)}.v27-bank-box dd{margin:0;font-size:11px}.v27-bank-box p{font-size:10px;color:var(--muted)}
.v27-summary-card{padding:20px;height:max-content;position:sticky;top:100px}
.v27-summary-card h2{font-size:24px}.v27-summary-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.v27-summary-card dt{font-size:10px;color:var(--muted)}.v27-summary-card dd{margin:0;font-size:11px}
.v27-summary-total{display:flex;justify-content:space-between;align-items:end;padding:18px 0}.v27-summary-total strong{font-size:31px;color:var(--blue)}
.v27-summary-card p{font-size:10px;color:var(--muted)}
.v27-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v27-order-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.v27-order-top{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line)}
.v27-order-top span{font-size:9px;color:var(--muted)}.v27-order-top em{font-style:normal;font-size:9px;color:var(--blue)}
.v27-order-main{display:grid;grid-template-columns:1.4fr .5fr .8fr .8fr;gap:10px;padding:13px 0}
.v27-order-main small{display:block;font-size:9px;color:var(--muted)}
.v27-order-main h2{font-size:17px;margin:3px 0}.v27-order-main p{font-size:9px;color:var(--muted)}
.v27-order-card>a{display:block;text-align:right;color:var(--blue);font-size:10px}
.v27-detail-grid{display:grid;grid-template-columns:280px 1fr;gap:10px}
.v27-status-card,.v27-fact-grid,.v27-delivery,.v27-bank-order{
 background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;
}
.v27-status-card>span{
 width:48px;height:48px;border-radius:10px;background:var(--soft);color:var(--blue);
 display:grid;place-items:center;font-size:20px;
}
.v27-status-card small{display:block;margin-top:18px;font-size:9px;color:var(--muted)}
.v27-status-card h2{font-size:22px}.v27-status-card p{font-size:10px;color:var(--muted)}
.v27-fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v27-fact-grid>div{padding:12px;background:#f7f9fc;border-radius:9px}
.v27-fact-grid small,.v27-fact-grid b,.v27-fact-grid strong{display:block}
.v27-fact-grid small{font-size:9px;color:var(--muted)}
.v27-delivery,.v27-bank-order{margin-top:10px}
.v27-secret-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v27-secret-grid article{background:#f1fbf8;border:1px solid #cfe8df;border-radius:10px;padding:12px}
.v27-secret-grid small,.v27-secret-grid span{display:block;font-size:9px}.v27-secret-grid span{color:var(--green)}
.v27-secret-grid code{display:block;background:#fff;padding:8px;border-radius:7px;margin-top:3px;word-break:break-all}
.v27-member-body{background:#f4f6fa}
.v27-member-top{
 width:min(1280px,calc(100% - 30px));height:70px;margin:14px auto 0;padding:0 16px;
 background:#fff;border:1px solid var(--line);border-radius:14px;
 display:flex;align-items:center;justify-content:space-between;
}
.v27-member-top>div{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted)}
.v27-member-shell{
 width:min(1280px,calc(100% - 30px));margin:12px auto 80px;
 display:grid;grid-template-columns:220px 1fr;gap:12px;
}
.v27-member-side{
 background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;height:max-content;position:sticky;top:96px;
}
.v27-member-user{display:flex;align-items:center;gap:10px;padding:8px 5px 15px;border-bottom:1px solid var(--line)}
.v27-avatar{width:46px;height:46px;border-radius:10px;background:var(--dark);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900}
.v27-member-user strong,.v27-member-user small{display:block}.v27-member-user strong{font-size:15px}.v27-member-user small{font-size:9px;color:var(--muted)}
.v27-member-side nav{padding-top:10px;display:grid;gap:4px}
.v27-member-side nav a{padding:10px;border-radius:9px;font-size:13px;color:#556174}
.v27-member-side nav a:hover,.v27-member-side nav a.active{background:var(--soft);color:var(--blue);font-weight:850}
.v27-member-main{min-width:0}
.v27-member-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
.v27-member-heading small{font-size:10px;color:var(--blue);font-weight:850;letter-spacing:1.2px}
.v27-member-heading h1{font-size:36px;margin:3px 0}
.v27-balance-mini{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 11px}
.v27-balance-mini span{font-size:10px;color:var(--muted)}.v27-balance-mini strong{font-size:20px}.v27-balance-mini a{background:var(--blue);color:#fff;border-radius:8px;padding:6px 9px;font-size:10px}
.v27-account-grid{display:grid;grid-template-columns:1.25fr repeat(4,.55fr);gap:9px}
.v27-balance-card,.v27-stat,.v27-panel{background:#fff;border:1px solid var(--line);border-radius:14px}
.v27-balance-card{padding:20px;background:var(--dark);color:#fff}
.v27-balance-card small{font-size:10px;color:#a9b5c6}.v27-balance-card>strong{display:block;font-size:42px;margin:17px 0 4px}
.v27-balance-card p{font-size:10px;color:#a9b5c6}.v27-balance-card>div{display:flex;gap:7px;margin-top:19px}
.v27-balance-card a{font-size:10px;border:1px solid #41506a;border-radius:8px;padding:7px 9px}
.v27-stat{padding:14px;min-height:115px;display:flex;flex-direction:column}
.v27-stat span{font-size:9px;color:var(--muted)}.v27-stat strong{font-size:30px;margin-top:auto}.v27-stat em{font-style:normal;font-size:9px;color:var(--blue)}
.v27-member-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:9px;margin-top:9px}
.v27-panel{padding:16px}.v27-panel-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:9px;border-bottom:1px solid var(--line)}
.v27-panel-head small{font-size:9px;color:var(--blue)}.v27-panel-head h2{font-size:21px;margin:3px 0}.v27-panel-head a{font-size:10px;color:var(--blue)}
.v27-order-feed article{display:grid;grid-template-columns:1fr 110px 70px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.v27-order-feed small,.v27-order-feed span{display:block;font-size:9px;color:var(--muted)}.v27-order-feed h3{font-size:15px;margin:2px 0}
.v27-order-feed article>strong{text-align:right}.v27-order-feed em{font-style:normal;text-align:right;font-size:9px}
.done{color:var(--green)}.fail{color:var(--red)}.wait{color:#af7600}
.v27-payout{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.v27-payout span{font-size:10px;color:var(--muted)}
.v27-quick-actions{display:grid;gap:6px;margin-top:12px}.v27-quick-actions a{display:flex;justify-content:space-between;background:#f7f9fc;border-radius:8px;padding:9px;font-size:10px}
.v27-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}
.v27-filter-tabs a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:10px}
.v27-filter-tabs a.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.v27-user-order-list{display:grid;gap:8px}
.v27-user-order{
 background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;
 display:grid;grid-template-columns:1.2fr 1fr 70px;gap:14px;align-items:center;
}
.v27-user-order h2{font-size:16px;margin:3px 0}.v27-user-order small,.v27-user-order p{font-size:9px;color:var(--muted)}
.v27-user-order dl{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}.v27-user-order dl div{background:#f7f9fc;border-radius:8px;padding:8px}
.v27-user-order dt{font-size:9px;color:var(--muted)}.v27-user-order dd{margin:2px 0 0;font-size:10px;font-weight:800}.v27-user-order em{font-style:normal;text-align:right;font-size:10px}
.v27-form-layout{display:grid;grid-template-columns:minmax(0,1.25fr) 310px;gap:9px}.v27-stack{display:grid;gap:12px;margin-top:13px}
.v27-stack p{font-size:10px;color:var(--muted)}
.v27-note{background:#eef5ff;border:1px solid #d3e2ff;border-radius:14px;padding:18px}.v27-note h3{font-size:22px}.v27-note p,.v27-note li{font-size:10px;color:#5d6d81;line-height:1.8}
.v27-fund-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.v27-fund-strip div{background:#f7f9fc;border-radius:9px;padding:10px}
.v27-fund-strip small,.v27-fund-strip strong{display:block}.v27-fund-strip small{font-size:9px;color:var(--muted)}
.v27-kyc-grid{display:grid;grid-template-columns:290px 1fr;gap:9px}
.v27-kyc-status{background:var(--dark);color:#fff;border-radius:14px;padding:18px}.v27-kyc-status>span{width:52px;height:52px;border-radius:10px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:21px;margin:18px 0}
.v27-kyc-status small{font-size:9px;color:#a9b5c6}.v27-kyc-status h2{font-size:21px;color:#fff}.v27-kyc-status p{font-size:10px;color:#a9b5c6}
.v27-profile-grid{display:grid;grid-template-columns:250px 1fr;gap:9px}
.v27-profile-card{background:#eef5ff;border:1px solid #d5e3ff;border-radius:14px;padding:18px}.v27-profile-card>span{width:58px;height:58px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}
.v27-profile-card h2{font-size:22px}.v27-profile-card p,.v27-profile-card small{font-size:10px;color:var(--muted)}
.v27-auth{
 min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f5f7fb;
}
.v27-auth-scene{
 padding:72px;display:flex;flex-direction:column;justify-content:center;
 background:
 linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
 var(--dark);
 background-size:34px 34px;color:#fff;
}
.v27-auth-scene>small{font-size:10px;letter-spacing:1.8px;color:#66d9ea}
.v27-auth-scene h1{font-size:clamp(58px,6vw,90px);line-height:.94;letter-spacing:-4px;margin:20px 0;color:#fff}
.v27-auth-scene p{max-width:480px;color:#a8b3c3;font-size:16px}
.v27-auth-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.v27-auth-tags span{border:1px solid #3b4659;padding:7px 10px;border-radius:8px;font-size:10px;color:#cbd5e1}
.v27-auth-form{display:grid;place-items:center;padding:45px}.v27-auth-card{width:min(410px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}
.v27-auth-card>small{font-size:9px;color:var(--blue);font-weight:850}.v27-auth-card h2{font-size:32px;margin:4px 0 18px}.v27-auth-card>p{font-size:10px;color:var(--muted)}
.v27-check{display:flex!important;gap:7px;align-items:flex-start}.v27-check input{width:auto!important;margin-top:2px!important}.v27-check span{font-size:10px;color:var(--muted)}
.v27-content-layout{display:grid;grid-template-columns:250px 1fr;gap:12px}
.v27-content-side{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;height:max-content;position:sticky;top:100px}
.v27-content-side h1{font-size:26px}.v27-content-side p{font-size:10px;color:var(--muted)}.v27-content-side a{display:block;padding:8px 0;border-top:1px solid var(--line);font-size:10px}
.v27-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v27-story{min-height:210px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column}
.v27-story:first-child{grid-column:span 2;min-height:270px;background:#eef5ff}.v27-story small{font-size:9px;color:var(--blue)}.v27-story h2{font-size:23px}.v27-story:first-child h2{font-size:32px}.v27-story p{font-size:10px;color:var(--muted)}.v27-story b{margin-top:auto;color:var(--blue);font-size:10px}
.v27-article{display:grid;grid-template-columns:220px minmax(0,780px);gap:45px;justify-content:center}.v27-article aside{font-size:10px}.v27-article aside>a{color:var(--blue)}
.v27-article aside>div{padding:10px 0;border-top:1px solid var(--line);margin-top:12px}.v27-article aside small,.v27-article aside b{display:block}.v27-article aside small{font-size:9px;color:var(--muted)}
.v27-article section>small{font-size:9px;color:var(--blue)}.v27-article h1{font-size:44px;line-height:1.08}.v27-article-summary{background:#eef5ff;border-left:4px solid var(--blue);padding:13px 15px;font-size:12px}
.v27-article-content{font-size:15px;line-height:2;color:#445064}
.v27-help-head{text-align:center;padding:42px 0 20px}.v27-help-head small{font-size:9px;color:var(--blue)}.v27-help-head h1{font-size:44px}.v27-help-head p{font-size:12px;color:var(--muted)}
.v27-help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v27-help-grid a{min-height:170px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column}
.v27-help-grid span{width:40px;height:40px;border-radius:9px;background:var(--soft);color:var(--blue);display:grid;place-items:center}.v27-help-grid h2{font-size:19px}.v27-help-grid p{font-size:10px;color:var(--muted)}.v27-help-grid b{margin-top:auto;font-size:10px;color:var(--blue)}
.v27-faq{max-width:860px;margin:35px auto}.v27-faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:7px}.v27-faq summary{font-size:13px;font-weight:800}.v27-faq p{font-size:10px;color:var(--muted)}
.v27-pay-result{max-width:500px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;text-align:center;box-shadow:var(--shadow)}
.v27-pay-result>small{font-size:9px;color:var(--blue)}.v27-pay-result>div:first-of-type{width:62px;height:62px;border-radius:10px;background:var(--soft);color:var(--blue);display:grid;place-items:center;font-size:22px;margin:18px auto}.v27-pay-result h1{font-size:29px}.v27-pay-result p{font-size:10px;color:var(--muted)}
.v27-footer{margin-top:70px;background:#0f172a;color:#fff;padding:40px max(16px,calc((100vw - 1320px)/2)) 0}
.v27-footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:28px;padding-bottom:25px}.v27-footer-main>div{display:flex;flex-direction:column;gap:5px}
.v27-footer-brand{flex-direction:row!important;align-items:flex-start;gap:11px!important}.v27-footer-brand strong{font-size:20px}.v27-footer-brand p,.v27-footer-main a{font-size:10px;color:#94a3b8}.v27-footer-main b{font-size:11px}
.v27-footer .site-footer{margin:0;background:transparent;border-top:1px solid #273449;padding:18px 0 28px}.v27-footer .footer-inner{width:100%}.v27-footer .footer-brand{display:none}.v27-footer .footer-company-info,.v27-footer .footer-links,.v27-footer .footer-tip{font-size:10px;color:#7f8ea3}.v27-footer .footer-company-info a{color:#8acfe0}
.v27-mobile-dock{display:none}
.float-actions{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:7px}.float-action{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--blue);box-shadow:var(--shadow)}.fa-text{display:none}
@media(max-width:1080px){
 .v27-header-inner{grid-template-columns:220px 1fr auto}.v27-nav{gap:1px}.v27-nav a{padding:9px 10px}
 .v27-home-hero{grid-template-columns:1fr}.v27-hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .v27-category-grid{grid-template-columns:repeat(3,1fr)}.v27-product-grid{grid-template-columns:repeat(3,1fr)}.v27-product:first-child{grid-column:span 2}
 .v27-account-grid{grid-template-columns:1.2fr repeat(2,.6fr)}.v27-balance-card{grid-row:span 2}.v27-member-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
 body{font-size:17px;padding-bottom:58px}
 .v27-header{position:relative}.v27-header-inner{height:66px;grid-template-columns:1fr auto;width:calc(100% - 20px)}.v27-nav{display:none}.v27-text-link{display:none}.v27-brand-mark{width:39px;height:39px}.v27-brand strong{font-size:20px}
 .v27-page{width:calc(100% - 20px);margin-top:12px}
 .v27-hero-main{min-height:420px;padding:30px}.v27-hero-main:after{width:160px;height:160px;right:20px;bottom:20px;background-size:22px 22px,48px 48px,60px 60px,82px 82px}
 .v27-hero-main h1{font-size:56px}.v27-hero-side{grid-template-columns:1fr 1fr}.v27-quick-grid{grid-template-columns:1fr 1fr}
 .v27-category-grid{grid-template-columns:1fr 1fr}.v27-market-layout{grid-template-columns:1fr}.v27-product-grid{grid-template-columns:1fr 1fr}.v27-product:first-child{grid-column:span 2}
 .v27-process{grid-template-columns:1fr}.v27-process ol{grid-template-columns:1fr 1fr}
 .v27-recycle-layout,.v27-checkout{grid-template-columns:1fr}.v27-estimate-card,.v27-summary-card{position:static}.v27-price-board{grid-template-columns:1fr}.v27-store-top{grid-template-columns:1fr}
 .v27-check-product{grid-template-columns:105px 1fr}.v27-check-product>div:last-child{grid-column:1/span 2}
 .v27-member-top,.v27-member-shell{width:calc(100% - 20px)}.v27-member-shell{grid-template-columns:1fr}.v27-member-side{position:static}.v27-member-side nav{display:flex;overflow:auto;padding-top:10px}.v27-member-side nav a{white-space:nowrap}
 .v27-member-heading{align-items:flex-start;gap:12px;flex-direction:column}.v27-account-grid{grid-template-columns:1fr 1fr}.v27-balance-card{grid-column:span 2;grid-row:auto}
 .v27-form-layout,.v27-kyc-grid,.v27-profile-grid{grid-template-columns:1fr}
 .v27-auth{grid-template-columns:1fr}.v27-auth-scene{min-height:380px;padding:48px 25px}.v27-auth-form{padding:35px 20px}
 .v27-content-layout{grid-template-columns:1fr}.v27-content-side{position:static}.v27-story-grid{grid-template-columns:1fr}.v27-story:first-child{grid-column:1}.v27-article{grid-template-columns:1fr;gap:20px}
 .v27-help-grid{grid-template-columns:1fr 1fr}.v27-order-grid{grid-template-columns:1fr}.v27-detail-grid{grid-template-columns:1fr}.v27-secret-grid{grid-template-columns:1fr}.v27-footer-main{grid-template-columns:1fr 1fr}
 .v27-mobile-dock{position:fixed;left:10px;right:10px;bottom:10px;z-index:99;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(15,23,42,.97);border-radius:13px;padding:5px;box-shadow:0 12px 30px rgba(15,23,42,.25)}
 .v27-mobile-dock a{text-align:center;color:#94a3b8;padding:8px 2px;font-size:10px;border-radius:8px}.v27-mobile-dock a.active{background:var(--blue);color:#fff}.float-actions{bottom:72px}
}
@media(max-width:520px){
 body{font-size:16px}
 .v27-header-inner{height:62px}.v27-brand small{display:none}.v27-account-link{padding:8px 10px;font-size:11px}
 .v27-hero-main{min-height:385px;padding:22px}.v27-hero-main h1{font-size:45px;letter-spacing:-2px}.v27-hero-main p{font-size:14px;max-width:100%}.v27-hero-actions{display:grid;grid-template-columns:1fr 1fr}
 .v27-hero-main:after{display:none}.v27-hero-side{grid-template-columns:1fr 1fr;gap:8px}.v27-side-card{padding:14px;border-radius:12px}.v27-side-card h2{font-size:19px}.v27-side-card p{font-size:10px}.v27-market-mini a{font-size:10px}.v27-market-mini a:nth-child(n+3){display:none}
 .v27-quick-grid{grid-template-columns:1fr 1fr;gap:8px}.v27-quick{min-height:98px;padding:11px;grid-template-columns:38px 1fr}.v27-quick-icon{width:38px;height:38px;font-size:16px}.v27-quick b{font-size:14px}.v27-quick small{font-size:9px}
 .v27-section{margin-top:30px}.v27-section-head h2{font-size:22px}.v27-category-grid{grid-template-columns:1fr 1fr;gap:8px}.v27-category{min-height:130px;padding:12px}.v27-category h3{font-size:14px}.v27-category p{font-size:9px}
 .v27-market-head,.v27-market-row{grid-template-columns:1.4fr .65fr .8fr}.v27-market-head>*:nth-child(2),.v27-market-row>*:nth-child(2){display:none}
 .v27-product-grid{grid-template-columns:1fr 1fr;gap:8px}.v27-product:first-child{grid-column:span 2}.v27-product-art{height:100px}.v27-product:first-child .v27-product-art{height:145px}.v27-product-art strong{font-size:23px}.v27-product-meta h3{font-size:13px}.v27-product-meta p{font-size:8px}
 .v27-process ol{grid-template-columns:1fr 1fr}.v27-process li{padding:16px 12px}
 .v27-subhead{align-items:flex-start;gap:10px;flex-direction:column}.v27-subhead h1{font-size:33px}.v27-form-block{grid-template-columns:35px 1fr;gap:8px}.v27-two{grid-template-columns:1fr}
 .v27-price-row{grid-template-columns:1fr .6fr 45px}.v27-price-row>*:nth-child(3){display:none}
 .v27-store-intro h1{font-size:34px}.v27-check-product{grid-template-columns:1fr}.v27-check-product>div:last-child{grid-column:1}
 .v27-member-heading h1{font-size:30px}.v27-account-grid{grid-template-columns:1fr}.v27-balance-card{grid-column:1}.v27-user-order{grid-template-columns:1fr}.v27-user-order dl{grid-template-columns:repeat(3,1fr)}.v27-user-order em{text-align:left}.v27-fund-strip{grid-template-columns:1fr}
 .v27-auth-scene h1{font-size:52px}.v27-story:first-child h2{font-size:25px}.v27-article h1{font-size:35px}.v27-help-grid{grid-template-columns:1fr 1fr}.v27-footer-main{grid-template-columns:1fr}.v27-footer-brand{grid-column:1}
}


/* ================= V28 Marketplace / 大型综合电商风 ================= */
:root{
 --bg:#eaeded;
 --surface:#ffffff;
 --surface2:#f7f8f8;
 --ink:#0f1111;
 --text:#0f1111;
 --muted:#565959;
 --line:#d5d9d9;
 --line2:#b8c2cc;
 --blue:#146eb4;
 --blue2:#0f5f9d;
 --cyan:#00a8e1;
 --green:#067d62;
 --orange:#ff9900;
 --red:#b12704;
 --dark:#131921;
 --soft:#f3f3f3;
 --shadow:0 2px 8px rgba(15,17,17,.10);
}
body{background:#eaeded;background-image:none;color:#0f1111;font-size:17px}
.v28-header{position:sticky;top:0;z-index:100;background:#131921;color:#fff}
.v28-top{width:min(1440px,calc(100% - 24px));min-height:70px;margin:auto;display:grid;grid-template-columns:235px minmax(360px,1fr) auto;gap:14px;align-items:center;padding:8px 0}
.v28-brand{display:flex;align-items:center;gap:9px;color:#fff;padding:5px 7px;border:1px solid transparent}
.v28-brand:hover{border-color:#fff}
.v28-logo{width:42px;height:42px;border-radius:7px;background:#ff9900;color:#131921;display:grid;place-items:center;font-weight:950;font-size:24px}
.v28-brand>span:last-child strong,.v28-brand>span:last-child small{display:block}
.v28-brand>span:last-child strong{font-size:24px;line-height:1.05}
.v28-brand>span:last-child small{font-size:9px;color:#c7d0d9;margin-top:3px;letter-spacing:.7px}
.v28-search{height:46px;display:grid;grid-template-columns:95px 1fr 52px;border-radius:7px;overflow:hidden;box-shadow:0 0 0 2px transparent}
.v28-search:focus-within{box-shadow:0 0 0 3px #ff9900}
.v28-search select{border:0;background:#e6e6e6;padding:0 10px;font-size:12px;color:#333}
.v28-search input{border:0;padding:0 14px;background:#fff;color:#111;font-size:15px;min-width:0}
.v28-search button{border:0;background:#febd69;color:#111;font-size:26px;cursor:pointer}
.v28-search button:hover{background:#f3a847}
.v28-account{display:flex;gap:5px;align-items:stretch}
.v28-account>a{display:flex;flex-direction:column;justify-content:center;padding:5px 8px;border:1px solid transparent;white-space:nowrap}
.v28-account>a:hover{border-color:#fff}
.v28-account small{font-size:10px;color:#d9e0e7}
.v28-account b{font-size:12px;color:#fff}
.v28-subnav{background:#232f3e}
.v28-subnav-inner{width:min(1440px,calc(100% - 24px));height:42px;margin:auto;display:flex;align-items:center;gap:4px;overflow:auto}
.v28-subnav-inner>a{white-space:nowrap;padding:8px 10px;border:1px solid transparent;font-size:12px;color:#fff;font-weight:700}
.v28-subnav-inner>a:hover,.v28-subnav-inner>a.active{border-color:#fff}
.v28-subnav-right{margin-left:auto!important;color:#ffd58a!important}
.v28-page{width:min(1440px,calc(100% - 24px));margin:0 auto 70px}
.v28-hero-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 255px;gap:10px;padding-top:14px}
.v28-catmenu,.v28-userbox,.v28-feature-row,.v28-section,.v28-process{background:#fff}
.v28-catmenu{padding:15px 0;border:1px solid #ddd}
.v28-catmenu h2{font-size:19px;margin:0 14px 8px}
.v28-catmenu>a{display:flex;justify-content:space-between;gap:8px;padding:7px 14px;font-size:12px;color:#333}
.v28-catmenu>a:hover{background:#f3f3f3;color:#c45500}
.v28-catmenu>a.more{border-top:1px solid #eee;margin-top:5px;color:#007185;padding-top:10px}
.v28-hero{min-height:420px;background:linear-gradient(120deg,#dcefff 0%,#eef6fb 56%,#c8e6f0 100%);position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;padding:38px}
.v28-hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.v28-hero-copy>span{font-size:12px;color:#146eb4;font-weight:800}
.v28-hero-copy h1{font-size:54px;line-height:1.02;letter-spacing:-2px;margin:12px 0 15px}
.v28-hero-copy p{font-size:15px;color:#44515c;max-width:560px}
.v28-hero-copy>div{display:flex;gap:9px;margin-top:18px}
.v28-primary,.v28-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid transparent}
.v28-primary{background:#ffd814;border-color:#fcd200;color:#0f1111;box-shadow:0 2px 5px rgba(213,217,217,.5)}
.v28-primary:hover{background:#f7ca00}
.v28-secondary{background:#fff;border-color:#d5d9d9;color:#0f1111}
.v28-secondary:hover{background:#f7fafa}
.v28-primary.full,.v28-secondary.full{width:100%;margin-top:8px}
.v28-hero-visual{position:relative;min-height:330px}
.v28-hero-visual .card{position:absolute;width:180px;height:112px;border-radius:15px;padding:17px;color:#fff;box-shadow:0 16px 32px rgba(15,23,42,.18);display:flex;flex-direction:column;justify-content:space-between}
.v28-hero-visual .card small{font-size:9px;letter-spacing:1.4px}
.v28-hero-visual .card b{font-size:30px}
.v28-hero-visual .one{background:linear-gradient(135deg,#146eb4,#00a8e1);right:72px;top:45px;transform:rotate(-6deg)}
.v28-hero-visual .two{background:linear-gradient(135deg,#232f3e,#37475a);right:6px;top:132px;transform:rotate(5deg)}
.v28-hero-visual .three{background:linear-gradient(135deg,#ff9900,#f3a847);color:#111;right:116px;top:220px;transform:rotate(-2deg)}
.v28-userbox{border:1px solid #ddd;padding:18px;text-align:center}
.v28-user-avatar{width:58px;height:58px;border-radius:50%;background:#232f3e;color:#fff;display:grid;place-items:center;margin:0 auto 10px;font-size:22px;font-weight:900}
.v28-userbox h3{font-size:17px;margin:5px 0}.v28-userbox p{font-size:11px;color:#565959;margin:0 0 10px}
.v28-userlinks{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.v28-userlinks a{font-size:10px;color:#007185}
.v28-user-tips{border-top:1px solid #eee;margin-top:14px;padding-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:6px;text-align:left}
.v28-user-tips span{font-size:9px;color:#565959}
.v28-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:10px;border:1px solid #ddd}
.v28-feature-row>a{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;padding:17px;border-right:1px solid #eee}
.v28-feature-row>a:last-child{border-right:0}.v28-feature-row>a:hover{background:#fafafa}
.v28-feature-row>a>span{width:42px;height:42px;border-radius:50%;background:#f3f3f3;color:#146eb4;display:grid;place-items:center;font-size:19px;font-weight:900}
.v28-feature-row b,.v28-feature-row small{display:block}.v28-feature-row b{font-size:15px}.v28-feature-row small{font-size:9px;color:#565959}
.v28-section{margin-top:16px;padding:18px;border:1px solid #ddd}
.v28-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}
.v28-section-title h2{font-size:23px;margin:0}.v28-section-title a{font-size:11px;color:#007185}
.v28-deal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.v28-deal{border:1px solid #e2e2e2;padding:15px;min-height:180px}.v28-deal:hover{box-shadow:0 2px 8px rgba(15,17,17,.12)}
.v28-deal-brand{width:46px;height:46px;border-radius:50%;background:#eef5f9;display:grid;place-items:center;color:#146eb4;font-weight:900}
.v28-deal h3{font-size:16px;margin:12px 0 3px}.v28-deal p{font-size:10px;color:#565959}.v28-deal>div:last-child{display:flex;justify-content:space-between;align-items:end;margin-top:16px}.v28-deal strong{font-size:22px;color:#b12704}.v28-deal span{font-size:9px;color:#565959}
.v28-price-panel{padding-bottom:8px}.v28-price-head,.v28-price-row{display:grid;grid-template-columns:1.5fr .6fr .6fr .7fr 60px;gap:10px;align-items:center}.v28-price-head{padding:9px 8px;background:#f7f8f8;font-size:10px;color:#565959;font-weight:700}.v28-price-row{padding:12px 8px;border-top:1px solid #eee;font-size:12px}.v28-price-row b,.v28-price-row small{display:block}.v28-price-row small{font-size:9px;color:#565959}.v28-price-row strong{color:#067d62}.v28-price-row a{color:#007185;font-size:10px}
.v28-products{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.v28-product{border:1px solid #e0e0e0;background:#fff}.v28-product:hover{box-shadow:0 2px 8px rgba(15,17,17,.12)}
.v28-product-art{height:155px;background:#f3f3f3;padding:15px;display:flex;justify-content:space-between;align-items:flex-start}.v28-product:nth-child(3n+1) .v28-product-art{background:#e8f1f8}.v28-product:nth-child(3n+2) .v28-product-art{background:#f6efe4}.v28-product:nth-child(3n+3) .v28-product-art{background:#eef4e8}
.v28-product-art small{font-size:9px;color:#565959}.v28-product-art b{font-size:28px}
.v28-product-body{padding:12px}.v28-product-body h3{font-size:14px;margin:0 0 5px}.v28-product-body p{font-size:9px;color:#565959}.v28-product-body strong{display:block;font-size:20px;color:#b12704}.v28-product-body span{font-size:9px;color:#007185}
.v28-empty{padding:25px;text-align:center;color:#565959}
.v28-process{margin-top:16px;padding:18px;border:1px solid #ddd}.v28-process h2{font-size:22px;margin:0 0 13px}
.v28-process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.v28-process span{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:12px;border-right:1px solid #eee}.v28-process span:last-child{border-right:0}.v28-process b{grid-row:1/span 2;width:34px;height:34px;border-radius:50%;background:#232f3e;color:#fff;display:grid;place-items:center}.v28-process small{font-size:9px;color:#565959}

/* V27内部页面统一切换到Marketplace配色 */
.v27-header,.v27-footer{display:none}
.v27-page,.v27-member-shell,.v27-member-top{font-family:inherit}
.v27-btn,.v27-btn-light,.v27-btn-outline{border-radius:999px}
.v27-btn{background:#ffd814;color:#111;border:1px solid #fcd200}.v27-btn:hover{background:#f7ca00}
.v27-btn-light{background:#fff;color:#111;border-color:#d5d9d9}.v27-btn-outline{background:#fff;border-color:#d5d9d9}
.v27-code-label{color:#146eb4}.v27-code-label:before{border-color:#146eb4}
.v27-subhead{background:#fff;padding:20px;border:1px solid #ddd;margin-top:14px}.v27-subhead h1{font-size:36px}
.v27-form-card,.v27-estimate-card,.v27-panel,.v27-summary-card,.v27-price-group,.v27-check-main,.v27-order-card,.v27-status-card,.v27-fact-grid,.v27-delivery,.v27-bank-order,.v27-content-side,.v27-story,.v27-help-grid a,.v27-faq details,.v27-pay-result{border-radius:8px;box-shadow:none}
.v27-form-card,.v27-estimate-card,.v27-panel,.v27-summary-card,.v27-price-group,.v27-check-main,.v27-order-card,.v27-status-card,.v27-fact-grid,.v27-delivery,.v27-bank-order,.v27-content-side,.v27-story,.v27-help-grid a,.v27-faq details,.v27-pay-result{border-color:#d5d9d9}
.v27-form-index{border-color:#febd69;color:#c45500;background:#fff7e8}
.face-chip.active{background:#232f3e;border-color:#232f3e}
.v27-estimate-card>small,.v27-panel-head small,.v27-member-heading small,.v27-content-side a,.v27-story small,.v27-story b,.v27-article aside>a,.v27-article section>small,.v27-help-head small,.v27-help-grid b{color:#007185}
.v27-estimate-total strong,.v27-summary-total strong{color:#b12704}
.v27-store-intro{background:#232f3e;border-radius:8px}.v27-store-info{background:#fff;border-color:#d5d9d9;border-radius:8px}
.v27-product-art{border-radius:4px}.v27-product{border-radius:8px}
.v27-member-body{background:#eaeded}
.v27-member-top{border-radius:8px;background:#131921;color:#fff}.v27-member-top .v27-brand strong{color:#fff}.v27-member-top .v27-brand small{color:#c7d0d9}.v27-member-top>div{color:#d7dee6}
.v27-member-shell{grid-template-columns:230px 1fr}.v27-member-side{border-radius:8px}.v27-member-side nav a{border-radius:5px}.v27-member-side nav a:hover,.v27-member-side nav a.active{background:#eaeded;color:#c45500}
.v27-avatar{background:#232f3e;border-radius:50%}.v27-balance-mini{border-radius:8px}.v27-balance-mini a{background:#ffd814;color:#111;border-radius:999px}
.v27-balance-card{background:#232f3e;border-radius:8px}.v27-stat,.v27-panel{border-radius:8px}
.v27-filter-tabs a{border-radius:999px}.v27-filter-tabs a.active{background:#232f3e;border-color:#232f3e}
.v27-kyc-status{background:#232f3e;border-radius:8px}.v27-profile-card{border-radius:8px;background:#f7f8f8}
.v27-auth-scene{background:#232f3e;background-image:none}.v27-auth-card{border-radius:8px}
.v27-article-summary{background:#f7f8f8;border-color:#ff9900}.v27-mobile-dock{display:none!important}

/* footer */
.v28-footer{background:#131a22;color:#fff;margin-top:40px}
.v28-backtop{display:block;text-align:center;background:#37475a;padding:13px;color:#fff;font-size:11px}.v28-backtop:hover{background:#485769}
.v28-footer-main{width:min(1000px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:45px;padding:35px 0 28px}.v28-footer-main>div{display:flex;flex-direction:column;gap:6px}.v28-footer-main b{font-size:13px}.v28-footer-main a{font-size:10px;color:#ddd}.v28-footer-main a:hover{text-decoration:underline}
.v28-footer-brand{border-top:1px solid #3a4553;display:flex;justify-content:center;align-items:center;gap:9px;padding:20px}.v28-footer-brand strong{font-size:18px}
.v28-footer .site-footer{margin:0;background:#0f151d;border:0;padding:18px max(16px,calc((100vw - 1200px)/2)) 24px}.v28-footer .footer-inner{width:100%}.v28-footer .footer-brand{display:none}.v28-footer .footer-company-info,.v28-footer .footer-links,.v28-footer .footer-tip{font-size:9px;color:#8f9aaa}.v28-footer .footer-company-info a{color:#c9d5e3}
.v28-mobile-dock{display:none}

@media(max-width:1100px){
 .v28-top{grid-template-columns:190px minmax(300px,1fr) auto}.v28-account>a:nth-child(2){display:none}
 .v28-hero-grid{grid-template-columns:190px 1fr}.v28-userbox{display:none}
 .v28-products{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:820px){
 body{padding-bottom:58px}
 .v28-header{position:relative}
 .v28-top{width:calc(100% - 16px);grid-template-columns:1fr auto;min-height:auto;padding:8px 0}
 .v28-brand{padding:3px}.v28-logo{width:36px;height:36px;font-size:20px}.v28-brand>span:last-child strong{font-size:20px}.v28-brand>span:last-child small{display:none}
 .v28-account>a:nth-child(2){display:none}.v28-account small{font-size:8px}.v28-account b{font-size:10px}
 .v28-search{grid-column:1/span 2;grid-row:2;height:42px;grid-template-columns:75px 1fr 48px}.v28-search input{font-size:14px}.v28-search select{font-size:10px}
 .v28-subnav-inner{width:calc(100% - 12px);height:38px}.v28-subnav-right{display:none}.v28-subnav-inner>a{font-size:10px;padding:7px 8px}
 .v28-page{width:calc(100% - 16px)}
 .v28-hero-grid{grid-template-columns:1fr}.v28-catmenu{display:none}.v28-hero{min-height:390px;padding:28px;grid-template-columns:1fr .8fr}.v28-hero-copy h1{font-size:44px}.v28-hero-visual .card{width:145px;height:92px}.v28-hero-visual .card b{font-size:23px}.v28-hero-visual .one{right:40px}.v28-hero-visual .two{right:0}.v28-hero-visual .three{right:70px;top:212px}
 .v28-feature-row{grid-template-columns:1fr 1fr}.v28-feature-row>a:nth-child(2){border-right:0}.v28-feature-row>a:nth-child(-n+2){border-bottom:1px solid #eee}
 .v28-deal-grid{grid-template-columns:1fr 1fr}.v28-products{grid-template-columns:repeat(3,1fr)}
 .v28-process>div{grid-template-columns:1fr 1fr}.v28-process span:nth-child(2){border-right:0}
 .v28-footer-main{grid-template-columns:1fr 1fr;gap:25px}
 .v28-mobile-dock{position:fixed;left:0;right:0;bottom:0;z-index:99;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #d5d9d9;box-shadow:0 -2px 8px rgba(15,17,17,.08)}.v28-mobile-dock a{text-align:center;padding:10px 2px;font-size:10px;color:#565959}.v28-mobile-dock a.active{color:#c45500;font-weight:850}
 .float-actions{bottom:66px}
}
@media(max-width:560px){
 body{font-size:16px}
 .v28-hero{min-height:350px;padding:20px;display:block}.v28-hero-copy h1{font-size:38px}.v28-hero-copy p{font-size:13px}.v28-hero-copy>div{display:grid;grid-template-columns:1fr 1fr}.v28-hero-visual{display:none}
 .v28-feature-row>a{padding:13px 10px;grid-template-columns:38px 1fr}.v28-feature-row>a>span{width:36px;height:36px}.v28-feature-row b{font-size:13px}.v28-feature-row small{font-size:8px}
 .v28-section{padding:13px}.v28-section-title h2{font-size:19px}.v28-section-title a{font-size:9px}
 .v28-deal-grid{gap:7px}.v28-deal{padding:11px;min-height:160px}.v28-deal-brand{width:38px;height:38px}.v28-deal h3{font-size:13px}.v28-deal p{font-size:8px}.v28-deal strong{font-size:18px}.v28-deal span{font-size:8px}
 .v28-price-head,.v28-price-row{grid-template-columns:1.4fr .65fr .75fr 45px}.v28-price-head>*:nth-child(2),.v28-price-row>*:nth-child(2){display:none}.v28-price-row{font-size:10px;padding:10px 4px}
 .v28-products{grid-template-columns:1fr 1fr;gap:7px}.v28-product-art{height:110px;padding:10px}.v28-product-art b{font-size:22px}.v28-product-body{padding:9px}.v28-product-body h3{font-size:12px}.v28-product-body p{font-size:8px}.v28-product-body strong{font-size:17px}
 .v28-process{padding:13px}.v28-process h2{font-size:18px}.v28-process span{font-size:11px;padding:10px;grid-template-columns:30px 1fr}.v28-process b{width:28px;height:28px}.v28-process small{font-size:8px}
 .v28-footer-main{grid-template-columns:1fr 1fr;gap:18px;padding-top:25px}
 .v27-subhead h1{font-size:30px}
}

.v28-store-banner{margin-top:14px;background:#fff;border:1px solid #ddd;min-height:180px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background-image:linear-gradient(90deg,#fff 0%,#fff 55%,#eef5f9 100%)}
.v28-store-banner small{font-size:10px;color:#146eb4;font-weight:850;letter-spacing:1px}.v28-store-banner h1{font-size:38px;margin:5px 0}.v28-store-banner p{font-size:12px;color:#565959;margin:0}.v28-store-banner.prices{background-image:linear-gradient(90deg,#fff 0%,#fff 55%,#fff4df 100%)}
.v28-store-cats{display:flex;gap:0;background:#fff;border:1px solid #ddd;border-top:0;overflow:auto}.v28-store-cats a{white-space:nowrap;padding:11px 14px;border-right:1px solid #eee;font-size:11px;color:#007185}.v28-store-cats a:hover{background:#f7f8f8}.v28-store-cats small{color:#565959}
.v28-search-result{background:#fff;border:1px solid #ddd;border-top:0;padding:12px 14px;font-size:11px}.v28-search-result a{color:#007185}
@media(max-width:560px){.v28-store-banner{min-height:140px;padding:18px;align-items:flex-start;flex-direction:column}.v28-store-banner h1{font-size:28px}}




/* ================= V30 企业底部信息优化 ================= */
.v28-footer .site-footer{
  margin:0;
  background:#0f151d;
  border-top:1px solid #344151;
  padding:0;
}
.v28-footer .site-footer .footer-inner{
  width:min(1200px,calc(100% - 30px));
  margin:0 auto;
  padding:26px 0 24px;
}
.v28-footer .footer-company-card{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);
  gap:34px;
  align-items:stretch;
  padding:22px;
  border:1px solid #344151;
  background:#18212c;
  border-radius:10px;
}
.v28-footer .footer-company-head{
  display:flex;
  gap:14px;
  align-items:flex-start;
  min-width:0;
}
.v28-footer .footer-company-brandmark{
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:8px;
  background:#ff9900;
  color:#131921;
  display:grid;
  place-items:center;
  font-size:23px;
  font-weight:950;
}
.v28-footer .footer-company-heading{
  min-width:0;
}
.v28-footer .footer-company-heading small{
  display:block;
  color:#8f9aaa;
  font-size:9px;
  letter-spacing:1.5px;
  margin-bottom:4px;
}
.v28-footer .footer-company-heading h3{
  margin:0;
  color:#fff;
  font-size:17px;
  line-height:1.45;
}
.v28-footer .footer-company-heading p{
  margin:5px 0 0;
  color:#9eabb9;
  font-size:10px;
}
.v28-footer .footer-company-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.v28-footer .footer-company-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-width:0;
  padding:11px 12px;
  background:#131a22;
  border:1px solid #303b49;
  border-radius:8px;
}
.v28-footer .footer-company-item-address{
  grid-column:1 / -1;
}
.v28-footer .footer-company-icon{
  width:32px;
  height:32px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:#232f3e;
  color:#ffbd69;
  font-size:11px;
  font-weight:900;
}
.v28-footer .footer-company-item small{
  display:block;
  color:#7f8b99;
  font-size:9px;
  margin-bottom:2px;
}
.v28-footer .footer-company-item strong,
.v28-footer .footer-company-item a{
  display:block;
  color:#e7edf3;
  font-size:10px;
  line-height:1.55;
  font-weight:600;
  word-break:break-word;
}
.v28-footer .footer-company-item a:hover{
  color:#ffbd69;
  text-decoration:underline;
}
.v28-footer .footer-legal-row{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  padding-top:18px;
}
.v28-footer .footer-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  color:#8290a0;
  font-size:9px;
}
.v28-footer .footer-links a{
  color:#aab5c2;
}
.v28-footer .footer-links a:hover{
  color:#fff;
  text-decoration:underline;
}
.v28-footer .footer-sep{
  color:#465363;
}
.v28-footer .footer-tip{
  flex:0 0 auto;
  color:#728091;
  font-size:9px;
  white-space:nowrap;
}
@media(max-width:900px){
  .v28-footer .footer-company-card{
    grid-template-columns:1fr;
    gap:18px;
  }
  .v28-footer .footer-company-grid{
    grid-template-columns:1fr 1fr;
  }
  .v28-footer .footer-company-item-address{
    grid-column:1 / -1;
  }
}
@media(max-width:560px){
  .v28-footer .site-footer .footer-inner{
    width:calc(100% - 20px);
    padding:18px 0 20px;
  }
  .v28-footer .footer-company-card{
    padding:15px;
    border-radius:8px;
  }
  .v28-footer .footer-company-brandmark{
    width:42px;
    height:42px;
    flex-basis:42px;
    font-size:20px;
  }
  .v28-footer .footer-company-heading h3{
    font-size:15px;
  }
  .v28-footer .footer-company-grid{
    grid-template-columns:1fr;
  }
  .v28-footer .footer-company-item-address{
    grid-column:auto;
  }
  .v28-footer .footer-company-item{
    padding:10px;
  }
  .v28-footer .footer-company-item strong,
  .v28-footer .footer-company-item a{
    font-size:10px;
  }
  .v28-footer .footer-legal-row{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  .v28-footer .footer-tip{
    white-space:normal;
  }
}
