:root{--bg: #F2F3F6;--surface: #FFFFFF;--ink: #1E2230;--muted: #676C7E;--line: #E0E2EA;--accent: #A8436B;--accent-ink: #FFFFFF;--ok: #23775A;--ok-soft: #E0F1EA;--hold: #9A6512;--hold-soft: #FBEFD9;--sold: #4B5068;--sold-soft: #E6E7EE;--young: #3E6A9E;--young-soft: #E3ECF7;--danger: #B3261E;--shade: rgba(20, 22, 32, .45);--font-display: "LXGW WenKai TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", serif;--font-body: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #15161C;--surface: #1F212A;--ink: #ECEDF3;--muted: #A0A4B6;--line: #343745;--accent: #E07FA5;--accent-ink: #1A0F14;--ok: #6CCBA4;--ok-soft: #1C3229;--hold: #E8B865;--hold-soft: #3A2D16;--sold: #B9BDD0;--sold-soft: #2C2F3B;--young: #8DB4E6;--young-soft: #1E2A3B;--danger: #F2847B;--shade: rgba(0, 0, 0, .6);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--font-body);-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top,0px)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted);font-size:14px;margin:0}.row{display:flex;gap:8px;flex-wrap:wrap}.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.splash{min-height:100vh;display:grid;place-items:center;font:700 28px var(--font-display);color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-left,0px))}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:18px;padding:28px 22px;display:grid;gap:14px}.login-card h1{margin:0;font:700 30px/1.2 var(--font-display)}header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}.top .wrap{padding-block:14px 10px;display:grid;gap:12px}.brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-right{display:flex;align-items:center;gap:10px}h1{font:700 26px/1.1 var(--font-display);margin:0;letter-spacing:.02em;text-wrap:balance}.page-title{font-size:22px}.today{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.icon-btn{height:34px;padding:0 12px;border-radius:17px;border:1px solid var(--line);background:var(--surface);font-size:14px}.counts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.count{background:var(--surface);border-radius:12px;padding:8px 10px;display:grid}.count b{font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}.count span{font-size:12px;color:var(--muted)}.count.ok b{color:var(--ok)}.count.hold b{color:var(--hold)}.count.sold b{color:var(--sold)}.tools{display:flex;gap:8px;align-items:center}.search{flex:1;min-width:0;height:40px;border-radius:20px;border:1px solid var(--line);background:var(--surface);padding:0 14px;font-size:16px}.sort{height:40px;border-radius:20px;border:1px solid var(--line);background:var(--surface);padding:0 10px;max-width:42%}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:-4px;padding-inline:4px}.chips::-webkit-scrollbar{display:none}.chip{flex:none;height:34px;padding:0 14px;border-radius:17px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:14px}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip.booking{border-color:var(--accent);color:var(--accent);font-weight:700}.list-wrap{padding-block:16px 120px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width: 960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--surface);border:0;border-radius:14px;padding:0;overflow:hidden;text-align:left;display:grid;grid-template-rows:auto 1fr;box-shadow:0 1px 2px #1416200f}.card:active{transform:scale(.985)}.photo{position:relative;aspect-ratio:1;max-width:100%;background:var(--line);overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo .n{position:absolute;right:8px;bottom:8px;background:var(--shade);color:#fff;font-size:11px;padding:1px 7px;border-radius:10px}.card.is-sold .photo img,.card.is-sold .photo svg{filter:grayscale(.7);opacity:.75}.pill{position:absolute;left:8px;top:8px;font-size:12px;font-weight:700;padding:2px 9px;border-radius:10px}.s-available{background:var(--ok-soft);color:var(--ok)}.s-reserved{background:var(--hold-soft);color:var(--hold)}.s-sold{background:var(--sold-soft);color:var(--sold)}.s-notyet{background:var(--young-soft);color:var(--young)}.meta{padding:10px 12px 12px;display:grid;gap:2px;min-width:0}.name{font:700 18px/1.25 var(--font-display);display:flex;align-items:center;gap:6px;min-width:0}.name .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sex{font:700 14px/1 var(--font-body)}.sex.M{color:var(--young)}.sex.F{color:var(--accent)}.sub{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price{font-weight:700;font-variant-numeric:tabular-nums;margin-top:4px}.note8{font-size:12px;color:var(--young)}.empty{text-align:center;padding:56px 16px;color:var(--muted);display:grid;gap:4px;justify-items:center}.empty h2{font:700 20px/1.3 var(--font-display);color:var(--ink);margin:0}.banner{background:var(--hold-soft);color:var(--hold);border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:14px}.banner.soft{background:var(--young-soft);color:var(--young)}.fab{position:fixed;right:max(16px,calc(env(safe-area-inset-right,0px) + 16px));bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:6;height:54px;padding:0 22px;border-radius:27px;border:0;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:16px;box-shadow:0 6px 18px #a8436b59}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--shade);display:flex;align-items:flex-end;justify-content:center}@media (min-width: 720px){.overlay{align-items:center;padding:24px}}.sheet{background:var(--surface);width:100%;max-width:640px;max-height:92%;overflow-y:auto;border-radius:18px 18px 0 0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);overscroll-behavior:contain;margin:0}@media (min-width: 720px){.sheet{border-radius:18px}}.sheet-head{position:sticky;top:0;z-index:2;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px max(16px,env(safe-area-inset-left,0px)) 10px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0;font:700 20px/1.2 var(--font-display);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-body{padding:16px max(16px,env(safe-area-inset-left,0px));display:grid;gap:18px}.btn{height:42px;padding:0 16px;border-radius:21px;border:1px solid var(--line);background:var(--surface);font-weight:500;white-space:nowrap}.btn.small{height:34px;padding:0 12px;font-size:14px}.btn.wide{width:100%}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.solid-danger{background:var(--danger);border-color:var(--danger);color:var(--surface);font-weight:700}.btn:disabled{opacity:.5;cursor:default}.x{width:40px;height:40px;border-radius:20px;border:0;background:var(--bg);font-size:20px;line-height:1;flex:none}.gallery{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1*max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px))}.gallery img,.gallery video,.gallery .ph{flex:none;width:82%;max-width:420px;aspect-ratio:1;object-fit:cover;border-radius:14px;scroll-snap-align:center;background:var(--line);overflow:hidden}.gallery.single img,.gallery.single video,.gallery.single .ph{width:100%;max-width:100%}.gallery video{background:#000}.status-row{display:flex;gap:6px;flex-wrap:wrap}.status-row button{height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px}.status-row button[aria-pressed=true].s-available{background:var(--ok);color:var(--surface);border-color:var(--ok)}.status-row button[aria-pressed=true].s-reserved{background:var(--hold);color:var(--surface);border-color:var(--hold)}.status-row button[aria-pressed=true].s-sold{background:var(--sold);color:var(--surface);border-color:var(--sold)}.status-row button[aria-pressed=true].s-notyet{background:var(--young);color:var(--surface);border-color:var(--young)}.status-row button:disabled[aria-pressed=false]{opacity:.5}dl.info{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;margin:0}dl.info dt{color:var(--muted);font-size:13px;padding-top:1px}dl.info dd{margin:0;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.sec-title{font-size:12px;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-weight:700}.sec-title.flush{margin:0}.notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:4px;min-width:0}.field.full,.fields .full{grid-column:1 / -1}.field label{font-size:13px;color:var(--muted)}.field label.check{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:15px}.field label.check input{width:20px;height:20px}.field input:not([type=checkbox]),.field select,.field textarea,.inline-form input{width:100%;min-width:0;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--bg);padding:0 12px;font-size:16px}.field textarea{height:auto;min-height:84px;padding:10px 12px;resize:vertical}.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;height:44px}.seg button{flex:1;border:0;background:var(--bg);font-size:15px}.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg);font-weight:700}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--line)}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover;display:block}.thumb .play-tag{position:absolute;left:4px;top:4px;background:var(--shade);color:#fff;font-size:11px;padding:0 6px;border-radius:8px}.thumb .cover-tag{position:absolute;left:4px;bottom:4px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;padding:0 6px;border-radius:8px}.thumb .rm{position:absolute;right:4px;top:4px;width:26px;height:26px;border-radius:13px;border:0;background:var(--shade);color:#fff;font-size:15px;line-height:1}.thumb .mk{position:absolute;inset:auto 0 0 0;height:28px;border:0;background:var(--shade);color:#fff;font-size:11px}.add-photo{aspect-ratio:1;border-radius:10px;border:1.5px dashed var(--muted);background:transparent;color:var(--muted);display:grid;place-items:center;font-size:13px;text-align:center;padding:4px}.err{color:var(--danger);font-size:14px;margin:0}.settings{padding-block:16px 60px;display:grid;gap:16px;max-width:720px}.panel{background:var(--surface);border-radius:16px;padding:18px 16px;display:grid;gap:12px}.panel h2{margin:0;font:700 20px/1.3 var(--font-display)}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.users{list-style:none;margin:0;padding:0;display:grid}.users li{padding:12px 0;border-top:1px solid var(--line);display:grid;gap:8px}.user-line{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.user-name{display:grid;min-width:0}.add-user{border-top:1px solid var(--line);padding-top:14px}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 86px);transform:translate(-50%);z-index:40;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:20px;font-size:14px;max-width:calc(100% - 32px);overflow-wrap:anywhere}@media (max-width: 380px){.count b{font-size:19px}.counts{gap:6px}.fields{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.card:active{transform:none}}.hot{position:absolute;right:8px;top:8px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--hot-soft);color:var(--hot)}.hidden-tag{position:absolute;left:8px;bottom:8px;font-size:11px;padding:1px 7px;border-radius:10px;background:var(--shade);color:#fff}.hint{font-size:13px;color:var(--muted)}.public-note{margin-top:6px;padding:10px 12px;border-radius:10px;background:var(--bg)}.pub-hero{background:var(--surface);border-bottom:1px solid var(--line)}.pub-hero .wrap{padding-block:28px 22px;display:grid;gap:12px;justify-items:start}.pub-hero h1{font-size:32px}.tagline{margin:0;color:var(--muted)}.pub-counts{display:flex;gap:18px}.pub-counts div{display:flex;align-items:baseline;gap:4px}.pub-counts b{font-size:26px;color:var(--accent);font-variant-numeric:tabular-nums}.pub-counts span{font-size:14px;color:var(--muted)}.btn.book{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;font-size:16px;text-decoration:none}.btn.line{display:inline-flex;align-items:center;background:#06c755;border-color:#06c755;color:#fff;font-weight:700;text-decoration:none}a.btn,a.icon-btn{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.pub-list{display:grid;gap:16px;padding-bottom:40px}.pub-foot{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:6px;color:var(--muted);font-size:14px}.pub-foot p{margin:0}.tag{font-size:13px;font-weight:700;padding:3px 10px;border-radius:12px}.hot-tag{background:var(--hot-soft);color:var(--hot)}:root{--hot: #B4430F;--hot-soft: #FDE7DA}@media (prefers-color-scheme: dark){:root{--hot: #F59A6B;--hot-soft: #3B2216}}@media (max-width: 420px){.today{display:none}}.help{font-size:14px;color:var(--muted)}.help summary{cursor:pointer;color:var(--accent);padding:4px 0}.help ol{padding-left:20px;margin:6px 0}.help p{margin:6px 0}