/* Yunqivo — ink, ivory and vermilion. Local system fonts keep Chinese rendering fast. */
:root{--primary:#b83c2b;--primary-dark:#982b1e;--red:#b83c2b;--text:#202e32;--muted:#697576;--border:#e4e7e2;--bg:#f6f7f3;--radius:16px}
html{scroll-behavior:smooth;scroll-padding-top:140px}body{background:#f6f7f3;color:#202e32;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;line-height:1.7;word-break:normal;overflow-wrap:anywhere}h1,h2,h3,h4{letter-spacing:-.025em;line-height:1.35}button,input,select,textarea{font:inherit}a,button,input,select,summary,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #bd5d37;outline-offset:4px}.container{max-width:1320px}.topbar{background:#203c3b;color:#eff4ef;border:0}.topbar a{color:#eff4ef}.topbar-dot{background:#b8ce9e}.site-header{background:#fffefb;box-shadow:0 4px 22px #183a3210}.header-main{min-height:100px;gap:28px}.brand-mark{background:#b83c2b!important;border-radius:13px!important;color:white!important;font-size:26px!important;box-shadow:none!important}.brand-copy b{font-size:21px;white-space:normal}.brand-copy small{letter-spacing:.08em;font-size:10px}.search{border:1px solid #dce2d9;background:#f8f9f5;border-radius:12px}.search button,.dense-search button,.catalog-head-search button{background:#b83c2b!important}.main-nav{border-top:1px solid #eef0ea;border-bottom:1px solid #e1e6de}.nav-link{font-weight:550}.category-trigger{background:#203c3b!important;border-radius:7px 7px 0 0}.btn{border-radius:9px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-1px)}.btn:not(.outline):not(.secondary):not(.hero-secondary){background:#b83c2b}.dense-hero{background:#edf0e7!important;border-bottom:1px solid #dde3d6;padding:0!important}.hero-command{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;padding-top:64px;padding-bottom:0}.hero-command-copy{padding:0!important}.hero-chip-row span{background:transparent;border:1px solid #bcc9b4;color:#365240;letter-spacing:.12em}.hero-command-copy h1{font-size:clamp(34px,4.5vw,62px);color:#213c38;line-height:1.25;font-weight:750;letter-spacing:-.045em}.hero-command-copy h1 em{color:#b83c2b;font-style:normal}.hero-command-copy p{color:#586960;font-size:16px;line-height:1.9;max-width:590px}.hero-actions{margin-top:26px;gap:12px}.hero-primary{background:#b83c2b!important;color:#fff!important;border:0!important}.hero-secondary{background:transparent!important;color:#23433c!important;border:1px solid #b9c6b3!important}.hero-command-visual.premium-market-console{background:#fffef9!important;border:1px solid #d7dfce!important;border-radius:20px!important;box-shadow:0 18px 50px #263f3010!important;transform:none!important;color:#223b34!important;align-self:center;padding:26px!important}.console-top{color:#29423b!important;border-color:#e1e7d9!important}.console-top span{background:#edf3e4!important;color:#4d6b3a!important}.console-grid{gap:12px!important}.console-grid>div{background:#f5f6ef!important;border:1px solid #e4e9dc!important;border-radius:12px!important;padding:17px!important}.console-grid strong{font-size:16px!important;color:#223b34!important;line-height:1.7}.console-grid small{color:#ab4c35!important}.console-grid i,.premium-market-console>span{color:#6c7868!important;font-style:normal}.hero-proof{grid-column:1/-1;border-top:1px solid #d2dccb;padding:22px 0;margin-top:4px!important;background:transparent!important}.hero-proof b{background:#e1e8d6!important;color:#3f5943!important;border-radius:50%}.hero-proof strong{color:#304a3e}.hero-proof small{color:#6e7e6c}.dense-home{padding-top:32px}.quick-market-links a{border:1px solid #e0e5db;border-radius:12px;background:#fffefb;box-shadow:none}.quick-market-links a>b{background:#f0f3e9!important;color:#416044!important}.bulk-banner{background:#233f3a;color:#fff;border:0;border-radius:12px;margin:25px 0}.bulk-banner p{color:#c6d5cb}.bulk-label{background:#47634e;color:#eef3e8}.bulk-banner a{background:#edf1e5;color:#294537}.catalog-shell{gap:25px}.catalog-sidebar{background:#fffefb;border:1px solid #e0e5da;border-radius:14px;overflow:hidden}.catalog-sidebar header{background:#fffefb;padding:23px}.catalog-sidebar nav a{padding:12px 16px;min-height:48px}.catalog-sidebar nav a.active,.catalog-sidebar nav a:hover{background:#eef2e6;color:#35543c}.catalog-main-head{padding:8px 0 22px}.catalog-main-head h2{font-size:29px}.catalog-main-head p{color:#758172}.catalog-main-head .eyebrow{color:#a64a34;letter-spacing:.13em}.dense-filter{background:#fffefb;border:1px solid #e0e5da;border-radius:10px;padding:14px;gap:10px}.product-list{border:1px solid #e0e5da;border-radius:14px;background:#fffefb;overflow:hidden}.product-list-head{background:transparent;color:#77816f;padding-top:18px;padding-bottom:12px}.product-row{background:#fffefb!important;border-color:#e9ece4!important;transition:background .18s}.product-row:hover{background:#f2f5eb!important}.product-row-title{font-size:15px!important;line-height:1.65!important}.catalog-page-head{background:#233f3a!important;padding:40px 0!important}.catalog-page-head h1{font-size:34px}.dense-info-grid article{background:#fffefb;border:1px solid #dfe5d8;border-radius:14px}.dense-info-grid article>span{color:#b83c2b}.footer{background:#f0f2ea!important;border-color:#dfe5d7;color:#354a3e}.footer p,.footer small,.footer a{color:#64725e}.footer-promise{border-color:#d8e0d1}.footer-promise b{color:#a74732}.footer-bottom{border-color:#d8e0d1}.auth-card{border:1px solid #dee4d7!important;box-shadow:0 20px 60px #203c3b0c!important;border-radius:20px!important;padding:34px!important}.auth-shell{padding:24px 0}.card,.panel,.dashboard-card,.stat-card,.control-card{border-color:#e0e5d9!important;border-radius:14px!important;box-shadow:0 4px 16px #203c3b04!important}.dashboard-sidebar,.account-sidebar,.seller-sidebar,.admin-sidebar{background:#fffefb!important;border-color:#e0e5d9!important}.input,input,select,textarea{max-width:100%;border-radius:8px}table{font-size:13px}th{font-weight:650;background:#f0f3e9!important}.table-wrap,.table-responsive{overflow-x:auto}.editorial-guide{margin:28px 0;padding:30px;border:1px solid #dce3d3;border-radius:14px;background:#fffefb}.editorial-guide h2{font-size:23px;margin:0 0 12px}.editorial-guide h3{font-size:16px;margin:22px 0 8px}.editorial-guide p{max-width:82ch;color:#5c6c5b;line-height:1.95;margin:0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.empty.rich-empty{border:1px dashed #ccd7c1;background:#f5f7ee;border-radius:14px;padding:48px 22px}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;background:#fff;z-index:1000}.skip-link:focus{top:10px}.mobile-nav{background:#fffefb;border-color:#dce3d5}.header-popover{z-index:110}.category-mega{max-height:70vh;overflow-y:auto}
@media(max-width:1000px){.header-main{gap:16px}.brand-copy b{font-size:17px}.hero-command{gap:24px;padding-top:35px}.hero-command-copy h1{font-size:39px}.console-grid>div{padding:12px!important}.hero-command-visual.premium-market-console{padding:20px!important}.catalog-shell{gap:16px}}
@media(max-width:700px){.hero-command{grid-template-columns:1fr;padding-top:30px;gap:24px}.hero-command-copy h1{font-size:38px}.hero-command-copy p{font-size:14px}.hero-command-visual.premium-market-console{display:block!important;width:100%;margin:0!important}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 0}.hero-proof>div{min-width:0}.hero-command-copy .hero-actions{flex-wrap:wrap}.quick-market-links{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-main-head h2{font-size:24px}.catalog-main-head{align-items:start;gap:10px}.dense-filter.multi{display:flex;flex-wrap:wrap}.dense-filter select{flex:1 1 120px;min-width:0}.dense-filter .dense-search{flex:1 1 100%;min-width:0}.guide-grid{grid-template-columns:1fr;gap:5px}.editorial-guide{padding:22px}.bulk-banner{gap:12px;flex-wrap:wrap}.bulk-banner p{font-size:12px}.auth-card{padding:24px!important}.catalog-page-head h1{font-size:27px}.mobile-head .brand-copy b{font-size:18px}.footer-grid{gap:24px}.console-grid strong{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
