:root{--paper:#f3f0ea;--ink:#1d2022;--muted:#706d68;--mist:#aeb8bc;--stone:#24282a;--amber:#c89b61;--link:#8e6632;--line:#dcd7ce;--error:#9b3326;--success:#3f6147;--focus:#8e6632;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}*{box-sizing:border-box}body{margin:0;min-width:320px}.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--stone);color:var(--paper);padding:.5rem 1rem;z-index:5}.skip-link:focus{top:1rem}.site-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);gap:1rem}.brand{color:var(--ink);text-decoration:none;letter-spacing:.08em}.brand span{font-family:Georgia,"Noto Serif TC",serif;font-size:1.3rem}.brand small{display:block;color:var(--muted);font-size:.58rem;letter-spacing:.2em;line-height:1}.site-header nav,.site-footer nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.site-header a:not(.brand),.site-footer a{color:var(--link);text-decoration:none}.site-header a:not(.brand):hover,.site-footer a:hover{text-decoration:underline}.nav-cta{border:1px solid var(--link);padding:.35rem .8rem}.site-footer{display:grid;grid-template-columns:1.4fr 1fr auto;gap:2rem;padding:3rem clamp(1rem,4vw,4rem);margin-top:4rem;background:var(--stone);color:var(--paper)}.site-footer p,.site-footer span{color:var(--mist);margin:.2rem 0;font-size:.9rem}.site-footer a{color:var(--amber)}main{max-width:1200px;margin:auto;padding:0 clamp(1rem,4vw,4rem);min-height:60vh}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding:clamp(4rem,11vw,9rem) 0}.eyebrow{color:var(--link);letter-spacing:.18em;font-size:.75rem;text-transform:uppercase}.hero h1{font:normal clamp(2.8rem,7vw,6rem)/1.15 Georgia,"Noto Serif TC",serif;margin:.7rem 0 1rem}.hero p{font-size:1.2rem;max-width:32rem}.hero-visual{min-height:25rem;background:radial-gradient(circle at 70% 20%,#c89b61 0 4%,transparent 5%),linear-gradient(135deg,var(--mist),#e6e0d7 45%,var(--amber));position:relative;overflow:hidden}.hero-visual:after{content:"雨後的光";position:absolute;inset:auto 1.5rem 1.5rem auto;color:var(--stone);letter-spacing:.15em}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-block;border:1px solid var(--link);background:var(--amber);color:var(--ink);padding:.65rem 1.1rem;text-decoration:none;font:inherit;cursor:pointer}.button.secondary{background:transparent}.button:disabled{opacity:.55;cursor:not-allowed}.button:hover{background:#a87f45}.section{padding:3rem 0;border-top:1px solid var(--line)}h2{font:normal clamp(1.7rem,4vw,3rem)/1.2 Georgia,"Noto Serif TC",serif;margin:0 0 1rem}h3{margin-top:0}.muted{color:var(--muted)}.notice{border-left:4px solid var(--amber);background:#ebe6dd;padding:1rem 1.25rem;margin:1rem 0}.notice.warning{border-color:var(--error)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{border:1px solid var(--line);padding:1.4rem;background:#f7f4ef}.card .swatch{height:5rem;margin:-1.4rem -1.4rem 1rem;background:var(--mist)}.card:nth-child(2) .swatch{background:#c89b61}.card:nth-child(3) .swatch{background:#24282a}.form-shell{max-width:800px;padding:3rem 0}.form-section{border:0;border-top:1px solid var(--line);margin:2rem 0;padding:1.5rem 0}.field{margin:1rem 0}.field label,.field legend{font-weight:650;display:block}.field input,.field select,.field textarea{width:100%;border:1px solid #7d8d94;background:#fffdf9;padding:.7rem;font:inherit;color:var(--ink);margin-top:.3rem}.field textarea{min-height:6rem;resize:vertical}.hint{font-size:.88rem;color:var(--muted)}.radio-list{display:grid;gap:.65rem;margin-top:.5rem}.radio-list label,.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}.radio-list input,.check input{margin-top:.4rem;accent-color:var(--link)}.trust-alert{font-size:1.1rem;border:2px solid var(--error);padding:1rem;background:#fff8f6}.error{color:var(--error);font-weight:600}.success{color:var(--success);font-weight:600}.status-box{padding:1.5rem;border:1px solid var(--line);background:#f7f4ef}.page-copy{max-width:760px;padding:4rem 0}.page-copy li{margin:.5rem 0}.loading{color:var(--muted);padding:2rem 0}@media(max-width:700px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{gap:.75rem}.hero{grid-template-columns:1fr;padding:3.5rem 0}.hero-visual{min-height:14rem}.grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;margin-top:2rem}.order-facts{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.detail-card,.proof-panel{border:1px solid var(--line);background:#f7f4ef;padding:1.4rem;margin:1.5rem 0}.swatch.large{height:9rem;margin:-1.4rem -1.4rem 1.4rem}.proof-preview{display:block;width:min(100%,720px);max-height:720px;object-fit:contain;border:1px solid var(--line);background:#fff;margin:1rem 0}.order-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.order-facts div{border-top:1px solid var(--line);padding-top:.4rem}.order-facts dt{color:var(--muted);font-size:.85rem}.order-facts dd{margin:0;font-weight:600}.order-content{margin-top:1.5rem}@media(max-width:700px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{gap:.75rem}.hero{grid-template-columns:1fr;padding:3.5rem 0}.hero-visual{min-height:14rem}.grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;margin-top:2rem}.order-facts{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.hero-visual{background:var(--mist)}.hero-visual img{display:block;width:100%;height:100%;min-height:25rem;object-fit:cover;object-position:62% center}.designer-profile{margin:1.5rem 0 2rem}.designer-profile img{display:block;width:min(100%,760px);max-height:32rem;object-fit:cover;object-position:62% center;border:1px solid var(--line)}.designer-profile figcaption{margin-top:.45rem;font-size:.88rem}@media(max-width:700px){.hero-visual img{min-height:14rem}}