@import url('data:text/css,');
:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#1c2929;background:#fafbf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}.top{background:#233d36;color:#fff;padding:12px 5%;font-size:11px;letter-spacing:2px;display:flex;justify-content:space-between}header{display:flex;align-items:center;gap:30px;padding:26px 5%;background:#fff}.logo{font-size:32px;font-weight:900;letter-spacing:5px;display:inline-block}.logo span{display:block;font-size:9px;font-weight:400;letter-spacing:7px;margin-top:3px}.search{margin-inline-start:auto;width:40%;position:relative}.search input{background:#f4f5f1;border:none;padding:15px 20px;width:100%;border-radius:4px}.search span{position:absolute;inset-inline-end:15px;top:4px;font-size:32px}select{padding:9px;border:1px solid #d9dfd7;background:white;border-radius:3px}.bag{white-space:nowrap}.bag b{background:#dce6b5;padding:5px 9px;border-radius:50%;margin-inline-start:6px}nav{display:flex;gap:26px;align-items:center;padding:18px 5%;border-top:1px solid #eee;background:white;font-size:13px}nav button{padding:5px 0}nav .selected{color:#51713c;border-bottom:2px solid #51713c}nav a{margin-inline-start:auto;color:#777}main{max-width:1500px;margin:auto;padding:24px 5% 70px}.hero{border-radius:8px;background:#e9eddf;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:440px}.hero>div:first-child{padding:48px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#627064}h1{font-size:48px;line-height:1.25;letter-spacing:-1px;margin:25px 0}h2{font-size:25px}h3{font-size:16px}.hero p:not(.eyebrow){font-size:14px;line-height:1.9;color:#677365;max-width:350px}.primary{background:#243d35;color:#fff;padding:15px 24px;border-radius:4px;font-size:13px;font-weight:600}.hero .primary{margin-top:20px}.hero-index{margin-top:36px;font-size:11px;letter-spacing:3px}.hero-index span{color:#a1ad95;margin:0 12px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 55% 40%,#f8f8ed,transparent 70%)}.orbit{width:310px;height:310px;border-radius:50%;border:1px solid #c5ceb8;position:absolute}.headphones{font-size:225px;transform:rotate(-16deg);filter:drop-shadow(15px 30px 14px #8d987a55);z-index:1}.product-label{position:absolute;bottom:34px;inset-inline-start:40px;font-size:9px;letter-spacing:2px;line-height:2.2}.product-label strong{font-size:15px;letter-spacing:0}.stamp{position:absolute;top:30px;inset-inline-end:30px;border:1px solid #7f8e73;border-radius:50%;width:75px;height:75px;display:grid;place-content:center;text-align:center;transform:rotate(14deg);font-size:10px;line-height:1.7;letter-spacing:1px}.benefits{padding:24px 0;border-bottom:1px solid #dde2d8;color:#7a8275;text-align:center;font-size:12px;word-spacing:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:38px 0 25px}.section-title h2{margin:10px 0}.section-title>span{font-size:40px;color:#ccd3c7}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px}.product-image{width:100%;aspect-ratio:1.1;position:relative;background:#f0eee8;border-radius:6px;display:grid;place-items:center;overflow:hidden}.product-image>span{font-size:95px;transition:transform .25s;filter:drop-shadow(5px 10px 8px #0002)}.product-image:hover>span{transform:scale(1.12) rotate(-5deg)}.product-image small{position:absolute;bottom:12px;left:15px;font-size:8px;color:#8f9489;letter-spacing:2px}.tone1{background:#e9eeeb}.tone2{background:#ede9e3}.tone3{background:#eceee0}.card-line,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-line{margin-top:15px}.card small{font-size:10px;color:#8a9288}.card h3{margin:12px 0;font-weight:500}.card h3 button{padding:0;text-align:start}.card-bottom strong{font-size:18px}.add{background:#e9eddf;border-radius:50%;font-size:23px;width:32px;height:32px}footer{padding:35px 5%;border-top:1px solid #dce2d7;display:flex;align-items:center;justify-content:space-between;color:#7a8578;font-size:12px}footer .logo{font-size:24px;color:#263a32}dialog{border:0;border-radius:10px;width:min(560px,94vw);max-height:90vh;overflow:auto;padding:35px;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#172c2770;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:8px;font-size:28px}.cart-row{display:flex;align-items:center;gap:18px;border-bottom:1px solid #eee;padding:18px 0;font-size:13px}.cart-row button{margin-inline-start:auto;font-size:12px;color:#8a6251}.cart-icon{font-size:35px}label{display:block;margin:18px 0;font-size:13px}label input:not([type=checkbox]),label textarea,label select{display:block;width:100%;border:1px solid #dce1d8;border-radius:4px;padding:12px;margin-top:8px;background:#fff}textarea{height:85px;resize:vertical}.muted{font-size:12px;color:#889081;line-height:1.8}.detail-icon{background:#eef1e6;border-radius:6px;padding:30px;text-align:center;font-size:130px}.success-mark{text-align:center;font-size:60px;color:#65894a}.order-id{overflow-wrap:anywhere;font-size:11px;color:#7e897e}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#233d36;color:#fff;padding:15px 25px;border-radius:6px;z-index:100;display:none;font-size:13px}#toast.show{display:block}.login{max-width:420px;margin:8vh auto;padding:30px}.login h1{font-size:28px}.login p,.login>a:last-child{font-size:13px;color:#778271}.login form{margin:30px 0}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-layout aside{padding:35px 25px;background:#253c35;color:white}.admin-layout aside p{margin-top:60px;font-size:12px;color:#bbc9b6}.admin-layout aside>a:not(.logo),aside button{display:block;padding:16px 0;font-size:14px}.admin-main{padding:40px;max-width:1400px;min-width:0}.admin-main h1{font-size:32px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats>div{padding:25px;background:#eaf0e2;border-radius:8px;font-size:13px}.stats strong{display:block;font-size:30px;margin-top:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white;font-size:13px}th,td{text-align:start;padding:18px;border-bottom:1px solid #edf0e9}th{background:#f0f3eb;color:#7d8977}td small{display:block;color:#9aa291;margin-top:7px}td button{color:#50783b}.order{background:white;border:1px solid #e1e6dc;border-radius:6px;padding:20px;margin:18px 0;font-size:13px}.order button{color:#a3664a}.badge{background:#f5efcd;padding:7px 12px;border-radius:20px;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;gap:10px}#admin-orders{margin-top:45px}@media(max-width:800px){header{gap:12px;flex-wrap:wrap;padding:20px}.logo{font-size:25px}.search{order:4;width:100%}header select{margin-inline-start:auto}.top span{display:none}nav{gap:18px;overflow:auto;white-space:nowrap;padding:15px 20px}main{padding:15px 20px 40px}.hero{grid-template-columns:1fr;min-height:0}.hero>div:first-child{padding:30px}.hero h1{font-size:37px}.hero-art{height:270px}.headphones{font-size:180px}.orbit{width:240px;height:240px}.hero-index{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.product-image>span{font-size:75px}.section-title h2{font-size:21px}.benefits{word-spacing:0;font-size:10px}footer{flex-direction:column;gap:15px}.admin-layout{display:block}.admin-layout aside{padding:20px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.admin-layout aside p{display:none}.admin-layout aside>a:not(.logo),aside button{padding:5px}.admin-main{padding:20px}.stats{gap:8px}.stats>div{padding:14px;font-size:11px}.stats strong{font-size:21px}}
.product-image img{width:100%;height:100%;object-fit:contain;padding:16px}.detail-icon img{max-width:100%;max-height:260px;object-fit:contain}.edit-preview{height:90px;max-width:100%;object-fit:contain}.quantity{display:flex;align-items:center;gap:15px}.quantity button{background:#edf1e6;border-radius:4px;padding:4px 10px}.account-button{white-space:nowrap;font-size:13px}#member-error{color:#a34232;font-size:13px}#member-logout,#switch-member{padding:12px;color:#608145}

.logo{display:inline-flex;align-items:center;gap:0}.logo .brand-icon{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-inline-end:7px;flex:none}.logo .brand-on,.logo .brand-buy{display:inline;margin:0;font-size:inherit;letter-spacing:inherit;line-height:1}.logo .brand-buy{color:#ff9900}.legacy-top .brand-icon{vertical-align:middle;margin-inline-end:9px}