
:root{--green:#547b4d;--green-dark:#34543a;--sage:#e9eee3;--cream:#fbfaf5;--ink:#262b25;--muted:#777c73;--line:#e7e5dc;--orange:#c85c3c;--shadow:0 8px 24px rgba(38,43,37,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:12px;background:var(--green);color:white;padding:12px 18px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}button:hover,.button:hover{background:var(--green-dark);transform:translateY(-1px)}.button.outline{background:transparent;color:var(--green-dark);border:1px solid var(--green)}.button.light{background:white;color:var(--green-dark)}.wrap{width:min(1220px,calc(100% - 40px));margin:auto}.announcement{background:var(--green-dark);color:#fff;text-align:center;padding:9px 12px;font-size:12px;letter-spacing:.04em}.topbar{background:#fff;border-bottom:1px solid var(--line)}.toprow{height:78px;display:flex;align-items:center;gap:28px}.logo{font-size:28px;font-weight:900;letter-spacing:-1.5px;color:var(--green-dark);white-space:nowrap}.logo span{display:block;font-size:10px;letter-spacing:2px;font-weight:600;color:#85897c;margin-top:-2px}.search{flex:1;display:flex;max-width:500px;margin:auto}.search input{width:100%;padding:12px 15px;border:1px solid var(--line);border-radius:10px 0 0 10px;background:#fbfbf8;outline:none}.search button{border-radius:0 10px 10px 0;padding:0 18px}.quicklinks{display:flex;gap:18px;font-size:12px;white-space:nowrap}.quicklinks a{display:grid;justify-items:center;gap:3px}.quicklinks b{font-size:20px;font-weight:500}.nav{background:#fff}.navinner{display:flex;gap:28px;align-items:center;min-height:44px;overflow:auto;white-space:nowrap;font-size:13px}.nav a:hover{color:var(--green)}.hero{margin:20px auto 0;min-height:365px;border-radius:20px;overflow:hidden;background:#344d35 url("assets/hero-deer-new.jpg") center/cover no-repeat;display:flex;align-items:center;position:relative;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,31,18,.78),rgba(13,31,18,.35) 48%,transparent 82%)}.hero-content{position:relative;max-width:560px;padding:48px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#dce9cf}.hero h1{font-size:clamp(32px,4vw,54px);line-height:1.16;margin:12px 0 16px;letter-spacing:-1px}.hero p{font-size:15px;line-height:1.9;color:#f3f5ef;max-width:450px}.hero .button{margin-top:12px}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 42px}.trustitem{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;display:flex;gap:12px;align-items:center}.trusticon{font-size:25px}.trustitem strong{display:block;font-size:13px}.trustitem small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.section{margin:42px auto}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:20px}.sectionhead h2{font-size:25px;margin:0;letter-spacing:-.5px}.sectionhead p{color:var(--muted);margin:6px 0 0;font-size:13px}.textlink{color:var(--green-dark);font-size:13px;font-weight:800;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category{background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;text-align:center;transition:.2s}.category:hover,.product:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category .catimg{height:118px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#e3eadb,#f5ead9);font-size:54px;background-size:cover;background-position:center}.category strong{display:block;font-size:14px;margin:12px 0 4px}.category small{color:var(--muted);font-size:11px}.promo{min-height:300px;border-radius:18px;overflow:hidden;background:#ddd center/cover no-repeat;display:flex;align-items:center;margin:40px auto}.promo-copy{padding:35px 42px;max-width:470px;color:white;text-shadow:0 2px 15px #182619}.promo-copy h2{font-size:32px;line-height:1.25;margin:8px 0}.promo-copy p{line-height:1.7}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.2s}.productimg{height:205px;display:grid;place-items:center;background:linear-gradient(135deg,#e8eddf,#d7e0d0);position:relative;overflow:hidden}.productimg img{width:100%;height:100%;object-fit:contain;padding:10px}.productimg .emoji{font-size:80px;filter:drop-shadow(0 8px 5px #7c806c55)}.tag{position:absolute;top:12px;left:12px;background:#fff;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;color:var(--green-dark)}.productbody{padding:14px}.productbody h3{font-size:14px;margin:0 0 7px}.productbody p{font-size:11px;color:var(--muted);margin:0 0 13px;line-height:1.6}.productbottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.price{font-weight:900;color:var(--orange);font-size:17px}.price small{font-size:10px}.iconbtn{background:#f1f4ed;color:var(--green-dark);padding:9px 11px;border-radius:10px}.newsletter{background:var(--sage);border-radius:18px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.newsletter h2{margin:0 0 7px;font-size:22px}.newsletter p{margin:0;color:var(--muted);font-size:13px}.newsletter form{display:flex;gap:8px;width:min(420px,100%)}.newsletter input{flex:1;min-width:0;padding:12px;border:1px solid #d4dccd;border-radius:10px;background:#fff}.footer{margin-top:50px;background:#263d2b;color:#e8eee4;padding:42px 0 20px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer .logo{color:#fff}.footer p,.footer a{font-size:12px;color:#c9d3c4;line-height:2}.footer h4{font-size:13px;margin:0 0 12px;color:#fff}.footlinks{display:grid;gap:4px}.copyright{border-top:1px solid #4a604b;margin-top:30px;padding-top:16px;color:#aebcab;font-size:11px}.pagehead{padding:35px 0 20px}.crumb{font-size:12px;color:var(--muted);margin-bottom:14px}.pagehead h1{font-size:34px;margin:0 0 8px}.pagehead p{color:var(--muted);margin:0;line-height:1.7}.shoplayout{display:grid;grid-template-columns:220px 1fr;gap:25px}.filters{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;height:max-content}.filters h3{font-size:14px;margin:0 0 12px}.filters label{display:flex;gap:8px;margin:12px 0;font-size:12px;color:#565d53}.filters hr{border:0;border-top:1px solid var(--line);margin:18px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--muted);font-size:12px;gap:10px}.toolbar select{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff}.detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px auto 55px}.detailhero{border-radius:18px;overflow:hidden;background:#e5ebdf;min-height:430px}.detailhero img{width:100%;height:100%;object-fit:cover}.detailinfo{padding:12px 0}.detailinfo h1{font-size:31px;line-height:1.3;margin:8px 0}.detailinfo .price{font-size:29px;margin:15px 0}.muted{color:var(--muted);font-size:13px;line-height:1.8}.featurelist{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:18px 0;display:grid;gap:10px;font-size:13px}.quantity{display:flex;align-items:center;gap:10px;margin:18px 0}.quantity button{padding:9px 13px;background:#f0f3ed;color:var(--green-dark)}.quantity span{min-width:25px;text-align:center}.detailactions{display:flex;gap:10px}.detailactions button{flex:1}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:30px 0 18px;font-size:13px}.tabs button{background:none;color:var(--muted);padding:12px 0;border-radius:0}.tabs button.active{color:var(--green-dark);border-bottom:2px solid var(--green)}.carttable{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.carttable th,.carttable td{text-align:left;padding:16px;border-bottom:1px solid var(--line);font-size:13px}.carttable th{background:#f1f4ed}.carttotal{margin:20px 0 60px auto;background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;width:min(380px,100%)}.carttotal .totalrow{display:flex;justify-content:space-between;margin:10px 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px;font-size:12px}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fff;width:100%}.field.full{grid-column:1/-1}.info-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.faq details{background:#fff;border:1px solid var(--line);padding:16px 18px;border-radius:12px;margin:10px 0}.faq summary{cursor:pointer;font-weight:800;font-size:14px}.faq p{color:var(--muted);font-size:13px;line-height:1.8}.toast{position:fixed;bottom:20px;right:20px;background:#263d2b;color:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);z-index:10;opacity:0;transform:translateY(12px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.mobilemenu{display:none}
@media(max-width:850px){.toprow{gap:12px;height:auto;padding:16px 0;flex-wrap:wrap}.logo{font-size:24px}.search{order:3;flex-basis:100%;max-width:none}.quicklinks{margin-left:auto;gap:12px}.navinner{gap:20px}.hero{min-height:330px}.hero-content{padding:28px}.trust{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.shoplayout{grid-template-columns:1fr}.filters{display:none}.detail{grid-template-columns:1fr;gap:18px}.detailhero{min-height:300px}.footgrid{grid-template-columns:1fr 1fr}.newsletter{align-items:flex-start;flex-direction:column}.newsletter form{width:100%}}
@media(max-width:480px){.wrap{width:min(100% - 24px,1220px)}.announcement{font-size:10px}.quicklinks{font-size:10px}.quicklinks b{font-size:18px}.navinner{font-size:12px;min-height:40px}.hero{margin-top:12px;min-height:370px;background-position:58% center}.hero:before{background:linear-gradient(90deg,rgba(13,31,18,.8),rgba(13,31,18,.48))}.hero-content{padding:23px}.hero h1{font-size:34px}.trust{gap:8px;margin-bottom:30px}.trustitem{padding:12px}.trusticon{font-size:21px}.trustitem strong{font-size:12px}.categories{gap:8px}.category{padding:7px}.category .catimg{height:85px;font-size:40px}.category strong{font-size:12px}.products{gap:10px}.productimg{height:155px}.productbody{padding:11px}.productbody h3{font-size:12px}.price{font-size:15px}.promo{min-height:260px;background-position:60% center}.promo-copy{padding:24px}.promo-copy h2{font-size:26px}.sectionhead h2{font-size:21px}.newsletter{padding:22px}.footgrid{grid-template-columns:1fr 1fr;gap:22px}.pagehead h1{font-size:28px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.carttable th,.carttable td{padding:10px 7px;font-size:11px}.detailinfo h1{font-size:26px}}

/* ===== 品牌 logo ===== */
.logal,.logo{display:inline-flex;align-items:center;gap:10px}
.logo-mark{width:38px;height:38px;flex:0 0 38px}
.logo-text{font-size:22px;font-weight:900;letter-spacing:-.5px;color:var(--green-dark);line-height:1.1}
.logo-text small{display:block;font-size:10px;letter-spacing:1.5px;font-weight:600;color:#85897c;margin-top:2px}
.footer .logo-text{color:#fff}.footer .logo-text small{color:#aebcab}

/* ===== 认证 / 结账页 ===== */
.auth-wrap{max-width:460px;margin:30px auto 70px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px}
.auth-wrap h1{margin:0 0 6px;font-size:24px}
.auth-wrap .muted{margin-bottom:20px}
.auth-wrap .field{margin-bottom:14px}
.auth-wrap .field input{padding:13px}
.pwd-meter{height:4px;background:var(--line);border-radius:3px;margin-top:6px;overflow:hidden}
.pwd-meter i{display:block;height:100%;width:0;background:var(--green);transition:.3s}
.pwd-rules{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.7}
.pwd-rules li.bad{color:var(--orange)}
.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin-top:16px}
.auth-switch a{color:var(--green-dark);font-weight:700}
.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start;margin-bottom:60px}
@media(max-width:850px){.checkout-grid{grid-template-columns:1fr}}
.cod-banner{background:linear-gradient(135deg,#e9eee3,#f5ead9);border-radius:14px;padding:16px 18px;display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}
.cod-banner .ico{font-size:26px}
.cod-banner b{display:block;margin-bottom:3px}
.cod-banner small{color:var(--muted);line-height:1.7}
.order-summary{position:sticky;top:16px}
.success-wrap{max-width:560px;margin:40px auto 70px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px 30px}
.success-wrap .big{font-size:56px}
.success-wrap h1{margin:10px 0 8px}
.order-id{display:inline-block;background:var(--sage);color:var(--green-dark);padding:8px 16px;border-radius:10px;font-weight:800;letter-spacing:1px;margin:8px 0}