:root{--ink:#2c2926;--muted:#7d7873;--paper:#f8f5f0;--card:#fff;--line:#e9e2da;--brick:#af4c3f;--brick-dark:#8c392f;--blue:#527a9a;--pink:#bd7180;--sand:#b18d6e;--green:#47765d;--orange:#d78447;--shadow:0 12px 30px #51372a0c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans','Noto Sans SC',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{text-decoration:none;color:inherit}.hidden{display:none!important}.site-top{height:32px;background:#312e2c;color:#f6eee7;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.3px}.store-header{height:71px;background:#fffdf9;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(18px,4vw,62px);gap:28px;position:sticky;top:0;z-index:20}.hx-logo{font-family:'Playfair Display',serif;font-size:26px;font-weight:600;letter-spacing:-1px}.hx-logo span{display:block;font:600 8px 'DM Sans';letter-spacing:2.5px;text-transform:uppercase;margin-top:-3px;color:var(--brick)}.store-nav{display:flex;gap:24px;margin-left:auto}.store-nav a{font-size:12px;white-space:nowrap}.store-nav a.active,.store-nav a:hover{color:var(--brick);font-weight:700}.header-tools{display:flex;align-items:center;gap:13px;margin-left:12px}.lang-select{border:0;background:transparent;font-size:11px;color:var(--muted);outline:0}.round-icon{height:33px;min-width:33px;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--ink);position:relative}.cart-dot{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;border-radius:8px;background:var(--brick);color:#fff;display:grid;place-items:center;font-size:9px}.mobile-nav{display:none}.site-main{min-height:calc(100vh - 230px)}.hero{height:335px;background:linear-gradient(110deg,#e6d5c5,#f1e5d9 47%,#d7c5b4);position:relative;overflow:hidden;display:grid;place-items:center;text-align:center}.hero:before,.hero:after{content:"";position:absolute;border:1px solid #b87a6833;border-radius:50%}.hero:before{height:500px;width:500px;right:-130px;top:-130px}.hero:after{height:330px;width:330px;left:-100px;bottom:-180px}.hero h1{font:600 clamp(42px,7vw,78px) 'Playfair Display',serif;letter-spacing:-3px;margin:0;position:relative}.hero h1 b{font-style:italic;font-weight:500;color:var(--brick)}.hero p{position:relative;color:#675a52;font-size:13px;margin:12px 0 26px}.button{background:var(--brick);color:white;padding:12px 18px;display:inline-flex;gap:18px;align-items:center;justify-content:space-between;border-radius:3px;font-size:12px;font-weight:700}.button:hover{background:var(--brick-dark)}.button.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}.button.light{background:white;color:var(--brick)}.button.wide{width:100%}.container{max-width:1250px;margin:auto;padding:0 clamp(18px,4vw,62px)}.section{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--brick);margin:0 0 8px;text-transform:uppercase}.section h2{font:600 32px 'Playfair Display','Noto Sans SC',serif;letter-spacing:-1px;margin:0}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gender-card{height:285px;border-radius:6px;padding:27px;position:relative;overflow:hidden;color:#fff}.gender-card.boy{background:var(--blue)}.gender-card.girl{background:var(--pink)}.gender-card.woman{background:var(--sand)}.gender-card h3{position:relative;margin:0;font:500 33px 'Playfair Display',serif}.gender-card p{position:relative;opacity:.9;font-size:12px}.gender-card .card-icon{position:absolute;right:24px;bottom:20px;font-size:135px;filter:drop-shadow(0 10px 4px #0001)}.gender-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid #fff4;right:-75px;bottom:-120px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:transparent;min-width:0;position:relative}.product-visual{height:255px;background:var(--shade,#e8ddd2);display:grid;place-items:center;position:relative;overflow:hidden;border-radius:4px}.product-visual:before{content:"";width:140px;height:140px;border-radius:50%;background:#fff7;position:absolute;transform:translate(-15px,-15px)}.product-visual b{font-size:110px;line-height:1;position:relative;filter:drop-shadow(0 12px 7px #4d37251e)}.new-badge{position:absolute;left:10px;top:10px;background:#fff;color:var(--brick);padding:5px 7px;font-size:9px;font-weight:bold}.product-info{padding:12px 2px}.product-code{font-size:10px;color:var(--muted);letter-spacing:.4px}.product-name{font-size:13px;font-weight:600;margin:4px 0}.product-meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:5px}.private-price{color:var(--brick);font-weight:600}.quick-add{position:absolute;right:9px;top:215px;border-radius:50%;width:33px;height:33px;background:#fff;font-size:18px;color:var(--brick);box-shadow:0 4px 12px #4d372522}.site-footer{background:#312e2c;color:#f5eee8;padding:43px clamp(18px,4vw,62px);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.site-footer .hx-logo span{color:#e6a18e}.site-footer p,.site-footer a{font-size:11px;line-height:1.9;color:#c9c0b9;display:block}.site-footer h4{font-size:10px;letter-spacing:1px;margin:4px 0 9px;text-transform:uppercase}.site-footer small{grid-column:1/-1;border-top:1px solid #ffffff1c;padding-top:14px;color:#938c87;font-size:9px}.filter-page,.list-page,.detail-page,.form-page,.cart-page,.orders-page,.custom-page{max-width:1250px;margin:auto;padding:35px clamp(18px,4vw,62px) 75px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:20px}.page-title{font:600 35px 'Playfair Display','Noto Sans SC',serif;margin:0 0 25px}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:25px}.filter-group{padding:18px 0;border-bottom:1px solid var(--line)}.filter-group:last-of-type{border:0}.filter-group h4{margin:0 0 12px;font-size:12px}.filter-choice{display:flex;flex-wrap:wrap;gap:8px}.filter-choice button{background:#f7f4f0;border:1px solid transparent;padding:8px 12px;border-radius:18px;font-size:11px;color:#5e5954}.filter-choice button.selected{border-color:var(--brick);color:var(--brick);background:#fff9f7}.filter-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px}.list-tools{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}.search-box{background:#fff;border:1px solid var(--line);padding:10px 12px;border-radius:3px;display:flex;align-items:center;gap:7px;width:260px}.search-box input{border:0;outline:0;width:100%;font-size:12px}.selected-tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 25px}.tag{background:#f5e9e5;color:var(--brick);border-radius:14px;font-size:10px;padding:5px 8px}.tag button{background:transparent;color:var(--brick);padding:0 0 0 5px}.detail-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:42px}.gallery-main{height:460px;border-radius:5px;background:var(--shade,#e9ddd1);display:grid;place-items:center}.gallery-main b{font-size:220px;filter:drop-shadow(0 18px 10px #39291b22)}.gallery-thumbs{display:flex;gap:10px;margin-top:10px}.gallery-thumbs button{height:58px;width:58px;background:var(--shade,#eee);font-size:30px;border:2px solid transparent}.gallery-thumbs button.active{border-color:var(--brick)}.detail-side h1{font:600 32px 'Playfair Display','Noto Sans SC',serif;margin:3px 0 12px}.attributes{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.attributes span{border:1px solid var(--line);border-radius:12px;padding:4px 8px;font-size:10px;color:var(--muted)}.price-box{background:#fbf2ef;padding:14px 16px;margin:16px 0;color:var(--brick);font-size:22px;font-weight:700}.price-box small{font-size:10px;color:var(--muted);font-weight:400}.login-lock{font-size:13px;color:var(--brick)}.color-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.color-line label{font-size:12px}.color-dot{width:12px;height:12px;display:inline-block;border-radius:50%;margin-right:6px;vertical-align:-1px}.qty-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:3px}.qty-control button{width:28px;height:28px;background:white;font-size:17px;color:var(--brick)}.qty-control b{width:38px;text-align:center;font-size:12px}.small-note{color:var(--muted);font-size:10px;line-height:1.7}.login-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px}.login-tabs button{padding:10px 0;background:transparent;font-size:12px;color:var(--muted)}.login-tabs button.active{color:var(--brick);border-bottom:2px solid var(--brick)}.form-card{max-width:470px;margin:25px auto;background:white;padding:30px;border:1px solid var(--line);border-radius:6px}.field{display:block;margin:14px 0;font-size:11px;font-weight:600}.field input,.field select,.field textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:3px;background:#fff;padding:11px;outline-color:var(--brick);font-size:12px}.field textarea{min-height:78px;resize:vertical}.field small{color:var(--muted);font-weight:400}.cart-layout{display:grid;grid-template-columns:1fr 320px;gap:22px}.cart-lines,.summary-card{background:#fff;border:1px solid var(--line);border-radius:6px}.cart-line{display:grid;grid-template-columns:64px 1.3fr auto auto auto;gap:13px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.cart-line:last-child{border:0}.mini-visual{height:58px;width:58px;background:var(--shade,#eee);display:grid;place-items:center;font-size:33px}.cart-line h4{font-size:12px;margin:0 0 4px}.cart-line p{font-size:10px;color:var(--muted);margin:0}.summary-card{padding:20px;height:max-content;position:sticky;top:90px}.summary-card h3{margin:0 0 16px;font-size:16px}.sum-row{display:flex;justify-content:space-between;margin:10px 0;font-size:12px}.sum-row.total{border-top:1px solid var(--line);padding-top:13px;font-size:16px;font-weight:700}.success-card{text-align:center;max-width:600px;margin:42px auto;background:#fff;padding:50px;border:1px solid var(--line);border-radius:6px}.success-icon{font-size:52px;color:var(--green)}.success-card h1{font:600 31px 'Playfair Display','Noto Sans SC',serif;margin:8px}.empty{text-align:center;color:var(--muted);padding:50px 20px;line-height:1.8}.order-card{background:#fff;border:1px solid var(--line);border-radius:5px;padding:18px;margin:12px 0}.order-top{display:flex;justify-content:space-between;gap:12px}.status{padding:4px 8px;border-radius:12px;font-size:10px;white-space:nowrap}.status.pending{background:#fff0dd;color:#a9681f}.status.confirmed{background:#e8f0fc;color:#4c739d}.status.out{background:#f8e6e4;color:#a34e45}.status.ready,.status.done{background:#e7f3e9;color:#3f7b55}.status.cancel{background:#eee;color:#777}.modal-mask{position:fixed;inset:0;background:#2e262055;z-index:50;display:none}.modal-mask.show{display:block}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(430px,calc(100vw - 28px));background:#fff;padding:30px;border-radius:6px}.modal h3{font:600 26px 'Playfair Display','Noto Sans SC',serif;margin:0 0 15px}.close-modal{position:absolute;right:15px;top:12px;background:transparent;font-size:22px;color:var(--muted)}
.admin-body{background:#f6f5f2}.admin-shell{min-height:100vh;display:flex}.admin-side{width:236px;background:#fff;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column}.admin-brand{padding:0 10px 18px;border-bottom:1px solid var(--line)}.admin-brand b{font:600 24px 'Playfair Display','Noto Sans SC',serif}.admin-brand span{display:block;color:var(--brick);font-size:9px;letter-spacing:2px}.admin-nav{padding-top:15px}.admin-nav button{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:4px;background:transparent;font-size:12px;color:#66615d;margin:2px 0}.admin-nav button.active{background:#f7e9e6;color:var(--brick);font-weight:700}.admin-nav i{float:right;font-size:9px;font-style:normal;color:white;background:var(--brick);border-radius:9px;padding:1px 5px}.admin-bottom{margin-top:auto;border-top:1px solid var(--line);padding:15px 10px;color:var(--muted);font-size:11px}.admin-main{margin-left:236px;padding:34px 42px;width:calc(100% - 236px)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-header p{margin:0 0 7px;color:var(--muted);font-size:11px}.admin-header h1{margin:0;font:600 28px 'Playfair Display','Noto Sans SC',serif}.admin-actions{display:flex;gap:12px;align-items:center}.admin-view{display:none}.admin-view.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.metric{background:#fff;border:1px solid var(--line);border-radius:5px;padding:18px}.metric p{margin:0;color:var(--muted);font-size:10px}.metric h2{margin:11px 0 4px;font-size:25px}.metric small{color:var(--green);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:16px}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:5px;padding:19px}.admin-panel h3{margin:0 0 4px;font-size:14px}.admin-panel>p{margin:0;color:var(--muted);font-size:10px}.mini-list{margin-top:13px}.notice,.mini-row{display:flex;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #f0eeea;font-size:11px}.notice:last-child,.mini-row:last-child{border:0}.notice-icon{width:28px;height:28px;background:#f7e9e6;color:var(--brick);border-radius:50%;display:grid;place-items:center}.mini-row .grow{flex:1}.admin-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.admin-filters{display:flex;flex-wrap:wrap;gap:7px}.admin-filters select,.admin-filters input{border:1px solid var(--line);border-radius:3px;padding:8px;background:#fff;font-size:11px}.table-wrap{overflow:auto;padding:0}.admin-table{width:100%;border-collapse:collapse;text-align:left;min-width:780px}.admin-table th{font-size:10px;font-weight:500;color:var(--muted);background:#fcfbf9;border-bottom:1px solid var(--line);padding:12px 16px}.admin-table td{font-size:11px;border-bottom:1px solid #f0eeea;padding:12px 16px}.table-product{display:flex;gap:9px;align-items:center}.table-product .mini-visual{width:36px;height:36px;font-size:21px}.row-actions{color:var(--brick);background:transparent;font-size:11px;padding:2px}.admin-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:15px}.admin-tabs button{background:transparent;padding:10px 0;color:var(--muted);font-size:11px}.admin-tabs button.active{color:var(--brick);border-bottom:2px solid var(--brick);font-weight:bold}.edit-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.form-section{background:#fff;border:1px solid var(--line);padding:21px;border-radius:5px;margin-bottom:15px}.form-section h3{font-size:14px;margin:0 0 12px}.grid-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.image-upload{border:1px dashed #ccbcb1;padding:22px;text-align:center;background:#fffcf9;color:var(--muted);font-size:11px}.preview-list{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.preview-item{width:64px;height:64px;background:#eee;display:grid;place-items:center;font-size:34px;position:relative}.data-tab-content{background:#fff;border:1px solid var(--line);border-radius:5px;padding:18px}.data-row{display:grid;grid-template-columns:1fr 1fr 1fr 80px 70px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #f0eeea}.data-row input,.data-row select{border:1px solid var(--line);padding:7px;font-size:11px}.toast{position:fixed;z-index:99;right:20px;bottom:20px;background:#312e2c;color:#fff;padding:11px 15px;border-radius:3px;font-size:12px;box-shadow:var(--shadow)}
@media(max-width:850px){.store-header{height:61px;padding:0 16px;gap:10px}.hx-logo{font-size:22px}.store-nav{display:none}.header-tools{margin-left:auto}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:30;border-top:1px solid var(--line);justify-content:space-around;padding:8px}.mobile-nav a,.mobile-nav button{background:transparent;font-size:10px;color:var(--muted);text-align:center}.mobile-nav span{display:block;font-size:17px}.site-footer{grid-template-columns:1fr 1fr;padding-bottom:70px}.site-footer small{grid-column:1/-1}.hero{height:275px}.category-cards{grid-template-columns:1fr}.gender-card{height:170px}.gender-card .card-icon{font-size:85px}.section{padding:42px 0}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-visual{height:190px}.product-visual b{font-size:80px}.quick-add{top:153px}.detail-layout,.cart-layout{grid-template-columns:1fr;gap:20px}.gallery-main{height:320px}.gallery-main b{font-size:160px}.list-tools{align-items:center}.search-box{width:100%}.list-tools .button{white-space:nowrap}.cart-line{grid-template-columns:52px 1fr auto;gap:9px}.cart-line .qty-control,.cart-line .line-total{grid-column:2}.cart-line .remove{grid-column:3;grid-row:1}.summary-card{position:static}.filter-page,.list-page,.detail-page,.form-page,.cart-page,.orders-page,.custom-page{padding-top:25px;padding-bottom:70px}.admin-side{width:62px;padding:18px 7px}.admin-brand{padding:0 0 14px;text-align:center}.admin-brand b{font-size:0}.admin-brand b:before{content:'鸿';font-size:21px}.admin-brand span{font-size:0}.admin-nav button{font-size:0;text-align:center;padding:12px 4px}.admin-nav button:first-letter{font-size:16px}.admin-nav i{display:none}.admin-bottom{font-size:0;padding:10px 0;text-align:center}.admin-main{margin-left:62px;width:calc(100% - 62px);padding:23px 15px 70px}.admin-header h1{font-size:22px}.admin-header p{display:none}.admin-actions .button.outline{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid .metric:last-child{grid-column:span 2}.dashboard-grid,.edit-layout{grid-template-columns:1fr}.admin-tools{align-items:flex-start;flex-direction:column}.grid-fields{grid-template-columns:1fr}.data-row{grid-template-columns:1fr 1fr}.data-row input:nth-child(3){grid-column:1/-1}.admin-tabs{overflow:auto;white-space:nowrap}.modal{padding:23px}.site-main{padding-bottom:48px}}
