:root{--bg:#f7f2ef;--paper:#fffdfb;--ink:#342c2d;--muted:#7f7271;--line:#e9ddda;--rose:#a56f75;--rose-dark:#7f5055;--rose-soft:#f3e3e3;--sage:#6f8272;--success:#387258;--danger:#ad4f50;--warning:#956b2d;--shadow:0 22px 60px rgba(71,45,45,.1);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans TC",sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0,#f1dede 0,transparent 27%),radial-gradient(circle at 100% 18%,#efe4d8 0,transparent 25%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.hidden{display:none!important}.demo-banner{background:#493e3f;color:white;text-align:center;padding:9px 16px;font-size:12px}.site-header{width:min(1180px,calc(100% - 34px));margin:auto;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-seal{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--rose),#c7969b);color:white;font-family:serif;font-weight:700;font-size:13px;letter-spacing:.08em;box-shadow:0 10px 25px rgba(165,111,117,.25)}.brand strong,.brand small{display:block}.brand strong{font-family:"Noto Serif TC",serif;font-size:17px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.12em;margin-top:2px}.header-actions,.modal-actions,.button-row{display:flex;align-items:center;gap:10px}.ghost-button,.line-button,.primary-button,.text-button{border:0;text-decoration:none;font-weight:700}.ghost-button{display:inline-flex;justify-content:center;align-items:center;padding:11px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:rgba(255,255,255,.72)}.ghost-button:hover{border-color:var(--rose);color:var(--rose-dark)}.line-button{display:inline-flex;justify-content:center;align-items:center;padding:12px 17px;border-radius:999px;background:#20c060;color:white}.line-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(32,192,96,.2)}.line-button.compact{font-size:13px}.hero-section{width:min(1180px,calc(100% - 34px));margin:12px auto 32px;display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;border-radius:34px;overflow:hidden;background:rgba(255,253,251,.8);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9)}.hero-copy{padding:62px 56px;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-kicker,.summary-kicker{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--rose-dark);margin:0 0 12px}.hero-copy h1{font-family:"Noto Serif TC",serif;font-size:clamp(42px,5vw,68px);line-height:1.18;margin:0;letter-spacing:-.04em}.hero-copy h1 em{font-style:normal;color:var(--rose)}.hero-description{color:var(--muted);line-height:1.9;max-width:590px;margin:24px 0}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.hero-facts div{border-top:1px solid var(--line);padding-top:14px}.hero-facts strong,.hero-facts span{display:block}.hero-facts strong{font-size:15px}.hero-facts span{font-size:11px;color:var(--muted);margin-top:4px}.hero-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#9f7074,#6b4d50);display:grid;place-items:center}.orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(.2px)}.orb-one{width:330px;height:330px;right:-80px;top:-90px}.orb-two{width:220px;height:220px;left:-70px;bottom:-70px}.art-card{width:min(330px,72%);min-height:350px;border:1px solid rgba(255,255,255,.32);border-radius:170px 170px 22px 22px;color:white;padding:64px 40px 34px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(10px);background:rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(45,24,26,.25)}.art-card span,.art-card small{font-size:11px;letter-spacing:.16em;opacity:.8}.art-card strong{font-family:"Noto Serif TC",serif;font-size:46px;line-height:1.25;font-weight:600}.booking-shell{width:min(1180px,calc(100% - 34px));margin:0 auto 60px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.card-surface{background:var(--paper);border:1px solid rgba(255,255,255,.95);border-radius:var(--radius);box-shadow:var(--shadow)}.booking-main{padding:34px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.section-heading h2{font-family:"Noto Serif TC",serif;font-size:27px;margin:0}.section-kicker{display:block;margin-bottom:6px}.secure-note{font-size:12px;color:var(--sage);background:#eaf0eb;padding:7px 10px;border-radius:999px}.form-block{margin-bottom:28px}.block-label,.field-group label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.choice-grid{display:grid;gap:12px}.store-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.choice-card{position:relative;border:1px solid var(--line);background:#fff;padding:18px;border-radius:18px;text-align:left;color:var(--ink)}.choice-card:hover{border-color:#cfacaf;transform:translateY(-1px)}.choice-card.active{border-color:var(--rose);box-shadow:0 0 0 3px rgba(165,111,117,.1);background:#fffafa}.choice-card .choice-check{position:absolute;right:14px;top:14px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:12px}.choice-card.active .choice-check{background:var(--rose);color:white;border-color:var(--rose)}.choice-card strong{display:block;font-size:16px;padding-right:30px}.choice-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.service-card{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.service-card .service-price{text-align:right}.service-card .service-price strong{color:var(--rose-dark);font-size:20px}.service-card .service-price small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.service-tag{display:inline-flex;margin-top:9px;background:var(--rose-soft);color:var(--rose-dark);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.two-column,.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-group input,.field-group select,.field-group textarea,.export-preview{width:100%;border:1px solid var(--line);border-radius:14px;background:white;color:var(--ink);padding:13px 14px;outline:none}.field-group input:focus,.field-group select:focus,.field-group textarea:focus,.export-preview:focus{border-color:var(--rose);box-shadow:0 0 0 4px rgba(165,111,117,.1)}.field-group input:disabled{background:#f4efed;color:#a69895}.field-group small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.status-box{height:48px;border-radius:14px;display:flex;align-items:center;padding:0 14px;font-size:13px;font-weight:600}.status-box.muted{background:#f4efed;color:var(--muted)}.status-box.loading{background:#fff6e8;color:var(--warning)}.status-box.ready{background:#e8f2ec;color:var(--success)}.status-box.full{background:#f9e9e9;color:var(--danger)}.label-row{display:flex;justify-content:space-between;align-items:center}.text-button{background:none;color:var(--rose-dark);padding:4px}.slot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.slot-button{border:1px solid var(--line);background:white;border-radius:13px;padding:11px 6px;font-weight:700;color:var(--ink)}.slot-button:hover{border-color:var(--rose);color:var(--rose-dark)}.slot-button.active{background:var(--rose);border-color:var(--rose);color:white;box-shadow:0 9px 18px rgba(165,111,117,.2)}.empty-state{grid-column:1/-1;padding:22px;text-align:center;background:#faf7f5;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:13px;line-height:1.7}.section-divider{height:1px;background:var(--line);margin:34px 0}.compact-heading{margin-bottom:20px}.full-width{grid-column:1/-1}.guest-two{padding:16px;background:#faf5f4;border-radius:16px}.consent-row{display:flex;gap:10px;align-items:flex-start;margin:22px 0 0;padding:15px;border-radius:15px;background:#faf7f5}.consent-row input{margin-top:4px}.consent-row span{font-size:12px;color:var(--muted);line-height:1.65}.primary-button{width:100%;padding:15px 20px;border-radius:14px;color:white;background:linear-gradient(135deg,var(--rose),var(--rose-dark));box-shadow:0 12px 25px rgba(165,111,117,.22);margin-top:16px}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-message{margin-top:14px;padding:12px 14px;border-radius:12px;font-size:13px}.form-message.error{background:#f9e7e7;color:var(--danger)}.form-message.success{background:#e8f2ec;color:var(--success)}.booking-summary{padding:27px;position:sticky;top:18px}.booking-summary h3{font-family:"Noto Serif TC",serif;margin:0 0 18px;font-size:24px}.booking-summary dl{margin:0}.booking-summary dl div{display:grid;grid-template-columns:75px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.booking-summary dt{font-size:12px;color:var(--muted)}.booking-summary dd{margin:0;text-align:right;font-size:13px;font-weight:700}.summary-price{display:flex;justify-content:space-between;align-items:end;background:var(--rose-soft);padding:17px;border-radius:16px;margin-top:18px}.summary-price span{font-size:12px;color:var(--muted)}.summary-price strong{font-size:25px;color:var(--rose-dark)}.line-consult-card{margin-top:16px;padding:17px;background:#edf6ef;border-radius:16px}.line-consult-card span,.line-consult-card strong{display:block}.line-consult-card span{font-size:11px;color:var(--muted)}.line-consult-card strong{font-size:14px;margin:4px 0 12px}.line-consult-card a{display:inline-flex;color:#138b47;font-size:13px;font-weight:700}.summary-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin:16px 0 0}.locations-section{width:min(1180px,calc(100% - 34px));margin:0 auto 70px}.section-heading.centered{justify-content:center;text-align:center}.location-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.location-grid article{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.location-grid article>span{font-size:11px;color:var(--rose);font-weight:700}.location-grid h3{font-family:"Noto Serif TC",serif;margin:12px 0 8px}.location-grid p{color:var(--muted);line-height:1.7;margin:0}footer{border-top:1px solid var(--line);padding:30px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.45)}footer p{font-size:12px;color:var(--muted)}.footer-brand .brand-seal{width:40px;height:40px;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:rgba(37,28,29,.62);display:grid;place-items:center;padding:18px;z-index:50;backdrop-filter:blur(8px)}.success-modal{width:min(560px,100%);background:white;border-radius:28px;padding:36px;text-align:center;box-shadow:0 35px 90px rgba(0,0,0,.25)}.success-mark{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#e7f3eb;color:var(--success);font-size:30px;font-weight:700}.success-modal h2{font-family:"Noto Serif TC",serif;font-size:29px;margin:0}.success-modal>p{color:var(--muted);line-height:1.7}.success-details{text-align:left;background:#faf7f5;border-radius:17px;padding:18px;margin:20px 0;font-size:13px;line-height:1.9}.modal-actions{justify-content:center;flex-wrap:wrap}
/* Admin */.admin-page{background:#f3efed}.login-view{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:min(460px,100%);background:white;padding:38px;border-radius:28px;box-shadow:var(--shadow)}.login-card h1{font-family:"Noto Serif TC",serif;font-size:32px;margin:12px 0 8px}.login-card>p{color:var(--muted);line-height:1.7}.login-card form{display:grid;gap:14px;margin-top:25px}.text-link{display:inline-block;color:var(--rose-dark);font-size:13px;margin-top:22px}.admin-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;background:#30292a;color:white;padding:24px 18px;display:flex;flex-direction:column}.admin-brand{color:white;margin:0 8px 34px}.admin-brand .brand small{color:#cbbfc0}.admin-sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#d4c9c9;text-align:left;padding:12px 14px;border-radius:12px;font-weight:600}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.1);color:white}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px 8px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px}.sidebar-bottom .text-button{color:#eadedf}.admin-content{padding:32px;min-width:0}.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.admin-topbar h1{font-family:"Noto Serif TC",serif;margin:0;font-size:31px}.admin-tab{display:none}.admin-tab.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric-grid article{background:white;border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(70,48,48,.06)}.metric-grid span,.metric-grid strong{display:block}.metric-grid span{font-size:12px;color:var(--muted)}.metric-grid strong{font-size:30px;margin-top:8px}.admin-panel{background:white;border-radius:22px;padding:24px;box-shadow:0 12px 35px rgba(70,48,48,.07)}.narrow-panel{max-width:900px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.panel-header h2{font-family:"Noto Serif TC",serif;margin:0 0 5px}.panel-header p{color:var(--muted);font-size:12px;margin:0}.filter-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:12px;margin-bottom:18px}.data-list{display:grid;gap:10px}.data-row{display:grid;grid-template-columns:1fr auto;gap:18px;border:1px solid var(--line);border-radius:16px;padding:16px}.data-row h3{font-size:15px;margin:0 0 6px}.data-meta{font-size:12px;color:var(--muted);line-height:1.75}.data-actions{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap;justify-content:flex-end}.status-select,.mini-button{border:1px solid var(--line);border-radius:10px;background:white;padding:8px 9px;font-size:12px}.mini-button.danger{color:var(--danger);border-color:#efcccc}.settings-explainer{background:#f7eeee;border-radius:16px;padding:16px;margin-bottom:18px}.settings-explainer strong,.settings-explainer span{display:block}.settings-explainer span{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.6}.settings-form{margin-top:18px}.service-admin-list{display:grid;gap:13px}.service-admin-card{border:1px solid var(--line);border-radius:18px;padding:18px}.service-admin-card .fields-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.service-admin-card .service-card-actions{display:flex;justify-content:flex-end;margin-top:12px}.inline-form{display:flex;align-items:end;gap:12px;margin-bottom:20px}.inline-form .grow{flex:1}.small-button{width:auto;margin:0;padding:13px 20px}.button-row{margin-top:18px}.button-row .primary-button{width:auto;margin:0}.export-preview{margin-top:20px;min-height:360px;line-height:1.7;resize:vertical}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700}.badge.pending{background:#fff0d8;color:#8f6323}.badge.confirmed{background:#e6f1eb;color:#327055}.badge.cancelled{background:#f8e6e6;color:#a44546}.badge.completed{background:#e8edf5;color:#526987}.badge.no_show{background:#eee8f4;color:#76558b}
@media(max-width:980px){.hero-section,.booking-shell{grid-template-columns:1fr}.hero-art{min-height:420px}.booking-summary{position:static}.admin-app{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow:auto}.admin-brand{margin:0 20px 0 0}.admin-sidebar nav{display:flex;white-space:nowrap}.sidebar-bottom{margin:0 0 0 auto;border:0;padding:0;gap:10px}.metric-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.site-header{align-items:flex-start}.header-actions{flex-direction:column;align-items:stretch}.header-actions .ghost-button{display:none}.hero-copy{padding:38px 24px}.hero-section{min-height:auto}.hero-facts{grid-template-columns:1fr}.hero-art{min-height:360px}.booking-main,.booking-summary{padding:21px}.store-grid,.two-column,.fields-grid,.location-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(3,1fr)}.service-card{grid-template-columns:1fr}.service-card .service-price{text-align:left}.section-heading{align-items:flex-start}.secure-note{display:none}footer{display:grid;gap:12px}.admin-content{padding:20px 14px}.admin-topbar{align-items:flex-start}.admin-topbar .ghost-button{display:none}.metric-grid{grid-template-columns:1fr 1fr}.filter-grid{grid-template-columns:1fr}.admin-sidebar{padding:12px;flex-wrap:wrap}.admin-brand{display:none}.admin-sidebar nav{order:2;width:100%;overflow:auto}.sidebar-bottom{width:100%;margin:0 0 8px}.service-admin-card .fields-grid{grid-template-columns:1fr 1fr}.inline-form{display:grid;grid-template-columns:1fr}.data-row{grid-template-columns:1fr}.data-actions{justify-content:flex-start}.button-row{align-items:stretch;flex-direction:column}.button-row .primary-button{width:100%}}