:root{--cream:#f4efe7;--ivory:#fbf8f2;--paper:#fffdf8;--charcoal:#302e2b;--muted:#746f67;--yellow:#f5b313;--yellow-dark:#d79500;--black:#181714;--gold:#c99a27;--line:#18171429;--rose:#a95f62;--sage:#607a68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--charcoal);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}main{min-height:70vh}.container{width:min(1160px,100% - 32px);margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4efe7ed;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:min(1240px,100% - 28px);min-height:74px;margin:auto;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{border-radius:50%}.brand span{line-height:1.2;display:grid}.brand strong{letter-spacing:.08em;font-size:16px}.brand small{letter-spacing:.22em;color:var(--muted);margin-top:5px;font-size:9px}.menu-button{color:var(--black);background:0 0;border:0;padding:9px}.nav{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:12px;display:none;position:absolute;top:74px;left:14px;right:14px}.nav.open{display:grid}.nav a{border-radius:10px;padding:10px 12px;font-size:14px}.nav a:hover{background:#f5e6b7}.home-intro{align-items:center;gap:34px;padding:48px 0 70px;display:grid}.home-logo-wrap{justify-content:center;display:flex}.home-logo-wrap img{width:min(78vw,360px);height:auto}.home-copy h1,.page-hero h1{letter-spacing:.025em;font-family:Noto Serif TC,Songti TC,serif;font-weight:600;line-height:1.35}.home-copy h1{margin:14px 0 20px;font-size:clamp(32px,8vw,58px)}.home-copy p{color:var(--muted);max-width:570px;margin:0 0 14px}.home-copy .instagram-button{margin-top:14px}.eyebrow{color:var(--yellow-dark);letter-spacing:.18em;font-size:12px;font-weight:700}.instagram-button{background:var(--yellow);color:var(--black);border:1px solid var(--black);border-radius:999px;justify-content:center;align-items:center;gap:9px;font-weight:700;display:inline-flex}.instagram-button.full{padding:13px 22px}.instagram-button.floating{z-index:45;box-shadow:4px 4px 0 var(--black);padding:13px;position:fixed;bottom:18px;right:14px}.instagram-button.floating span{display:none}.instagram-button:hover{background:#ffc43c}.home-contact{padding:12px 0 34px}.contact-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.backup-contact{flex-direction:column;gap:6px;display:flex}.backup-contact small{color:var(--muted)}.game-section,.trust-section{padding:58px 0}.section-heading{margin-bottom:26px}.section-heading h2,.reviews-preview h2{margin:8px 0;font-family:Noto Serif TC,serif;font-size:clamp(27px,5vw,42px)}.section-heading p,.reviews-preview p{color:var(--muted);margin:0}.game-grid{gap:16px;display:grid}.game-card{border:1px solid var(--black);background:var(--paper);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:230px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.game-card:after{content:"";opacity:.17;border-radius:50%;width:110px;height:110px;position:absolute;top:-30px;right:-30px}.game-card.amber:after{background:var(--yellow)}.game-card.rose:after{background:var(--rose)}.game-card.sage:after{background:var(--sage)}.game-card:hover{box-shadow:7px 7px 0 var(--black);transform:translateY(-4px)}.game-kicker{letter-spacing:.18em;color:var(--muted);font-size:10px}.game-card h3{margin:0 0 6px;font-size:27px}.game-card p{color:var(--muted);margin:0;font-size:14px}.game-link{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.announcement{border-top:1px solid var(--black);border-bottom:1px solid var(--black);padding:26px 0}.announcement-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.announcement-title span{background:var(--yellow);border:1px solid var(--black);border-radius:999px;padding:5px 12px;font-weight:700}.announcement ul{gap:7px;margin:22px 0 0;padding-left:22px;display:grid}.announcement-primary{color:var(--black);margin-bottom:6px;font-size:1.06em;font-weight:800}.announcement .accent{color:var(--yellow-dark);font-weight:800}.trust-grid{gap:14px;display:grid}.trust-grid article{background:var(--ivory);border:1px solid var(--line);border-radius:18px;padding:20px}.trust-grid svg{color:var(--yellow-dark)}.trust-grid h3{margin:10px 0 4px}.trust-grid p{color:var(--muted);margin:0;font-size:14px}.text-link{border-bottom:1px solid var(--black);align-items:center;gap:8px;margin-top:24px;font-weight:700;display:inline-flex}.reviews-preview{background:var(--charcoal);color:var(--ivory);border-radius:22px;gap:20px;margin-top:24px;margin-bottom:80px;padding:28px;display:grid}.reviews-preview p{color:#ccc4b8}.outline-button,.primary-button{border:1px solid;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:11px 18px;font-weight:700;display:inline-flex}.primary-button{background:var(--yellow);color:var(--black)}.page-shell{padding:48px 0 90px}.page-hero{max-width:760px;padding-bottom:36px}.page-hero h1{margin:10px 0 12px;font-size:clamp(36px,8vw,66px)}.page-hero p{color:var(--muted);margin:0;font-size:17px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.product-card{border:1px solid var(--black);background:var(--paper);border-radius:16px;transition:transform .2s;overflow:hidden}.product-card:hover{transform:translateY(-3px)}.product-title{align-items:center;min-height:66px;padding:13px;font-size:13px;font-weight:700;line-height:1.45;display:flex}.product-cover{aspect-ratio:1/1.12;border-top:1px solid var(--black);background:#e7dfd2;position:relative}.product-cover img,.gallery-item img{object-fit:cover}.image-placeholder{text-align:center;height:100%;color:var(--muted);place-content:center;gap:6px;font-size:12px;display:grid}.image-placeholder svg{margin:auto}.empty-state,.empty-note{border:1px dashed var(--muted);text-align:center;color:var(--muted);background:#ffffff47;border-radius:18px;padding:30px}.empty-state h2{color:var(--charcoal);margin-top:0}.product-page{padding:34px 0 90px}.back-link{align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.product-header{padding:30px 0}.product-header h1{margin:8px 0;font-family:Noto Serif TC,serif;font-size:clamp(30px,7vw,54px)}.product-header p{color:var(--muted);margin:0}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.gallery-item{aspect-ratio:1;border:1px solid var(--black);cursor:zoom-in;background:#ddd;border-radius:13px;padding:0;position:relative;overflow:hidden}.lightbox{z-index:100;background:#0c0b0af0;place-items:center;display:grid;position:fixed;inset:0}.lightbox-image{width:min(90vw,1100px);height:82vh;position:relative}.lightbox-image img{object-fit:contain}.lightbox button{z-index:2;color:#fff;background:#00000059;border:1px solid #ffffff8c;border-radius:999px;padding:10px;display:grid;position:absolute}.lightbox-close{top:18px;right:18px}.lightbox-prev{top:50%;left:14px}.lightbox-next{top:50%;right:14px}.lightbox-count{color:#fff;position:absolute;bottom:18px}.product-contact{background:var(--paper);border:1px solid var(--black);text-align:center;border-radius:20px;margin-top:42px;padding:26px}.product-contact h2{margin-top:0}.product-contact p{color:var(--muted)}.featured-reviews{margin:50px 0 70px}.review-strip{scroll-snap-type:x mandatory;scrollbar-color:var(--gold) transparent;gap:14px;padding:2px 2px 14px;display:flex;overflow-x:auto}.review-card{aspect-ratio:4/5;border:1px solid var(--line);cursor:zoom-in;scroll-snap-align:start;background:#fff;border-radius:16px;flex:0 0 82%;padding:0;position:relative;overflow:hidden}.review-card img{object-fit:contain;padding:12px}.review-more{margin-top:8px}.product-trust{padding:14px 0 0}.steps-grid{gap:14px;display:grid}.steps-grid article{border:1px solid var(--black);background:var(--paper);border-radius:18px;padding:22px;position:relative}.steps-grid article>span{color:#d4cabc;font-family:serif;font-size:35px;position:absolute;top:12px;right:18px}.steps-grid svg{color:var(--yellow-dark)}.steps-grid h2{font-size:19px}.steps-grid p{color:var(--muted);margin-bottom:0}.two-column-notes,.info-panels{gap:14px;margin-top:28px;display:grid}.two-column-notes section,.info-panels section{border:1px solid var(--line);background:var(--ivory);border-radius:18px;padding:22px}.two-column-notes h2{align-items:center;gap:8px;display:flex}.center-action{text-align:center;margin-top:32px}.about-layout{align-items:center;gap:30px;display:grid}.about-logo{justify-content:center;display:flex}.about-logo img{width:min(80vw,420px);height:auto}.about-copy h2,.story-block h2{font-family:Noto Serif TC,serif;font-size:30px}.about-copy p,.story-block p{color:var(--muted)}.story-block{border-top:1px solid var(--black);margin-top:54px;padding-top:36px}.timeline{border-top:1px solid var(--black);margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:20px 0;display:flex}.timeline span{color:var(--yellow-dark);font-weight:800}.timeline h2{margin:0;font-size:18px}.faq-list{border-top:1px solid var(--black)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;gap:14px;padding:20px 0;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--yellow-dark)}.faq-list p{color:var(--muted);margin:0;padding:0 0 22px 36px}.contact-card{border:1px solid var(--black);background:var(--paper);border-radius:20px;align-items:flex-start;gap:18px;max-width:680px;margin-bottom:20px;padding:24px;display:flex}.contact-card svg{color:var(--yellow-dark);flex:none}.contact-card div{display:grid}.contact-card span{color:var(--muted);font-size:13px}.contact-card strong{font-size:24px}.contact-card p{color:var(--muted);margin:6px 0 0}.review-placeholders{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px;display:grid}.review-placeholders div{aspect-ratio:4/5;border:1px solid var(--line);background:var(--ivory);text-align:center;border-radius:16px;place-content:center;display:grid}.review-placeholders small{color:var(--muted)}.not-found{text-align:center;padding:100px 0}.not-found>span{color:var(--yellow-dark);font-family:serif;font-size:90px}.not-found h1{margin:0}.not-found p{color:var(--muted);margin-bottom:25px}.loading{text-align:center;padding:120px 0}.loading span{border:3px solid #ddd;border-top-color:var(--yellow-dark);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--black);text-align:center;padding:35px 16px 85px}.footer-tagline{margin:0 0 22px;font-size:clamp(22px,4vw,30px);font-weight:700;display:block}.stats{grid-template-columns:repeat(2,1fr);gap:16px;max-width:720px;margin:0 auto 26px;display:grid}.stats div{display:grid}.stats strong{font-size:20px}.stats span,.footer p{color:var(--muted);font-size:12px}@media (min-width:760px){.menu-button{display:none}.nav{background:0 0;border:0;gap:2px;padding:0;display:flex;position:static}.nav a{padding:8px 9px;font-size:12px}.home-intro{grid-template-columns:.85fr 1.15fr;padding:80px 0 74px}.game-grid{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:repeat(5,1fr)}.reviews-preview{grid-template-columns:1fr auto;align-items:center;padding:42px}.product-grid{grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:14px}.steps-grid,.two-column-notes{grid-template-columns:repeat(2,1fr)}.info-panels{grid-template-columns:repeat(3,1fr)}.about-layout{grid-template-columns:.9fr 1.1fr}.review-placeholders{grid-template-columns:repeat(4,1fr)}.instagram-button.floating{padding:13px 18px}.instagram-button.floating span{display:inline}.review-card{flex-basis:34%}.contact-actions{gap:14px 16px}.stats{grid-template-columns:repeat(4,1fr)}.footer{padding-bottom:35px}}@media (min-width:1100px){.nav a{padding:8px 11px;font-size:13px}.product-grid,.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
