:root{--pink:#e83265;--ink:#25232a;--muted:#737078;--line:#e8e5e8;--bg:#f7f6f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--pink)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;background:var(--pink);color:#fff;border-radius:5px;padding:10px 18px;display:inline-block}button:disabled{background:#b6b2b6;cursor:not-allowed}button.secondary,.button.secondary{background:#f0edf0;color:var(--ink);border:1px solid #d8d4d8}.danger{color:#b32135!important}input,select,textarea{border:1px solid #d8d4d8;border-radius:5px;padding:9px;background:white;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #f4a5bc;outline-offset:1px}textarea{width:100%;min-height:90px}label{display:flex;flex-direction:column;gap:5px;margin:12px 0}h1{font-size:28px;margin:0 0 8px}h2{font-size:20px}h3{font-size:17px}p{margin:8px 0}.notice{background:#fff2d1;padding:8px;text-align:center;font-size:13px}.top{background:#29262c;color:#e6e2e8;font-size:12px;display:flex;justify-content:space-between;padding:9px max(calc((100% - 1200px)/2),24px);gap:24px}.top nav{display:flex;gap:24px;white-space:nowrap}.top b{background:var(--pink);padding:0 5px;border-radius:4px}header{display:flex;align-items:center;gap:28px;padding:28px max(calc((100% - 1200px)/2),24px);background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;min-width:230px;color:#c5266d;font-weight:bold;font-size:21px}.brand img{max-width:220px;max-height:65px}.brand small{display:block;font-size:12px;letter-spacing:3px;color:#555;font-weight:normal}header nav{display:flex;gap:25px;flex:1;white-space:nowrap}header form{display:flex;gap:6px}header input{width:180px}main{max-width:1200px;margin:30px auto;min-height:60vh;padding:0 20px}footer{padding:28px;text-align:center;background:#fff;color:var(--muted);font-size:13px;border-top:1px solid var(--line);margin-top:50px}.hero{height:350px;background:#ead7dc url('/template/skin001/pc2/images/b1.jpg') center/cover;border-radius:8px;margin-bottom:32px}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:25px 0}.muted{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:0 5px 20px #30223814}.card img{width:100%;height:230px;object-fit:contain;background:white;padding:10px}.card .body{padding:15px}.card h3{height:52px;overflow:hidden;margin:0;font-weight:500}.price{font-size:23px;color:var(--pink);font-weight:600}.badge{display:inline-block;background:#f5e9ed;color:#9c3355;padding:3px 9px;border-radius:20px;font-size:12px}.panel{background:white;border:1px solid var(--line);padding:25px;border-radius:8px;margin-bottom:20px}.product{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:30px}.product .cover{width:100%;height:470px;object-fit:contain}.product .price-box{background:#fbf1f4;padding:18px;margin:20px 0}.product select{width:100%}.product input[type=number]{width:100px}.actions{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}.detail{max-width:850px;margin:auto}.detail img{display:block;max-width:100%;height:auto;margin:auto}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.rows{display:flex;flex-direction:column;gap:12px}.cart-line{display:grid;grid-template-columns:85px 1fr 120px 100px 90px;gap:20px;align-items:center;padding:20px;background:white;border:1px solid var(--line);border-radius:6px}.cart-line img{width:85px;height:85px;object-fit:contain}.cart-line input{width:90px}.checkout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.total{font-size:24px;color:var(--pink)}.split{display:flex;justify-content:space-between;align-items:center;gap:20px}.tabs{display:flex;gap:10px;margin:20px 0}.tabs button.selected{background:#25232a}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--line)}th{background:#f7f5f7;font-weight:500}td img{width:50px;height:50px;object-fit:cover}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.edit-grid .full{grid-column:1/-1}.sku-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.sku-row label{margin:0}.order{border:1px solid var(--line);padding:24px;background:white;border-radius:8px;margin-bottom:18px}.order .meta{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}.order ul{padding-left:20px}.login{max-width:450px;margin:60px auto}.login button{width:100%}.success{padding:22px;border-left:4px solid #31805c;background:#eef8f1}.error{background:#fff0f0;color:#a51d36;padding:16px;border-radius:5px}.stock-note{background:#fff6e5;color:#8c5c12;padding:12px;border-radius:5px;font-size:13px}.image-preview{width:130px;height:130px;object-fit:contain;border:1px solid var(--line)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#29242b;color:white;border-radius:6px;box-shadow:0 3px 25px #0002;display:none;z-index:10;max-width:90vw}#toast.show{display:block}.inline{display:flex;align-items:center;gap:10px}.inline input{width:auto}.small{font-size:12px}details summary{cursor:pointer;color:var(--muted)}@media(max-width:900px){header{flex-wrap:wrap;padding:20px}header nav{order:3;width:100%;overflow:auto}header form{margin-left:auto}.grid{grid-template-columns:repeat(2,1fr)}.hero{height:220px}.product{grid-template-columns:1fr;gap:15px}.product .cover{height:320px}.checkout{grid-template-columns:1fr}.top>span{display:none}.cart-line{grid-template-columns:65px 1fr 85px;gap:12px}.cart-line img{width:65px;height:65px}.edit-grid{grid-template-columns:1fr}.sku-row{grid-template-columns:1.5fr 1fr 1fr}.top{justify-content:flex-end}h1{font-size:23px}}@media(max-width:500px){header form{width:100%}header input{flex:1;width:120px}.grid{gap:10px}.card img{height:165px}.card .body{padding:10px}.hero{height:160px}.panel{padding:17px}.product{padding:15px}.sku-row{grid-template-columns:1fr}.cart-line{padding:12px}.top nav{gap:15px}}

/* Brand catalogue shares the homepage's white and muted green identity.
   Checkout, orders and admin keep their existing functional layouts. */
.browse-view{--pink:#333333;--ink:#292929;--muted:#626262;--bg:#fff;--line:#dddddd;background:#fff;font-size:16px}
.browse-view .notice{background:#f5f5f5;color:#626262;padding:10px 24px;font-size:13px}
.browse-view .top{background:#fafafa;color:#626262;min-height:40px;align-items:center}
.browse-view .top b{background:#eeeeee;color:#333333}
.browse-view header{max-width:1240px;margin:auto;padding:24px 32px;gap:24px;border:0;flex-wrap:wrap}
.browse-view .brand{min-width:200px}.browse-view .brand img{width:205px;max-height:none}
.browse-view header nav{gap:18px;font-size:14px;flex-wrap:wrap;white-space:normal}
.browse-view header nav a{display:flex;align-items:center;min-height:44px}
.browse-view [aria-current=page]{font-weight:600;color:#333333}
.browse-view header form{background:#f7f7f7;gap:0;min-width:240px}
.browse-view header input{width:170px;border:0;background:transparent;border-radius:0;font-size:14px}
.browse-view button,.browse-view .button{border-radius:0;min-height:44px;background:#333333;padding:11px 20px}
.browse-view main{max-width:1240px;padding:0 32px;margin:24px auto 0;min-height:0}
.browse-view :focus-visible{outline:3px solid #333333;outline-offset:4px}
.browse-view .breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#626262;margin:0 0 32px}
.catalog-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:36px 40px;background:#ffffff}
.browse-view h1{font:400 40px/1.5 "Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;margin:0 0 14px}
.catalog-intro p{margin:0;color:#626262;max-width:55ch}
.catalog-consult{display:inline-block;min-height:44px;padding:10px 0;white-space:nowrap;text-decoration:underline;text-underline-offset:6px;color:#333333}
.catalog-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 32px}
.catalog-filters a{min-height:44px;padding:10px 18px;background:#fafafa;font-size:14px}
.catalog-filters a[aria-current=page]{background:#333333;color:#fff}
.catalog-filters>span{margin-left:auto;color:#626262;font-size:14px;padding:10px 0}
.browse-view .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.browse-view .compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:0 auto}
.browse-view .card{border:0;border-radius:0;background:#fff;min-width:0;box-shadow:none}
.browse-view .card:hover{box-shadow:none;color:inherit}
.browse-view .card-image{background:#fafafa;overflow:hidden;aspect-ratio:1}
.browse-view .card img{display:block;width:100%;height:100%;padding:24px;object-fit:contain;transition:transform .25s ease-out;background:transparent}
.browse-view .card:hover img{transform:scale(1.025)}
.browse-view .card .body{padding:20px 0 0}
.browse-view .card h3{height:auto;min-height:3.2em;overflow:visible;overflow-wrap:anywhere;font-size:18px;line-height:1.6;font-weight:500}
.browse-view .card .muted{font-size:14px;margin:8px 0 12px}
.browse-view .card .price{font-size:18px;white-space:nowrap;font-variant-numeric:tabular-nums}
.browse-view .price small{font-size:13px;font-weight:400;color:#626262}
.card-link{font-size:14px;color:#333333;white-space:nowrap}
.catalog-next{margin:64px 0 0;padding:32px 40px;background:#f7f7f7;display:flex;align-items:center;justify-content:space-between;gap:32px}
.catalog-next h2{font-size:24px;font-weight:400;margin:0 0 12px}
.catalog-next p{font-size:15px;color:#626262;margin:0 0 8px}
.catalog-next small{font-size:13px;color:#626262}.catalog-next .button{white-space:nowrap}
.browse-view footer{max-width:1240px;margin:48px auto 0;border:0;padding:36px 32px;text-align:left;background:#fff;color:#626262;font-size:14px}
.browse-view footer strong{font-size:16px;font-weight:500;color:#292929}
.browse-view footer a{text-decoration:underline;text-underline-offset:5px}
.browse-view .product{padding:24px 0 48px;border:0;border-radius:0;gap:56px;align-items:start}
.browse-view .product h1{font-size:32px}
.browse-view .product .cover{height:auto;max-height:560px;aspect-ratio:1;background:#fafafa;padding:28px}
.browse-view .product .price-box{background:#f7f7f7;margin:24px 0;padding:20px}
.browse-view .product .price{font-size:28px;color:#333333}
.browse-view .product .muted{font-size:14px}.browse-view .product-consult{margin:24px 0}
.purchase-note{font-size:13px;color:#626262;margin-top:28px}
.browse-view .product .actions{margin-top:12px}
.browse-view .detail{border:0;border-radius:0;background:#fafafa;padding:28px}
.browse-view .detail h2{font-size:24px;font-weight:400;margin:0 0 24px}
@media(max-width:1000px){.browse-view header{gap:20px}.browse-view header nav{order:3;width:100%;overflow:visible;flex-basis:100%}.browse-view header form{margin-left:auto}.browse-view .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.browse-view .product{gap:32px}}
@media(max-width:600px){
.browse-view header{padding:24px;gap:20px}.browse-view .brand{min-width:0}.browse-view .brand img{width:180px}
.browse-view header form{width:100%}.browse-view header input{width:100%;flex:1;min-width:0}
.browse-view header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;font-size:14px}
.browse-view main{padding:0 24px;margin-top:8px}.browse-view .breadcrumb{margin-bottom:24px}
.catalog-intro{padding:28px 24px;display:block}.browse-view h1{font-size:32px}.catalog-intro p{font-size:15px}.catalog-consult{margin-top:12px}
.catalog-filters{gap:8px;margin:24px 0}.catalog-filters a{padding:10px 12px;font-size:13px}.catalog-filters>span{width:100%;margin:0}
.browse-view .compact-grid,.browse-view .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.browse-view .card img{padding:10px}.browse-view .card .body{padding-top:14px}.browse-view .card h3{font-size:16px}
.browse-view .card .split{flex-wrap:wrap;gap:8px}.browse-view .card .price{font-size:16px}.card-link{font-size:13px}
.catalog-next{margin-top:40px;padding:28px 24px;display:block}.catalog-next .button{margin-top:20px}
.browse-view footer{padding:28px 24px;margin-top:24px}.browse-view .product h1{font-size:26px}.browse-view .product{grid-template-columns:1fr;gap:28px}.browse-view .detail{padding:20px}
}
@media(prefers-reduced-motion:reduce){.browse-view *{transition:none!important}}

.browse-view button:disabled{background:#eeeeee;color:#626262;cursor:not-allowed}