:root{color-scheme:light;--ink:#201D24;--muted:#625D69;--paper:#F5F3F7;--purple:#E0CEE9;--blue:#B1DEED;--gold:#F4D095;--green:#BEE0C6;--line:rgb(98 93 105 / .22);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--muted);outline-offset:5px}::selection{background:var(--purple);color:var(--ink)}
.giftbox-page{--yzh-header-bg:rgba(255,255,255,.96);--yzh-header-text:var(--ink);--yzh-header-soft:var(--muted);--yzh-header-line:transparent}
.giftbox-page .yzh-site-header{box-shadow:none;border:0}.giftbox-page .yzh-site-header__inner{width:min(1200px,calc(100% - 96px))}.giftbox-page .yzh-site-nav a:hover{background:var(--paper);color:var(--ink)}.giftbox-page .yzh-site-nav a[aria-current=page]{color:var(--ink);background:var(--paper)}.giftbox-page .yzh-site-nav .yzh-member-link{border:0;background:var(--purple);color:var(--ink)}
main{width:min(1200px,calc(100% - 96px));margin:0 auto}.catalog{padding-top:48px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}h1{margin:0;font-size:clamp(30px,3.3vw,44px);line-height:1.35;letter-spacing:-.04em;font-weight:750}.section-heading p{margin:0 0 3px;color:var(--muted);font-size:15px;line-height:1.8}
.gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gift-card{overflow:hidden;display:flex;flex-direction:column;border:1.5px solid rgb(98 93 105 / .6);border-radius:20px;background:#fff;box-shadow:0 3px 0 rgb(98 93 105 / .12)}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid var(--line);background:var(--paper)}.heads .card-heading{background:color-mix(in srgb,var(--blue) 42%,white)}.bundle .card-heading{background:var(--purple)}.card-heading h2{margin:0;font-size:17px;line-height:1.4;font-weight:750}.tag{padding:3px 9px;border:1px solid rgb(98 93 105 / .4);border-radius:99px;background:#fff;font-size:11px;font-weight:650;white-space:nowrap}.card-body{display:flex;flex:1;flex-direction:column;padding:26px 24px 24px}.price{display:flex;align-items:baseline;gap:5px;margin-bottom:12px;font-variant-numeric:tabular-nums}.price small{font-size:16px;font-weight:750;color:var(--muted)}.price strong{font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:1.1}.price>span{margin-left:5px;color:var(--muted);font-size:13px}.card-description{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.features{display:grid;gap:13px;list-style:none;padding:22px 0;margin:24px 0;border-top:1px dashed rgb(98 93 105 / .35);border-bottom:1px dashed rgb(98 93 105 / .35);font-size:14px}.features li{position:relative;padding-left:26px;line-height:1.6}.features li:before{content:"✓";position:absolute;left:0;top:2px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:10px;font-weight:800;line-height:1;background:var(--ink);color:#fff}.buy-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:13px 18px;border:1px solid var(--ink);border-radius:99px;background:var(--ink);color:#fff;font-size:14px;font-weight:650}.buy-link:hover{background:var(--muted);border-color:var(--muted)}.ui-arrow{width:18px;height:18px;flex:none}.catalog-note{margin:18px 0 0;color:var(--muted);font-size:13px}
.seasonal{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:44px;margin-top:56px;padding:28px 40px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.seasonal-art{display:grid;place-items:center}.seasonal-art img{display:block;width:100%;max-width:210px;height:auto}.season-label{display:inline-block;padding:3px 10px;border-radius:99px;background:var(--gold);font-size:12px;font-weight:650}.seasonal h2{margin:12px 0 10px;font-size:clamp(22px,2.6vw,30px);line-height:1.4;letter-spacing:-.025em}.seasonal-copy>p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.seasonal-prices{display:flex;flex-wrap:wrap;gap:8px 24px;margin:18px 0 14px;font-size:14px}.seasonal-prices b{margin-left:5px;font-size:21px;color:var(--ink);font-variant-numeric:tabular-nums}.member-price{border-bottom:3px solid var(--purple)}.seasonal-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:10px 18px;border-radius:99px;background:var(--purple);font-size:14px;font-weight:650}.seasonal-link:hover{background:color-mix(in srgb,var(--purple) 80%,white)}.seasonal-copy>small{display:block;margin-top:12px;font-size:12px;line-height:1.7;color:var(--muted)}
.contact{margin-top:64px;scroll-margin-top:100px}.contact-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.contact-heading h2{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.35;letter-spacing:-.03em}.contact-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-option{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}.contact-option.discord{background:color-mix(in srgb,var(--purple) 35%,white)}.contact-label,.contact-action{font-size:12px;color:var(--muted)}.contact-option strong{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.contact-action{margin-top:6px}.contact-option:hover{border-color:var(--muted)}
.faq{margin:36px 0 48px}.faq details{padding:16px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;font-size:14px}.faq p{max-width:780px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.8}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:26px 0 32px;color:var(--muted);font-size:12px}footer p{margin:0}.footer-brand{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:.04em}footer>a:last-child{font-size:13px}
@media(max-width:1100px){.gift-grid{gap:16px}.card-heading,.card-body{padding-left:20px;padding-right:20px}.card-heading{flex-wrap:wrap;align-content:center;min-height:95px}.contact-option{padding:20px}}
@media(max-width:850px){.giftbox-page .yzh-site-header__inner,main{width:calc(100% - 48px)}.section-heading,.contact-heading{align-items:flex-start;flex-direction:column;gap:16px}.gift-grid{grid-template-columns:1fr}.gift-card{border-radius:16px}.card-heading{min-height:0;flex-wrap:nowrap;padding:18px 24px}.card-body{padding:24px}.features{gap:10px;margin:20px 0;padding:18px 0}.buy-link{min-height:46px}.seasonal{grid-template-columns:170px minmax(0,1fr);gap:28px;padding:28px}.contact-options{grid-template-columns:1fr}.contact-option{padding:20px 24px}.contact-option strong{font-size:18px}}
@media(max-width:540px){.giftbox-page .yzh-site-header__inner,main{width:calc(100% - 40px)}.giftbox-page .yzh-site-nav{gap:0}.giftbox-page .yzh-site-nav a{padding-inline:9px}.giftbox-page .yzh-site-nav a:not(.yzh-member-link){display:inline-flex}.giftbox-page .yzh-site-header__inner{gap:12px}.catalog{padding-top:28px}.section-heading{margin-bottom:24px}.section-heading p{font-size:14px}.card-heading{padding:17px 20px}.card-body{padding:22px 20px}.price strong{font-size:60px}.card-heading h2{font-size:17px}.catalog-note{font-size:12px;line-height:1.8}.seasonal{grid-template-columns:1fr;gap:10px;margin-top:36px;padding:24px 20px}.seasonal-art img{max-width:145px}.seasonal-copy>p{font-size:13px}.seasonal-prices{gap:8px 16px}.seasonal-prices b{font-size:20px}.contact{margin-top:40px}.contact-heading p{font-size:13px}.faq{margin-bottom:32px}footer{gap:12px}footer p{width:100%;order:3;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.seasonal-art svg{display:block;width:100%;max-width:210px;height:auto}.norse-preview .season-label,.norse-preview .seasonal-link{background:var(--blue)}.norse-preview .seasonal-link:hover{background:color-mix(in srgb,var(--blue) 80%,white)}.norse-contents{margin:14px 0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.8}@media(max-width:540px){.seasonal-art svg{max-width:145px}.norse-contents{font-size:13px}}
