:root{--paper:#f8f6fa;--lavender:#eee9f3;--ink:#302638;--muted:#6d6372;--purple:#634677;--pink:#d995b3;--line:#ded6e3;--white:#fff;--font:'Noto Sans TC',sans-serif;--latin:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a963a1;outline-offset:3px}.site-header{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:40px;background:var(--paper)}.wordmark{font:700 32px/1 var(--latin);letter-spacing:-.08em}.wordmark-dot{color:#bc80aa}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:600}.header-link{border-bottom:1px solid currentColor;font:600 14px var(--latin)}.hero{min-height:600px;background:var(--lavender);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:clamp(60px,8vw,125px) 5vw 80px max(5vw,24px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.status,.section-index{color:var(--purple);font-size:13px;font-weight:700;letter-spacing:.05em}.status{padding:7px 12px;border:1px solid #cabbd1;border-radius:100px}.hero h1{font-size:clamp(42px,5vw,78px);line-height:1.22;letter-spacing:-.06em;margin:20px 0}.hero-desc{font-size:17px;max-width:420px;color:#5c5161;margin:0 0 32px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;min-height:52px;padding:12px 22px;border:0;border-radius:100px;background:var(--ink);color:#fff;font-weight:700}.primary-button:hover{background:var(--purple)}.hero-art{position:relative;min-height:550px;background:#decfe3;isolation:isolate}.hero-art:before{content:'';position:absolute;width:72%;aspect-ratio:1;border:1px solid #f4ebf3;border-radius:50%;left:15%;top:8%}.hero-art:after{content:'';position:absolute;width:44%;aspect-ratio:1;border:1px solid #f4ebf3;border-radius:50%;left:29%;top:23%}.art-label{position:absolute;left:8%;top:8%;font:600 14px var(--latin);letter-spacing:.05em}.art-note{position:absolute;right:8%;bottom:9%;font:500 17px/1.3 var(--latin);transform:rotate(-7deg)}.art-circle{position:absolute;z-index:0;left:24%;top:23%;width:53%;aspect-ratio:1;border-radius:50%;background:#ebdce9;filter:blur(3px)}.fan{position:absolute;z-index:1;width:69px;height:240px;border-radius:48% 48% 26% 26% / 23% 23% 13% 13%;top:29%;left:46%;transform-origin:50% 90%;box-shadow:inset -8px -11px 18px #fff6,12px 15px 25px #715d7640;border:1px solid #ffffffaa}.fan-1{background:linear-gradient(#f7e8ef,#c78eac);transform:rotate(-48deg)}.fan-2{background:linear-gradient(#f1d7e8,#af7aa6);transform:rotate(-25deg)}.fan-3{background:linear-gradient(#f8edf2,#d09bb6);transform:rotate(0)}.fan-4{background:linear-gradient(#e5d5ed,#8f709f);transform:rotate(25deg)}.fan-5{background:linear-gradient(#f0e4ed,#c89cbc);transform:rotate(48deg)}.section-wrap{max-width:1280px;padding:0 30px;margin:auto}.catalogue{padding-top:88px;padding-bottom:105px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h2,.enquiry h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.05em;line-height:1.28;margin:8px 0 0}.section-heading>p{max-width:340px;font-size:14px;color:var(--muted);margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filter{border:1px solid var(--line);border-radius:100px;padding:8px 18px;background:transparent;color:var(--ink)}.filter.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.style-card{min-width:0}.style-card[hidden]{display:none}.style-visual{height:290px;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}.style-visual .nail{display:block;width:42px;height:145px;border-radius:44% 44% 22% 22% / 15% 15% 9% 9%;box-shadow:inset -4px -6px 10px #0001,5px 8px 10px #0002;transform:rotate(-12deg)}.style-visual .nail:nth-child(2){height:167px;transform:rotate(-4deg)}.style-visual .nail:nth-child(3){height:160px;transform:rotate(4deg)}.style-visual .nail:nth-child(4){height:135px;transform:rotate(12deg)}.blush{background:#eadde3}.blush .nail{background:linear-gradient(#fbf2f5,#dc9fba)}.berry{background:#e4d2d9}.berry .nail:nth-child(odd){background:#852a57}.berry .nail:nth-child(even){background:#d891af}.milk{background:#e6e6e2}.milk .nail{background:linear-gradient(130deg,#faf8f5 65%,#c0adb5 66%,#faf8f5 69%)}.lilac{background:#e5ddeb}.lilac .nail{background:linear-gradient(#f8f2fb,#987ba9)}.night{background:#d3cadc}.night .nail{background:radial-gradient(circle at 35% 24%,#fff 0 2px,transparent 3px),radial-gradient(circle at 60% 55%,#ecbedb 0 2px,transparent 3px),linear-gradient(#3f334c,#171c31)}.nude{background:#e8dedb}.nude .nail{background:linear-gradient(#fffdfb 0 18%,#d0acaa 19%)}.style-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 2px}.style-info p{font-size:12px;color:var(--muted);margin:0}.style-info h3{font-size:20px;margin:3px 0 0}.pick-button{white-space:nowrap;background:transparent;border:1px solid var(--ink);border-radius:100px;padding:8px 14px;font-size:13px;font-weight:700}.pick-button[aria-pressed="true"]{background:var(--ink);color:#fff}.enquiry{background:#e8e1ec;padding:92px 0 110px}.enquiry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.enquiry-intro>p:last-child{max-width:330px;color:#5c5161;line-height:1.9}.enquiry-form{background:#fbf9fc;padding:clamp(25px,4vw,54px);display:flex;flex-direction:column;gap:10px}.enquiry-form label{font-size:14px;font-weight:700;margin-top:10px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;border:1px solid #cfc4d3;border-radius:8px;background:#fff;color:var(--ink);padding:13px 14px}.enquiry-form textarea{resize:vertical}.form-button{margin-top:16px;width:100%}.message-result{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.result-title{font-weight:700;margin:0 0 8px}.message-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 var(--font);background:var(--lavender);padding:18px;border-radius:8px}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.result-actions button,.result-actions a{padding:10px 16px;border:1px solid var(--ink);border-radius:100px;background:transparent;font-size:14px;font-weight:700}.result-actions button:hover,.result-actions a:hover{background:var(--ink);color:#fff}.result-hint{font-size:12px;color:var(--muted);margin-bottom:0}footer{padding:28px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:12px;color:var(--muted)}footer a{font-size:13px;text-decoration:underline}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-copy{min-height:460px}.hero-art{min-height:440px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enquiry-layout{grid-template-columns:1fr;gap:32px}.enquiry-intro>p:last-child{max-width:560px}}@media(max-width:580px){.site-header{height:66px;gap:16px}.site-header nav{gap:14px;font-size:12px}.header-link{display:none}.hero-copy{min-height:430px;padding:50px 24px}.hero h1{font-size:45px}.hero-art{min-height:330px}.fan{width:46px;height:155px;top:27%;left:47%}.art-note{font-size:14px}.section-wrap{padding:0 18px}.catalogue{padding-top:64px;padding-bottom:70px}.section-heading{display:block}.section-heading>p{margin-top:16px}.style-grid{gap:14px}.style-visual{height:190px;gap:6px}.style-visual .nail{width:24px;height:96px}.style-visual .nail:nth-child(2){height:109px}.style-visual .nail:nth-child(3){height:104px}.style-visual .nail:nth-child(4){height:89px}.style-info{display:block}.style-info h3{font-size:17px}.pick-button{margin-top:10px}.enquiry{padding:65px 0}.enquiry-form{padding:22px}footer{align-items:flex-start;flex-direction:column;gap:4px}footer p{margin:5px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.text-link{display:inline-block;text-decoration:underline;text-underline-offset:3px;color:var(--purple);font-weight:700}.tryon{padding-top:78px;padding-bottom:100px;border-top:1px solid var(--line)}.tryon-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:34px;align-items:start}.tryon-stage{min-height:520px;background:#e1d9e6;display:grid;place-items:center;overflow:hidden}.tryon-empty{text-align:center;color:#5b4d64;font-size:20px;font-weight:700;padding:24px}.tryon-empty small{display:block;margin-top:9px;font-size:13px;font-weight:400}.tryon-stage canvas{display:block;width:100%;height:auto;max-height:780px;object-fit:contain;touch-action:none;cursor:grab}.tryon-stage canvas:active{cursor:grabbing}.tryon-controls{padding:26px;background:#f1ecf3;display:flex;flex-direction:column;align-items:stretch;gap:8px}.tryon-controls label:not(.photo-picker){font-size:14px;font-weight:700;margin-top:13px}.photo-picker{display:block;text-align:center;border-radius:100px;padding:12px 16px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.tryon-controls input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.tryon-controls input[type=file]:focus-visible+.field-hint{outline:3px solid #a963a1}.tryon-controls select{width:100%;padding:11px 12px;border:1px solid #cfc4d3;border-radius:8px;background:#fff;color:var(--ink)}.tryon-controls input[type=range]{width:100%;accent-color:var(--purple);margin:2px 0}.slider-value{align-self:flex-end;font:600 12px var(--latin);color:var(--muted)}.tryon-controls button{padding:11px 16px;border:1px solid var(--ink);border-radius:100px;background:transparent;color:var(--ink);font-weight:700}.tryon-controls button:disabled{opacity:.45;cursor:not-allowed}.tryon-controls button:not(:disabled):hover{background:var(--ink);color:#fff}.tryon-controls .text-link{margin-top:10px}.field-hint{margin:0;color:var(--muted);font-size:12px;line-height:1.65}@media(max-width:850px){.tryon-layout{grid-template-columns:1fr}.tryon-stage{min-height:350px}}@media(max-width:580px){.tryon{padding-top:60px;padding-bottom:70px}.tryon-controls{padding:20px}.tryon-stage{min-height:300px}.site-header nav{gap:10px;font-size:11px}}
.tryon-stage canvas[hidden],.tryon-empty[hidden]{display:none}

.portfolio{padding-top:88px;padding-bottom:94px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card{min-width:0;background:#fff;padding-bottom:16px}.work-card[hidden]{display:none}.work-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#e7dfe8}.work-meta{display:flex;align-items:start;justify-content:space-between;gap:8px;padding:15px 14px 10px}.work-meta p{font-size:12px;color:var(--muted);margin:0}.work-meta h3{font-size:17px;line-height:1.35;margin:4px 0 0}.work-meta a{font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:2px}.work-enquire{margin:2px 14px 0;border:1px solid var(--ink);border-radius:100px;padding:8px 14px;background:#fff;color:var(--ink);font-size:12px;font-weight:700}.work-enquire:hover{background:var(--ink);color:#fff}@media(max-width:850px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.portfolio{padding-top:60px;padding-bottom:64px}.portfolio-grid{gap:12px}.work-meta{display:block;padding:11px}.work-meta h3{font-size:15px}.work-meta a{display:inline-block;margin-top:4px}.work-enquire{margin:2px 11px 0}.work-card img{aspect-ratio:1}}

/* 奶白底色與奶棕重點，作品照片和試戴款式保留原色。 */
:root{--paper:#faf7f1;--lavender:#f2e9dd;--ink:#382b24;--muted:#6c5d52;--purple:#76523b;--pink:#b48f72;--line:#dfd2c3;--white:#fffdfa}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#9b6543}
.site-header{background:var(--paper)}
.wordmark-dot{color:#b48f72}
.status{border-color:#c9b8a3}
.hero{background:#f1e8dc}
.hero-desc,.enquiry-intro>p:last-child{color:#66564a}
.hero-art{background:#dbc9b8}
.hero-art:before,.hero-art:after{border-color:#f8f1e8}
.art-circle{background:#eadbca}
.fan{box-shadow:inset -8px -11px 18px #fff6,12px 15px 25px #5c493d40}
.fan-1{background:linear-gradient(#f8ecdf,#c9a487)}
.fan-2{background:linear-gradient(#f3dfca,#ab8267)}
.fan-3{background:linear-gradient(#fff9ee,#cfaa8f)}
.fan-4{background:linear-gradient(#e9d7c4,#947258)}
.fan-5{background:linear-gradient(#f5e7d8,#c49b7c)}
.work-card{background:#fffdfa}
.work-card img{background:#e7dccf}
.enquiry{background:#e9ddcf}
.enquiry-form{background:#fffdfa}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea,.tryon-controls select{border-color:#cbb9a7}
.tryon-stage{background:#ded0c0}
.tryon-empty{color:#604d40}
.tryon-controls{background:#f1e9de}
.tryon-controls input[type=file]:focus-visible+.field-hint{outline-color:#9b6543}
.work-actions{display:flex;flex-wrap:wrap;gap:7px;margin:2px 14px 0}.work-actions button{margin:0;border:1px solid var(--ink);border-radius:100px;padding:8px 11px;background:#fffdfa;color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.work-actions .work-tryon{background:var(--ink);color:#fff}.work-actions button:hover{background:#8a654b;color:#fff}.tryon-work-source{display:flex;align-items:center;gap:12px;padding:10px;background:#fffdfa;border:1px solid #d9c9b8;border-radius:10px}.tryon-work-source[hidden]{display:none}.tryon-work-source img{width:74px;height:74px;object-fit:cover;border-radius:6px}.tryon-work-source div{display:flex;flex-direction:column;gap:3px;min-width:0}.tryon-work-source strong{font-size:14px}.tryon-work-source span{font-size:11px;color:var(--muted)}.tryon-work-source a{font-size:11px;text-decoration:underline;text-underline-offset:2px}@media(max-width:580px){.work-actions{margin:2px 11px 0}}