@font-face{font-family:toneOzKai;src:url(../media/ToneOZ_Pinyin_Kai_Traditional-s.06fh95r6su_i-.woff2)format("woff2");font-display:swap}@font-face{font-family:toneOzKai Fallback;src:local(Arial);ascent-override:114.28%;descent-override:18.28%;line-gap-override:0.0%;size-adjust:106.82%}.toneozkai_3fb7b937-module__Ay0c7a__className{font-family:toneOzKai,toneOzKai Fallback}.toneozkai_3fb7b937-module__Ay0c7a__variable{--font-tone-oz:"toneOzKai", "toneOzKai Fallback"}
header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#122019f0;position:sticky;top:0}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1180px;margin:0 auto;padding:12px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{object-fit:contain;width:40px;height:40px}.brand-name{color:var(--gold-bright);font-family:Arial,sans-serif;font-size:20px;font-weight:700}.nav-links{color:var(--text-dim);flex-wrap:wrap;gap:24px;font-size:14px;display:flex}.nav-links a.active,.nav-links a:hover{color:var(--gold-bright)}.cart-btn{background:var(--panel);border:1px solid var(--border);color:var(--paper);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13.5px;display:flex;position:relative}.cart-btn:hover{border-color:var(--gold)}.cart-count{background:var(--seal);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.proverb-strip{text-align:center;color:var(--text-dim);border-bottom:1px solid var(--border);padding:9px 20px;font-family:Arial,sans-serif;font-size:13px;font-style:italic}@media (max-width:860px){.nav-links{display:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:12.5px 24px;font-family:inherit;font-size:14.5px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:inline-block}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gold);color:#16241b}.btn-primary:hover{background:var(--gold-bright)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--paper);background:0 0}.btn-ghost:hover{border-color:var(--gold)}.page-head{max-width:1180px;margin:0 auto;padding:40px 24px 0}.page-head .eyebrow{letter-spacing:.14em;color:var(--seal-bright);text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.page-head h1{color:var(--gold-bright);margin:0 0 8px;font-size:clamp(26px,3.4vw,36px)}.page-head p{color:var(--text-dim);max-width:60ch;margin:0;font-size:14px}.breadcrumb{max-width:1180px;color:var(--text-dim);margin:0 auto;padding:22px 24px 0;font-size:12.5px}.breadcrumb a:hover{color:var(--gold-bright)}.breadcrumb .sep{opacity:.5;margin:0 6px}.breadcrumb .current{color:var(--paper)}.category-strip{flex-wrap:wrap;gap:10px;max-width:1180px;margin:0 auto;padding:26px 24px 0;display:flex}.category-chip{background:var(--panel);border:1px solid var(--border);cursor:pointer;color:var(--text-dim);border-radius:30px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:12.5px;transition:all .15s;display:flex}.category-chip .dot{background:var(--seal);border-radius:50%;flex-shrink:0;width:7px;height:7px}.category-chip.active{border-color:var(--gold);color:var(--paper);background:var(--bg-2)}.result-count{max-width:1180px;color:var(--text-dim);margin:0 auto;padding:18px 24px 0;font-size:12.5px}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.card-image{aspect-ratio:4/3;background:linear-gradient(150deg, var(--bg-2), var(--bg));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-image svg{width:52%;height:52%}.card-body{flex-direction:column;flex-grow:1;padding:18px 20px 20px;display:flex}.tag{letter-spacing:.04em;color:var(--green);border:1px solid var(--green-dim);text-transform:uppercase;background:#6e9b6a1f;border-radius:20px;align-self:flex-start;margin-bottom:14px;padding:3px 9px;font-size:10.5px}.card h3{color:var(--paper);margin:0 0 8px;font-family:Arial,sans-serif;font-size:19px;font-weight:700}.card .desc{color:var(--text-dim);flex-grow:1;margin-bottom:16px;font-size:13px;line-height:1.55}.card-footer{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.price{color:var(--gold-bright);font-family:Arial,sans-serif;font-size:18px;font-weight:700}.price-old{color:var(--text-dim);margin-right:6px;font-size:12px;text-decoration:line-through}.badge-row{z-index:2;gap:6px;display:flex;position:absolute;top:12px;right:12px}.badge{letter-spacing:.02em;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:700}.badge-sale{background:var(--seal);color:#fff}.badge-out{background:var(--bg-2);border:1px solid var(--border);color:var(--text-dim)}.card-actions{gap:8px;display:flex}.add-btn,.detail-btn{text-align:center;cursor:pointer;border:1px solid var(--border);border-radius:8px;flex:1;padding:9px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s}.add-btn{background:var(--bg-2);color:var(--paper)}.add-btn:hover{background:var(--gold);border-color:var(--gold);color:#16241b}.add-btn.added{background:var(--seal);border-color:var(--seal);color:#fff}.detail-btn{color:var(--text-dim);background:0 0}.detail-btn:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.card.out .add-btn{opacity:.45;cursor:not-allowed;pointer-events:none}.empty-state{text-align:center;color:var(--text-dim);grid-column:1/-1;padding:60px 20px;font-size:14px}footer{border-top:1px solid var(--border);color:var(--text-dim);z-index:1;padding:56px 24px 26px;font-size:12.5px;position:relative;overflow:hidden}.footer-main{z-index:1;grid-template-columns:1.5fr auto 1fr 1fr 1fr;align-items:start;gap:32px;max-width:1180px;margin:0 auto;display:grid;position:relative}.footer-brand-top{align-items:center;gap:10px;margin-bottom:14px;display:flex}.footer-brand-top img{object-fit:contain;width:38px;height:38px}.footer-brand-name{color:var(--gold-bright);font-family:Arial,sans-serif;font-size:24px;font-weight:700}.footer-desc{color:var(--text-dim);max-width:38ch;margin:0 0 18px;font-size:13.5px;line-height:1.65}.footer-socials{gap:10px;display:flex}.social-seal{border:1.5px solid var(--border);width:34px;height:34px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:flex}.social-seal svg{width:16px;height:16px}.social-seal:hover{border-color:var(--seal-bright);color:var(--seal-bright)}.footer-divider{align-self:stretch;width:2px;min-height:120px;position:relative}.footer-divider:before{content:"";background:linear-gradient(to bottom, transparent, var(--border) 18%, var(--border) 82%, transparent);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.footer-group h4{color:var(--paper);letter-spacing:.01em;margin:0 0 14px;font-family:Arial,sans-serif;font-size:13.5px;font-weight:600}.footer-group{flex-direction:column;display:flex}.footer-group a{color:var(--text-dim);margin-bottom:11px;font-size:13px;transition:color .15s;display:block}.footer-group a:hover{color:var(--gold-bright)}.footer-colophon{text-align:center;max-width:1180px;color:var(--text-dim);opacity:.55;z-index:1;margin:40px auto 0;font-family:Arial,sans-serif;font-size:11px;font-style:italic;position:relative}@media (max-width:860px){.footer-main{grid-template-columns:1fr 1fr;gap:26px}.footer-divider{display:none}.footer-brand{grid-column:1/-1}}@media (max-width:560px){.footer-main{grid-template-columns:1fr}}.zalo-float{z-index:80;border:2px solid var(--gold);background:#0068ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 20px #0006}.zalo-float:hover{transform:scale(1.07)}.zalo-float svg{width:28px;height:28px}.zalo-float:before{content:"";border:2px solid #0068ff80;border-radius:50%;animation:2.2s ease-out infinite zalo-pulse;position:absolute;inset:-5px}@keyframes zalo-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (max-width:560px){.zalo-float{width:50px;height:50px;bottom:16px;right:16px}}.overlay{opacity:0;pointer-events:none;z-index:90;background:#0000008c;transition:opacity .25s;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.drawer{background:var(--panel);border-left:1px solid var(--border);z-index:91;flex-direction:column;width:380px;max-width:92vw;height:100%;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.show{transform:translate(0)}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 20px 14px;display:flex}.drawer-head h3{color:var(--gold-bright);margin:0;font-family:Arial,sans-serif;font-size:19px}.close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:20px}.drawer-items{flex-grow:1;padding:14px 20px;overflow-y:auto}.empty-cart{text-align:center;color:var(--text-dim);padding:60px 20px;font-size:14px}.cart-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:13px 0;display:flex}.cart-item .name{color:var(--paper);font-size:13.5px}.cart-item .sub{color:var(--text-dim);margin-top:2px;font-size:11.5px}.cart-item .price-col{text-align:right;color:var(--gold-bright);font-family:Arial,sans-serif;font-size:14px;font-weight:700}.remove-x{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:6px;font-size:15px}.remove-x:hover{color:var(--seal-bright)}.drawer-foot{border-top:1px solid var(--border);padding:18px 20px 22px}.total-row{color:var(--paper);justify-content:space-between;margin-bottom:14px;font-size:14.5px;display:flex}.total-row .amt{color:var(--gold-bright);font-family:Arial,sans-serif;font-size:19px;font-weight:700}.checkout-btn{background:var(--gold);color:#16241b;cursor:pointer;border:none;border-radius:8px;width:100%;padding:13px;font-family:inherit;font-size:14.5px;font-weight:600}.checkout-btn:hover{background:var(--gold-bright)}.checkout-btn:disabled{opacity:.4;cursor:not-allowed}
:root{--bg:#122019;--bg-2:#182b21;--panel:#1c3226;--border:#cda43e29;--gold:#cda43e;--gold-bright:#e6c667;--green:#6e9b6a;--green-dim:#4d6b4a;--paper:#ece4cf;--paper-card:#e6ddc4;--paper-line:#c9bd9a;--ink:#241f16;--guide:#8a7f5e;--text:#ece4cf;--text-dim:#9fae9a;--seal:#a5312a;--seal-bright:#c14a3f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,sans-serif;position:relative}h1,h2,h3,.display{letter-spacing:.01em;font-family:Arial,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}.hanzi{font-family:var(--font-tone-oz), serif}