@font-face{font-family:Bricolage;src:url('fonts/bricolage-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Geist;src:url('fonts/geist-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('fonts/geist-mono-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Caveat;src:url('fonts/caveat-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{
/* Provisional brand colours / 品牌色待定 */
--amber:#D9770F;--amber-2:#B86100;--amber-ink:#A65A00;--amber-deep:#8A4A00;--amber-soft:#F4D3A6;--amber-wash:#FDF0DC;--primary:#0B2545;--primary-2:#173E6E;--bg:#FFFDF9;--cream:#F8EFE2;--cream-2:#F1E2CA;--ink:#0F1B2D;--muted:#5B6474;--tape:rgba(244,205,146,.82);--line:#e4d9c9;--shadow:0 14px 30px -12px rgba(92,58,12,.36);
--f-body:Geist,"Noto Sans TC","PingFang HK","PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",system-ui,sans-serif;
--f-display:Bricolage,"Noto Sans TC","PingFang HK","PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",system-ui,sans-serif;
--f-mono:'Geist Mono',"Noto Sans TC","PingFang HK","PingFang TC","Microsoft JhengHei","Noto Sans CJK TC",system-ui,sans-serif;
--f-hand:Caveat,"Kaiti TC","BiauKai","DFKai-SB","KaiTi","Ma Shan Zheng","Noto Sans TC",cursive;
--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23866b43' opacity='.045' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");color:var(--ink);background:var(--bg);font-family:var(--f-body);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--amber);outline-offset:4px}::selection{background:var(--amber-soft)}.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}section,footer{scroll-margin-top:130px}section{overflow:clip}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--primary);color:white;padding:12px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:#fffdf9e8;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 20px;padding-top:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;font-size:14px}.logo{display:grid;place-items:center;background:var(--amber);color:#241500;min-height:44px;border-radius:10px;font:600 12px var(--f-mono);padding:8px}.header-cta{display:none!important}nav{display:flex;gap:24px;width:100%;overflow-x:auto}nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding-inline:8px;flex-shrink:0;white-space:nowrap;font-size:13px;text-decoration:none}nav a:hover{color:var(--amber-ink)}
.hero{position:relative;background:var(--cream);padding:48px 0 60px}.hero:before,.hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;pointer-events:none;background:var(--amber-soft);filter:blur(70px);opacity:.4;right:-180px;top:90px}.hero:after{width:270px;height:270px;left:-180px;top:-100px}.hero-grid{position:relative;display:grid;gap:35px;align-items:center;z-index:1}.hero-grid>div:first-child{animation:heroIn .8s both}.eyebrow{font:500 12px var(--f-mono);letter-spacing:.09em;color:var(--amber-ink);margin:0 0 16px}.hero .eyebrow{font:600 1.4rem var(--f-hand);letter-spacing:0;transform:rotate(-2deg)}.english-name{font:500 12px var(--f-mono);color:var(--muted);margin:26px 0 12px}h1,h2,h3{font-family:var(--f-display);letter-spacing:.015em;line-height:1.3}h1{font-size:clamp(46px,6vw,78px);font-weight:800;margin:0 0 18px;color:var(--primary)}.title-dot{color:var(--amber-2)}.hero-size{font-size:20px;font-weight:700;color:var(--amber-ink);margin:0 0 14px}.hero-copy{color:var(--muted);margin:0 0 26px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:650;background:var(--primary);color:#fff;box-shadow:0 8px 18px -10px #0b254580;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:var(--primary-2)}.button span{transition:transform .2s}.button:hover span{transform:translate(3px,-2px)}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:52px;border:1px solid #cdbda6;padding:10px 16px;border-radius:12px;font-size:14px;text-decoration:none}.hero-note{font:400 12px/1.8 var(--f-mono);color:var(--muted);margin-top:22px}.hero-visual{position:relative;padding:35px 20px 120px;min-width:0}.photo-placeholder{background:#dededb;color:#4d5052;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;font-size:14px;position:relative;border:10px solid #fffefa;border-bottom-width:52px;border-radius:5px;box-shadow:var(--shadow);transition:transform .3s}.photo-placeholder:before,.specs:before,.customer-card:before,.calculator:before{content:"";position:absolute;z-index:3;top:-15px;left:calc(50% - 46px);width:92px;height:28px;background:var(--tape);background-image:repeating-linear-gradient(90deg,#ffffff20 0 5px,transparent 5px 10px);clip-path:polygon(2% 0,98% 0,100% 20%,97% 40%,100% 60%,97% 80%,100% 100%,0 100%,3% 80%,0 60%,3% 40%,0 20%);transform:rotate(-5deg)}.hero-photo{aspect-ratio:1.05;transform:rotate(-4deg)}.hero-photo>span:nth-child(2){position:absolute;bottom:-41px;left:4px;text-align:left;font:600 1.35rem var(--f-hand);color:#60513e;white-space:nowrap}.placeholder-mark{font-size:48px;font-weight:200;color:#999e9e}.photo-caption{font:400 12px var(--f-mono)}.photo-placeholder:hover{transform:rotate(0)}.mini-price{position:absolute;right:0;bottom:190px;background:var(--bg);border:1px solid var(--line);padding:12px 16px;display:grid;transform:rotate(6deg);box-shadow:var(--shadow);border-radius:8px}.mini-price span{font:400 12px var(--f-mono);color:var(--muted)}.mini-price b{font:750 38px var(--f-display);color:var(--primary)}.visual-label{position:absolute;left:0;bottom:28px;background:var(--primary);color:var(--bg);padding:10px 16px;border-radius:8px;transform:rotate(-5deg);font-weight:700}.visual-label span{display:block;font-size:12px;font-weight:400}.stamp{position:absolute;right:0;top:0;z-index:4;width:83px;height:83px;border:2px dashed var(--amber-ink);border-radius:50%;display:grid;align-content:center;text-align:center;color:var(--amber-ink);font:700 18px/1.4 var(--f-display);transform:rotate(12deg);background:#fdf0dce0}.sticker{position:absolute;z-index:4;display:grid;place-items:center;background:white;width:54px;height:54px;border-radius:15px;box-shadow:var(--shadow);color:var(--amber-ink);animation:stickerIn .8s .3s both,float 6s 1.1s ease-in-out infinite}.sticker svg{width:32px;height:32px}.sticker-cup{left:0;top:0;rotate:-12deg}.draw-arrow{position:absolute;width:130px;left:34%;top:-12px;color:var(--amber-ink);z-index:4}.draw-arrow path{stroke-dasharray:240;stroke-dashoffset:240;animation:draw 1.3s .5s forwards}.hand{font:600 1.4rem var(--f-hand);color:var(--amber-ink)}.hero-annot{display:none}
.section{padding:65px 0}.section-heading{margin-bottom:32px}.section-heading:before{content:"";display:block;width:28px;height:3px;background:var(--amber);margin-bottom:18px;transform:rotate(-5deg)}h2{font-size:clamp(28px,3.5vw,42px);font-weight:780;margin:0}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);margin:12px 0 0}h3{font-size:23px;margin:0 0 12px}.tinted{background:var(--cream)}.product-grid,.two-column,.order-grid{display:grid;gap:25px}.card{position:relative;background:var(--cream);background-image:var(--grain);background-blend-mode:multiply;border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 18px -16px #5c3a0c80}.specs{padding:15px 24px;border-radius:8px}dl,dd{margin:0}.specs dl>div{padding:16px 0;border-bottom:1px dashed #d6c7b1}.specs dl>div:last-child{border:0}.specs dt{font:500 12px var(--f-mono);color:var(--amber-ink);margin-bottom:7px}.specs dd{font-size:14px}.numeric{font-family:var(--f-mono);letter-spacing:.08em}.nutrition{background:var(--bg);padding:24px;border-radius:8px;border-top:7px solid var(--primary)}table{width:100%;border-collapse:collapse;text-align:left}caption{text-align:left;font-size:24px;font-weight:750;border-bottom:3px solid var(--primary);padding-bottom:12px;margin-bottom:6px}caption span{float:right;font:400 12px var(--f-mono);padding-top:10px;color:var(--muted)}th,td{padding:10px 0;border-bottom:1px solid var(--line);font-weight:400}.nutrition td{text-align:right;font:500 13px var(--f-mono)}tr:last-child th,tr:last-child td{border:0}.packaging-photos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;padding:6px}.packaging-photos .photo-placeholder{aspect-ratio:1.05;border-width:7px;border-bottom-width:28px;font-size:12px;padding:8px}.packaging-photos .photo-placeholder:first-child{transform:rotate(-2deg)}.packaging-photos .photo-placeholder:last-child{transform:rotate(2deg)}.customer-card{padding:30px 25px;border-radius:7px;background-color:var(--cream-2)}.card-number{font:500 12px var(--f-mono);color:var(--amber-deep);display:block;margin-bottom:28px}.customer-sub{font:600 1.35rem/1.6 var(--f-hand);color:var(--amber-deep);margin:0 0 16px}.customer-card p:last-child{color:var(--muted);margin-bottom:0}.customer-card:last-child{background:var(--primary);color:var(--bg);border-color:var(--primary)}.customer-card:last-child .customer-sub,.customer-card:last-child .card-number{color:var(--amber-soft)}.customer-card:last-child p:last-child{color:#dfE5ed}
.price-feature{background:var(--amber);border-radius:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#241500;margin-bottom:25px;box-shadow:var(--shadow)}.price-feature span{font:500 12px var(--f-mono)}.price-feature p{font:600 22px/1.3 var(--f-display);margin:8px 0}.price-feature strong{font:800 76px/1 var(--f-display);letter-spacing:-.04em}.price-feature-note{font-size:13px;border:2px dashed #653400;border-radius:50%;width:130px;height:130px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(9deg)}.price-feature-note strong{font:700 14px/1.7 var(--f-body);letter-spacing:0}.price-table{padding:8px 24px;background-color:var(--bg);border-radius:12px}.price-table th{width:82px;vertical-align:top;color:var(--muted);font-size:13px}.price-table td{font-size:14px}.price-table th,.price-table td{padding-block:18px}.examples{display:grid;gap:20px;margin-top:26px}.examples p{margin:0;padding:24px;background:var(--amber-wash);border-radius:4px;box-shadow:var(--shadow);display:grid;gap:7px;border-top:4px solid var(--amber-soft)}.examples strong{font:700 1.6rem var(--f-hand);color:var(--amber-ink)}.examples span{font-size:13px;color:var(--muted)}.examples b{font:700 25px var(--f-display);color:var(--primary)}.steps{list-style:none;counter-reset:steps;padding:0;margin:0}.steps li{counter-increment:steps;position:relative;padding:0 0 35px 60px}.steps li:not(:last-child):after{content:"";position:absolute;left:21px;top:48px;bottom:7px;border-left:2px dotted #c6ad86}.steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--amber-soft);color:var(--primary);font:600 15px var(--f-mono)}.steps h3{font-size:20px;padding-top:7px}.steps p{font-size:14px;color:var(--muted);margin:0}.calculator{padding:27px 24px;background-color:var(--bg);background-image:repeating-linear-gradient(transparent 0 31px,#dfd2be22 31px 32px),var(--grain);border-radius:7px;box-shadow:var(--shadow)}.calculator h3{margin-bottom:28px}.quantity-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quantity-heading label{font-weight:650}.quantity-heading span{font:600 1.4rem var(--f-hand);color:var(--amber-ink);transform:rotate(-4deg)}.stepper{display:grid;grid-template-columns:54px 1fr 54px;border:1px solid #bfad92;border-radius:10px;overflow:hidden;background:white}.stepper button{min-height:56px;border:0;background:var(--amber-wash);font-size:24px;cursor:pointer;color:var(--primary)}.stepper button:disabled{color:#82796b;cursor:default}.stepper button:hover:not(:disabled){background:var(--amber-soft)}.stepper input{width:100%;min-width:0;text-align:center;border:0;border-inline:1px solid var(--line);background:white;color:var(--primary);font:650 24px var(--f-mono)}.stepper input[aria-invalid="true"]{outline:2px solid var(--amber-ink);outline-offset:-3px}.quantity-hint{font-size:12px;color:var(--amber-ink);margin:8px 0 0}.totals.is-invalid{opacity:.55}.stepper :focus-visible{outline-offset:-4px}.quantity-note{font:400 12px/1.7 var(--f-mono);color:var(--muted);margin:12px 0 25px}.totals dl>div{display:flex;justify-content:space-between;margin:12px 0}.totals dt{color:var(--muted)}.totals dd{font-family:var(--f-mono);font-size:15px}.totals .grand-total{border-top:2px dashed #bca98d;padding-top:20px;margin-top:20px;align-items:center}.grand-total dt{color:var(--ink);font-weight:650}.grand-total dd{font:750 34px var(--f-display);color:var(--amber-ink)}.calculator .button{width:100%;margin-top:12px}.small-note,.number-note{font-size:12px;color:var(--muted);margin:14px 0 0}.number-note{text-align:center;font-family:var(--f-mono)}.faq-container{max-width:940px}.faq-list{display:grid;gap:12px}details{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:0 22px}summary{position:relative;padding:21px 36px 21px 0;list-style:none;cursor:pointer;font-weight:650;min-height:64px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:400 26px var(--f-mono);position:absolute;right:0;top:17px;transition:transform .25s;color:var(--amber-ink)}details[open] summary:after{transform:rotate(180deg);content:'−'}details p{margin:0 0 24px;color:var(--muted);font-size:14px;animation:heroIn .3s both}footer{background:var(--primary);color:var(--cream);padding:48px 0 24px;font-size:13px}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.footer-brand{font:700 23px var(--f-display);margin:0 0 14px}.footer-top a{display:inline-block;min-height:44px;padding:10px 0}.footer-meta{display:flex;gap:35px}.footer-meta span{display:block;color:#c3ccd6;font-size:12px}.footer-bottom small{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #ffffff25;margin-top:36px;padding-top:20px;color:#ccd4df}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.js .rv{opacity:0;transform:translateY(22px) rotate(.6deg);transition:opacity .65s,transform .65s}.js .rv.in{opacity:1;transform:translateY(0) rotate(0)}
@keyframes heroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes stickerIn{from{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes float{50%{translate:0 -7px}}@keyframes draw{to{stroke-dashoffset:0}}
@media(min-width:760px){.container{width:min(1200px,calc(100% - 80px))}.header-inner{flex-wrap:nowrap;padding-block:14px}nav{width:auto;gap:22px}.hero{padding:85px 0 90px}.hero-grid{grid-template-columns:1fr 1fr;gap:60px}.hero-visual{padding:50px 25px 120px}.hero-annot{display:block;position:absolute;bottom:-12px;left:60px;transform:rotate(-5deg)}.hero-photo{aspect-ratio:1.02}.stamp{right:0;top:5px;width:105px;height:105px;font-size:22px}.sticker-cup{left:-8px;top:7px}.section{padding:90px 0}.section-heading{margin-bottom:38px}.product-grid{grid-template-columns:1.35fr 1fr}.specs{padding:15px 32px}.packaging-photos{gap:35px;margin-top:38px}.packaging-photos .photo-placeholder{aspect-ratio:2.2;border-width:12px;border-bottom-width:40px;font-size:15px}.two-column{grid-template-columns:1fr 1fr;gap:36px;padding:8px}.customer-card{padding:35px;rotate:-1.2deg}.customer-card:last-child{rotate:1.2deg}.customer-card:hover{rotate:0deg;transition:rotate .3s}.price-feature{padding:35px 48px}.price-feature p{font-size:28px}.price-feature strong{font-size:110px}.price-feature-note{width:165px;height:165px;font-size:16px}.price-feature-note strong{font-size:19px}.price-table{padding:10px 32px}.examples{grid-template-columns:1fr 1fr;gap:30px}.examples p:first-child{rotate:-1deg}.examples p:last-child{rotate:1deg}.order-grid{grid-template-columns:1.1fr 1fr;gap:65px}.calculator{padding:35px}.steps li{padding-bottom:42px}section,footer{scroll-margin-top:100px}.faq-container{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;max-width:1200px}}
@media(min-width:1050px){.header-inner{display:grid;grid-template-columns:1fr auto 1fr}.brand{justify-self:start}.header-cta{justify-self:end}.header-cta{display:inline-flex!important;min-height:44px;padding:9px 17px;font-size:13px;background:var(--amber);color:#241500}.header-cta:hover{background:var(--amber-soft)}.hero-grid{grid-template-columns:1.05fr 1fr;gap:90px}.hero-visual{margin-right:20px}.mini-price{right:0;padding:16px 22px}.mini-price b{font-size:48px}.draw-arrow{left:26%;top:-10px}.hero-grid>div:first-child>*{animation:heroIn .7s both}.hero-grid>div:first-child>h1{animation-delay:.12s}.hero-grid>div:first-child>.hero-copy{animation-delay:.2s}.hero-grid>div:first-child>.actions{animation-delay:.3s}}
@media(max-width:420px){.price-feature{padding:22px 20px;gap:10px}.price-feature strong{font-size:65px}.price-feature-note{width:110px;height:110px;font-size:12px}.price-feature-note strong{font-size:12px}.hero .actions{gap:10px}.actions .button,.text-link{padding-inline:15px;font-size:13px}.hero-visual{margin-top:8px}.packaging-photos{gap:12px}.packaging-photos .photo-placeholder{font-size:12px}.hero-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .rv{opacity:1!important;transform:none!important}.draw-arrow path{stroke-dashoffset:0}}
.spec-chip{display:inline-block;border:1px dashed #b7a17d;border-radius:5px;padding:3px 7px;margin-top:3px;color:var(--primary);font-size:12px}.numeric{display:inline-block;border:1px solid #d0c1a9;border-radius:5px;padding:5px 9px;background:var(--bg)}