/* 2026 shared visual system */
:root{--ds-brand:#ff5a1f;--ds-deep:#e64812;--ds-ink:#101828;--ds-muted:#667085;--ds-canvas:#f6f8fb;--ds-line:#e7eaf0;--ds-shadow:0 8px 28px rgba(16,24,40,.07);--ds-shadow-lg:0 18px 50px rgba(16,24,40,.12)}
html{scroll-behavior:smooth}body{color:var(--ds-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a,input,select,textarea{transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,90,31,.18);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--ds-brand),#ff7a36);border-radius:10px;box-shadow:0 6px 16px rgba(255,90,31,.2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(255,90,31,.28)}
@media(min-width:1024px){.buyer-body .pc-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(231,234,240,.85);box-shadow:0 4px 18px rgba(16,24,40,.035);backdrop-filter:blur(18px)}.buyer-body .pc-header-inner{height:88px;max-width:1240px;grid-template-columns:220px minmax(300px,1fr) 400px;gap:30px;padding:0 20px}.buyer-body .pc-logo img{width:62px;height:66px}.buyer-body .pc-search{width:100%;height:46px;border:1px solid #e1e5eb;border-radius:999px;background:#f8fafc;box-shadow:inset 0 1px 2px rgba(16,24,40,.02)}.buyer-body .pc-search:hover{border-color:#cfd5de;background:#fff}.buyer-body .pc-search:after{padding:9px 21px;border-radius:999px;background:linear-gradient(135deg,var(--ds-brand),#ff7650);box-shadow:0 4px 12px rgba(255,90,31,.2)}.buyer-body .pc-nav{height:52px;max-width:860px}.buyer-body .pc-nav a{height:52px;font-size:14px;font-weight:600;color:#344054}.buyer-body .pc-nav a.router-link-active:after{height:3px;border-radius:3px;background:var(--ds-brand)}.buyer-body .home-page{max-width:1240px;padding:22px 20px 64px}.buyer-body .pc-hero-grid{height:336px;gap:14px}.buyer-body .banner-wrap{height:336px;border-radius:20px;box-shadow:var(--ds-shadow-lg)}.buyer-body .banner-slide img{height:336px}.buyer-body .pc-promo-grid{gap:12px}.buyer-body .pc-promo-card{border-radius:16px;box-shadow:0 5px 18px rgba(16,24,40,.07)}.buyer-body .pc-promo-card:hover{transform:translateY(-3px);box-shadow:var(--ds-shadow)}.buyer-body .pc-section-head{margin-top:50px;padding-bottom:20px}.buyer-body .pc-section-head strong,.buyer-body .section-title{font-size:23px;letter-spacing:-.35px}.buyer-body .pc-section-head a{color:var(--ds-muted);font-weight:600}.buyer-body .cat-wall{gap:14px;padding:0 0 18px;justify-content:space-between}.buyer-body .cat-wall .cat-tab{flex:1;max-width:100px}.buyer-body .cat-wall .cat-dot{width:100%;height:78px;border:1px solid var(--ds-line);border-radius:14px;background:linear-gradient(145deg,#fff,#f8fafc)!important}.buyer-body .cat-wall .cat-tab:hover .cat-dot{border-color:#ffd4c5;transform:translateY(-3px);box-shadow:0 9px 22px rgba(16,24,40,.08)}.buyer-body .cat-wall .cat-name{width:100%;color:#475467;font-weight:600}.buyer-body .pc-seller-strip{min-height:118px;margin:34px 0 42px;padding:0 42px;border-radius:18px;background:radial-gradient(circle at 85% 10%,rgba(255,90,31,.75),transparent 36%),linear-gradient(120deg,#101828,#1d2939);box-shadow:var(--ds-shadow-lg)}.buyer-body .goods-grid{gap:22px}.buyer-body .goods-card{overflow:hidden;border:1px solid #edf0f4;border-radius:16px!important;box-shadow:0 3px 12px rgba(16,24,40,.045)!important}.buyer-body .goods-card:hover{transform:translateY(-5px);border-color:#e2e6ec;box-shadow:0 16px 34px rgba(16,24,40,.11)!important}.buyer-body .goods-card .ginfo{padding:13px 14px 15px}.buyer-body .goods-card .gprice{color:var(--ds-deep)!important}}
@media(max-width:767px){.buyer-body,.seller-body{background:var(--ds-canvas)}.buyer-body .home-topbar{height:62px;padding:9px 12px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 4px 16px rgba(16,24,40,.045)}.buyer-body .home-search{height:42px;border:1px solid #e5e8ed;background:#f5f7fa}.buyer-body .banner-wrap{height:184px;border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.1)}.buyer-body .banner-slide img{height:184px}.buyer-body .king-kong{margin:12px 10px;border-radius:16px;box-shadow:0 4px 16px rgba(16,24,40,.05)}.buyer-body .cat-tab{border:0!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(16,24,40,.06)!important}.buyer-body .goods-card{border-radius:14px!important;box-shadow:0 4px 14px rgba(16,24,40,.055)!important}.buyer-body .bottom-nav{border:1px solid rgba(231,234,240,.9);background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(16,24,40,.16);backdrop-filter:blur(18px)}}
@media(min-width:768px){.seller-body .seller-page{grid-template-columns:252px minmax(0,1fr)}.seller-body .pc-sidebar{padding:0 14px 24px;background:linear-gradient(180deg,#101828,#182230);box-shadow:8px 0 30px rgba(16,24,40,.08)}.seller-body .ps-brand{margin:0 -14px 18px;padding:20px;border-color:rgba(255,255,255,.08)}.seller-body .ps-link{min-height:43px;padding:10px 13px;border-radius:10px;color:#aeb8ca}.seller-body .ps-link:hover{background:rgba(255,255,255,.07);color:#fff}.seller-body .ps-link.router-link-active{background:linear-gradient(135deg,var(--ds-brand),#ff7844);color:#fff;box-shadow:0 7px 18px rgba(255,90,31,.25)}.seller-body .seller-main{padding:26px 32px 64px;background:var(--ds-canvas)}.seller-body .seller-main>.topbar,.seller-body .seller-main>div>.topbar{margin:-26px -32px 26px;padding:0 32px;min-height:66px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.seller-body .wallet-card{border-radius:16px;background:radial-gradient(circle at 80% 20%,rgba(255,112,62,.35),transparent 34%),linear-gradient(120deg,#101828,#243047);box-shadow:0 14px 34px rgba(16,24,40,.18)}.seller-body .stat-card,.seller-body .card,.seller-body .order-item{border:1px solid var(--ds-line);border-radius:14px;box-shadow:0 5px 18px rgba(16,24,40,.05)}.seller-body .stat-grid>div{border-radius:11px;background:#f8fafc}.seller-body .menu-grid a{border-color:var(--ds-line);border-radius:13px;box-shadow:0 4px 14px rgba(16,24,40,.04)}}
@media(min-width:768px){.settle-body{background:#eef2f6}.settle-body .settle-page{max-width:1240px;border-radius:0 0 22px 22px;box-shadow:0 20px 55px rgba(16,24,40,.1)}.settle-body .settle-hero{min-height:300px;padding:58px 68px;background:radial-gradient(circle at 80% 10%,rgba(255,90,31,.5),transparent 32%),linear-gradient(120deg,#101828,#263349);border-radius:0 0 24px 24px}.settle-body .settle-progress{max-width:880px;margin:-34px auto 0;border:0;border-radius:16px;box-shadow:var(--ds-shadow-lg)}.settle-body .settle-card{max-width:920px;padding:34px 38px;border:1px solid var(--ds-line);border-radius:16px;box-shadow:0 7px 24px rgba(16,24,40,.055)}.settle-body .settle-field input,.settle-body .settle-field select{min-height:48px;border-radius:10px;background:#fbfcfd}.settle-body .settle-main-btn{border-radius:10px;background:linear-gradient(135deg,var(--ds-brand),#ff7540)!important;box-shadow:0 7px 18px rgba(255,90,31,.2)}}
.admin-body{background:var(--ds-canvas)}.admin-body .admin-side{width:252px;background:linear-gradient(180deg,#101828,#182230);box-shadow:8px 0 30px rgba(16,24,40,.08)}.admin-body .admin-logo{padding:20px 18px}.admin-body .menu-group,.admin-body .menu-child{border-radius:9px}.admin-body .menu-child.active-menu{background:linear-gradient(90deg,rgba(255,90,31,.92),rgba(255,112,62,.72));box-shadow:0 6px 16px rgba(255,90,31,.18)}.admin-body .admin-top{min-height:68px;background:rgba(255,255,255,.94);box-shadow:0 1px 0 var(--ds-line);backdrop-filter:blur(16px)}.admin-body .admin-page{padding:26px 30px 40px}.admin-body .admin-page h2{font-size:20px;letter-spacing:-.25px}.admin-body .admin-page h2:before{height:20px;border-radius:4px;background:linear-gradient(var(--ds-brand),#ff8050)}.admin-body .card,.admin-body .table-wrap{border:1px solid var(--ds-line);border-radius:14px;box-shadow:0 5px 18px rgba(16,24,40,.045)}.admin-body .admin-table th{height:44px;background:#f8fafc;color:#475467;font-weight:700}.admin-body .admin-table td{height:48px;border-color:#eef1f4}.admin-body .admin-table tbody tr:hover{background:#fff8f5}.admin-body .admin-toolbar input,.admin-body .admin-toolbar select{min-height:40px;border-color:#dfe3e8;border-radius:9px}@media(max-width:900px){.admin-body .admin-side{width:220px}.admin-body .admin-page{padding:20px 16px}}