:root{--bg:#f6f1e7;--bg-alt:#fdfaf2;--bg-ash:#e8e2d4;--bg-input:#f2ece0;--ink:#2d2e28;--muted:rgba(45,46,40,0.55);--sage:#5e6f5d;--sage-light:#8ba089;--star:#c9a76b;--line:rgba(94,111,93,0.15);--line-12:rgba(94,111,93,0.12);--line-strong:#d9d3c3;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:14px;--r-2xl:20px;--r-pill:999px;--container:1240px;--content:760px;--speed:0.2s;--font-sans:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif;--font-serif:"Noto Serif TC","Songti TC",serif;--font-display:"Cormorant Garamond",var(--font-serif)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.container{max-width:var(--container);margin:0 auto;padding-left:32px;padding-right:32px}@media (max-width:768px){.container{padding-left:16px;padding-right:16px}}.kicker{font-family:var(--font-display);font-style:italic;font-size:13px;letter-spacing:.4em;text-transform:uppercase;color:var(--sage);margin:0 0 16px}@media (max-width:768px){.kicker{font-size:11px;letter-spacing:.32em;margin-bottom:10px}}.serif{font-family:var(--font-serif);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 30px;font-family:var(--font-sans);font-size:14px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;transition:background var(--speed),color var(--speed),border-color var(--speed)}.btn--block{width:100%}.btn--primary{background:var(--ink);color:var(--bg-alt)}.btn--primary:hover{background:var(--sage)}.btn--secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.btn--secondary:hover{background:var(--ink);color:var(--bg-alt)}.hero{background:var(--bg);border-bottom:1px solid var(--line)}.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:60px;gap:60px;align-items:center;min-height:84vh;padding-top:56px;padding-bottom:56px}.hero__title{font-size:clamp(40px,6vw,64px);line-height:1.18;letter-spacing:.02em;margin:0 0 22px;color:var(--ink)}.hero__sub{max-width:480px;margin:0 0 32px;font-size:15px;line-height:2;color:rgba(45,46,40,.7)}.hero__cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero__note{font-size:12.5px;letter-spacing:.02em;color:var(--muted)}.hero__visual img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r-2xl);box-shadow:0 22px 54px rgba(45,46,40,.13)}@media (max-width:900px){.hero__inner{grid-template-columns:1fr;gap:36px;min-height:auto;padding-top:44px;padding-bottom:44px;text-align:center}.hero__sub{margin-left:auto;margin-right:auto}.hero__cta{justify-content:center}.hero__visual{order:-1;max-width:340px;margin:0 auto}}.values{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px;padding-top:72px;padding-bottom:72px}.value{text-align:center;padding:8px 12px}.value__icon{font-family:var(--font-display);color:var(--sage);font-size:22px;margin-bottom:12px}.value__title{font-family:var(--font-serif);font-weight:400;font-size:20px;margin:0 0 10px}.value p{margin:0;font-size:14px;line-height:1.85;color:var(--muted)}@media (max-width:768px){.values{grid-template-columns:1fr;gap:32px;padding-top:48px;padding-bottom:48px}}.config{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:80px;padding-bottom:96px}.config .kicker,.config__title{text-align:center}.config__title{font-size:clamp(26px,4vw,38px);line-height:1.35;margin:0 0 56px}.config__grid{display:grid;grid-template-columns:1fr 420px;grid-gap:56px;gap:56px;align-items:start}@media (max-width:980px){.config__grid{grid-template-columns:1fr;gap:40px}}.step{margin-bottom:44px}.step:last-child{margin-bottom:0}.step__head{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.step__no{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--sage);letter-spacing:.05em}.step__title{font-family:var(--font-serif);font-weight:400;font-size:21px;margin:0}.fragrance-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}@media (max-width:540px){.fragrance-grid{grid-template-columns:repeat(2,1fr)}}.fragrance-card{--swatch:var(--sage);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;text-align:center;transition:border-color var(--speed),box-shadow var(--speed),transform var(--speed)}.fragrance-card:hover{transform:translateY(-2px)}.fragrance-card.is-active{border-color:var(--swatch);box-shadow:0 0 0 1px var(--swatch),0 6px 18px rgba(45,46,40,.08)}.fragrance-card__media{width:100%;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:var(--bg-alt)}.fragrance-card__media img{width:100%;height:100%;object-fit:cover}.fragrance-card__name{font-size:14px;font-weight:500;margin-top:4px}.fragrance-card__en{font-family:var(--font-display);font-style:italic;font-size:12px;letter-spacing:.08em;color:var(--muted)}.fragrance-note{margin:16px 0 0;padding-left:14px;border-left:2px solid var(--sage);font-style:italic;font-family:var(--font-serif);font-size:14px;line-height:1.8;color:var(--sage)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}@media (max-width:540px){.plan-grid{grid-template-columns:1fr}}.plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px 18px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;text-align:left;transition:border-color var(--speed),box-shadow var(--speed)}.plan-card.is-active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.plan-card__badge{position:absolute;top:-10px;right:14px;background:var(--sage);color:#fff;font-size:10px;letter-spacing:.12em;padding:4px 10px;border-radius:var(--r-pill)}.plan-card__bottles{font-family:var(--font-serif);font-size:24px}.plan-card__label{font-size:14px;font-weight:500}.plan-card__desc{font-size:12.5px;color:var(--muted);line-height:1.6}.plan-card__price{margin-top:10px;font-size:17px;font-weight:500}.plan-card__price em{font-style:normal;font-size:12px;color:var(--muted)}.freq-row{display:flex;flex-wrap:wrap;gap:10px}.freq-pill{padding:11px 22px;background:var(--bg);border:1px solid rgba(94,111,93,.3);border-radius:var(--r-pill);font-size:14px;cursor:pointer;transition:all .18s}.freq-pill.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg-alt)}.freq-note{margin:14px 0 0;font-size:13px;color:var(--muted)}.summary{position:-webkit-sticky;position:sticky;top:24px}.summary__card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-2xl);padding:26px 24px 28px}.summary__media{--swatch:var(--sage);aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;margin-bottom:20px;background:var(--bg-alt)}.summary__media img{width:100%;height:100%;object-fit:cover}.summary__name{font-size:24px;margin:0 0 18px}.summary__lines{list-style:none;margin:0 0 20px;padding:0}.summary__lines li{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line-12);font-size:14px}.summary__lines span{color:var(--muted)}.summary__lines strong{font-weight:500}.summary__lines del{color:var(--muted);font-weight:400;margin-left:4px}.summary__total{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 4px}.summary__total>span:first-child{font-size:14px;color:var(--muted)}.summary__price{font-family:var(--font-serif);font-size:34px}.summary__save{font-size:13px;color:var(--sage);margin-bottom:22px}.summary .btn{margin-top:4px}.checkout-form{margin-top:8px;display:grid;grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12.5px;color:var(--muted);letter-spacing:.02em}.field input{width:100%;padding:13px 14px;font:inherit;font-size:15px;color:var(--ink);background:var(--bg-input);border:none;border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--line-strong);outline:none;transition:box-shadow var(--speed),background var(--speed)}.field input:focus,.field input:hover{box-shadow:0 0 0 1.5px var(--sage);background:var(--bg-alt)}.checkout-form .btn{margin-top:4px}.checkout-form__hint{margin:0;font-size:12px;line-height:1.7;color:var(--muted);text-align:center}.story{padding-top:88px;padding-bottom:88px;text-align:center}.story__inner{max-width:var(--content)}.story__title{font-size:clamp(24px,3.6vw,34px);line-height:1.45;margin:0 0 18px}.story p{margin:0;font-size:15px;line-height:2;color:rgba(45,46,40,.72)}.foot{background:var(--ink);color:rgba(246,241,231,.86);padding-top:56px;padding-bottom:56px;text-align:center}.foot__brand{font-family:var(--font-serif);font-size:30px;letter-spacing:.3em;margin-bottom:14px;color:var(--bg)}.foot p{margin:4px 0;font-size:13px}.foot__links a{color:var(--bg);text-decoration:none;border-bottom:1px solid rgba(246,241,231,.4);padding-bottom:1px}.foot__fine{margin-top:18px;font-size:11.5px;color:rgba(246,241,231,.5)}.result{min-height:88vh;display:flex;align-items:center}.result__inner{max-width:560px;text-align:center;padding-top:60px;padding-bottom:60px;margin:0 auto}.result__mark{width:64px;height:64px;margin:0 auto 26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px}.result__mark.is-ok{background:var(--sage);color:#fff}.result__mark.is-fail{background:var(--bg-ash);color:var(--ink)}.result__title{font-size:clamp(26px,4vw,36px);margin:0 0 18px}.result__text{font-size:15px;line-height:1.95;color:rgba(45,46,40,.72);margin:0 0 14px}.result__no{font-size:13px;color:var(--muted);letter-spacing:.05em}.result__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}