:root{--ink:#183637;--muted:#687a78;--paper:#fffdf8;--cream:#f5efe5;--orange:#f26c4f;--yellow:#ffd460;--line:#dfdfd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif}.announcement{text-align:center;padding:9px;background:#183637;color:#fff;font-size:13px}.site-header{height:86px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none;font-size:18px;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:1.2px;font-weight:500;color:var(--muted);margin-top:4px}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--orange);color:white;font-family:Georgia;font-size:23px;font-style:italic}nav{display:flex;gap:28px}nav a{color:var(--ink);font-size:14px;text-decoration:none}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;text-decoration:none;cursor:pointer;border:0;font:inherit;font-weight:700}.header-cta{color:#fff;background:var(--ink);padding:11px 19px;font-size:13px}.hero{min-height:505px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;background:var(--cream)}.hero-copy{padding:84px max(24px,calc((100vw - 1120px)/2)) 70px; padding-right:50px}.eyebrow{margin:0 0 12px;color:var(--orange);font-size:12px;letter-spacing:1.5px;font-weight:800}.hero h1,.section h2{font-size:clamp(34px,4vw,55px);letter-spacing:-2px;line-height:1.2;margin:0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-text{max-width:480px;line-height:1.9;color:var(--muted);font-size:16px;margin:24px 0}.hero-actions{display:flex;gap:12px}.button{padding:13px 22px}.primary{background:var(--orange);color:#fff}.ghost{color:var(--ink);border:1px solid #bdc3b7}.ghost span{margin-left:9px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:35px;font-size:13px;font-weight:600}.hero-art{position:relative;background:#d4e7dc;overflow:hidden;min-height:400px}.sun{position:absolute;right:15%;top:65px;width:170px;height:170px;border-radius:50%;background:#ffd565}.wave{position:absolute;inset:auto -10% -20% -15%;height:280px;border-radius:50% 50% 0 0;background:#8cbfa7;transform:rotate(-11deg)}.card{position:absolute;z-index:2;width:162px;height:190px;padding:23px;border-radius:20px;box-shadow:12px 15px 0 rgba(24,54,55,.12);display:flex;flex-direction:column;justify-content:space-between}.card b{font-size:31px}.card span{font-size:13px;letter-spacing:1px}.card-one{background:#fff;left:13%;top:70px;transform:rotate(-8deg)}.card-two{background:var(--orange);color:white;left:43%;top:185px;transform:rotate(10deg)}.card-three{background:var(--yellow);right:7%;top:58px;transform:rotate(11deg)}.sparkle{position:absolute;color:#fff;font-size:34px;z-index:3}.sparkle.a{top:42px;left:12%}.sparkle.b{right:13%;bottom:120px}.category-strip{max-width:1120px;margin:-28px auto 0;position:relative;z-index:3;border-radius:12px;background:white;box-shadow:0 9px 30px #213b3917;display:grid;grid-template-columns:repeat(4,1fr)}.category-strip a{padding:22px 25px;color:var(--ink);font-weight:700;text-decoration:none;border-right:1px solid var(--line)}.category-strip a:last-child{border:0}.category-strip span{float:right;color:var(--orange)}.section{max-width:1120px;margin:auto;padding:100px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section h2{font-size:38px}.section-heading>p{max-width:405px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.filters{display:flex;gap:9px;margin-bottom:25px}.filter{border:1px solid var(--line);padding:8px 16px;border-radius:99px;background:white;color:var(--muted);cursor:pointer;font:inherit;font-size:13px}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.product-art{height:164px;padding:18px;font-size:52px;display:flex;flex-direction:column;justify-content:space-between;font-family:Georgia}.product-art span{font:700 13px "Noto Sans TC"}.blue{background:#ddecf0}.coral{background:#f8c5b8}.yellow{background:#ffe28a}.green{background:#c9e0d2}.product-info{padding:17px}.tag{color:var(--orange);font-size:11px;font-weight:700;margin:0}.product h3{font-size:17px;margin:7px 0}.product-desc{font-size:13px;line-height:1.7;color:var(--muted);height:66px;margin:0}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:14px}.buy{font:600 12px "Noto Sans TC";border:0;background:none;color:var(--orange);padding:5px;cursor:pointer}.process{background:var(--ink);color:white}.process .section{padding-top:78px;padding-bottom:78px}.process .eyebrow{color:var(--yellow)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps div{border-top:1px solid #ffffff44;padding-top:16px}.steps span{font-size:13px;color:var(--yellow);font-weight:800}.steps h3{font-size:18px;margin:13px 0 8px}.steps p{font-size:13px;color:#d0dad6;line-height:1.7;margin:0}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.payment-grid article{background:#f6f3eb;border-radius:14px;padding:26px}.payment-icon{font-size:28px}.payment-grid h3{margin:15px 0 7px}.payment-grid p{font-size:13px;line-height:1.7;color:var(--muted);min-height:45px}.payment-grid a{color:var(--orange);font-size:13px;font-weight:700;text-decoration:none}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;border-top:1px solid var(--line)}.faq>div>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:14px}.faq-list details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.faq-list summary{font-weight:700;font-size:15px;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{float:right;color:var(--orange);font-size:20px}.faq-list p{color:var(--muted);font-size:13px;line-height:1.8;margin:12px 25px 0 0}footer{background:#f1ede4;padding:55px max(24px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;font-size:13px;color:var(--muted)}footer h3{color:var(--ink);font-size:14px;margin:0 0 13px}footer p{line-height:1.8;margin:3px 0}.copyright{grid-column:1/-1;border-top:1px solid #d8d3ca;padding-top:18px;margin-top:12px!important}.modal{position:fixed;display:none;place-items:center;inset:0;background:#1025269a;z-index:8;padding:20px}.modal.show{display:grid}.modal-box{width:min(500px,100%);background:white;border-radius:18px;padding:30px;position:relative}.modal-box h2{margin:0 0 6px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer;color:var(--muted)}form{margin-top:20px;display:grid;gap:12px}label{font-size:13px;font-weight:700;display:grid;gap:6px}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit;font-size:13px}textarea{min-height:75px;resize:vertical}.form-note{font-size:11px;color:var(--muted);margin:14px 0 0}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,120px);background:var(--ink);color:#fff;border-radius:99px;padding:12px 20px;font-size:13px;transition:.3s;z-index:10}.toast.show{transform:translate(-50%,0)}
.line-add-button{display:inline-flex;align-items:center;justify-content:center;margin:2px 0 5px;padding:9px 15px;border-radius:999px;background:#06c755;color:#fff;font-weight:800;font-size:13px;text-decoration:none;box-shadow:0 5px 12px #06c75533;transition:transform .2s,background .2s}.line-add-button::before{content:"LINE";font-size:9px;letter-spacing:.6px;margin-right:7px;padding-right:7px;border-right:1px solid #ffffff88}.line-add-button:hover{background:#05af4a;transform:translateY(-1px)}
.shrimp-puff-mark{position:relative;overflow:visible!important;font-family:system-ui!important;font-size:22px!important;font-style:normal!important;isolation:isolate}.shrimp-puff-mark::after{content:"💨";position:absolute;z-index:-1;right:-16px;bottom:-4px;font-size:15px;filter:saturate(.75);transform:rotate(-8deg)}
@media(max-width:800px){nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:64px 24px}.hero-art{min-height:320px}.category-strip{margin:0;border-radius:0;grid-template-columns:repeat(2,1fr)}.category-strip a{padding:17px}.product-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.faq{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-heading>p{margin-top:12px}.payment-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}}@media(max-width:480px){.site-header{height:70px;padding:0 16px}.header-cta{padding:9px 13px;font-size:12px}.brand{font-size:15px}.hero h1{font-size:37px}.product-grid{grid-template-columns:1fr}.section{padding:65px 20px}.steps{grid-template-columns:1fr}.card{transform:scale(.8)!important}.card-one{left:3%}.card-two{left:32%;top:138px}.card-three{right:0}.category-strip a{font-size:13px}footer{padding:40px 20px;grid-template-columns:1fr}}