.admin{color:#f4f1ea;min-height:100vh;padding-top:var(--nav-h);background:#0b0c12;grid-template-columns:280px 1fr 280px;gap:0;display:grid}.admin-panel{border-right:1px solid #2a2e3a;padding:16px;overflow:auto}.admin-panel.right{border-left:1px solid #2a2e3a;border-right:0}.admin h2{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:14px}.admin .canvas-wrap{aspect-ratio:1280/606;background:#151820;border:1px solid #2a2e3a;border-radius:12px;max-height:calc(100vh - 120px);margin:24px;position:relative;overflow:hidden}.admin .layer{cursor:grab;-webkit-user-select:none;user-select:none;border:1px dashed #0000;position:absolute;transform:translate(-50%,-50%)}.admin .layer.selected{border-color:var(--gold);box-shadow:0 0 0 1px #c9a86066}.admin .layer img,.admin .layer .ph{pointer-events:none;max-width:none;display:block}.layer-list button{text-align:left;width:100%;color:inherit;cursor:pointer;background:#151822;border:1px solid #2a2e3a;border-radius:8px;margin-bottom:6px;padding:8px 10px;display:block}.layer-list button.active{border-color:var(--gold)}.field{margin-bottom:10px}.field label{color:#a8a194;margin-bottom:4px;font-size:11px;display:block}.field input,.field select{width:100%;color:inherit;background:#151822;border:1px solid #2a2e3a;border-radius:8px;padding:8px}.toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.toolbar button,.admin .btn{color:inherit;cursor:pointer;background:#1a1f2b;border:1px solid #2a2e3a;border-radius:8px;padding:8px 12px}.toolbar button.primary{background:var(--gold);color:#1a1408;border-color:var(--gold);font-weight:700}.status{color:#a8a194;margin-top:8px;font-size:12px}@media (width<=1100px){.admin{grid-template-columns:1fr}.admin-panel{border:0}}.admin-toast{top:calc(var(--nav-h) + 12px);z-index:2000;border-radius:12px;max-width:min(420px,100vw - 32px);padding:12px 16px;font-size:13px;font-weight:600;position:fixed;right:16px;box-shadow:0 10px 30px #00000059}.admin-toast.ok{color:#b6f0c8;background:#1e3a2f;border:1px solid #3d7a55}.admin-toast.err{color:#ffc0c0;background:#3a1e1e;border:1px solid #8a3a3a}.status.ok{color:#8fd9a8}.status.err{color:#e88}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.admin-tabs button.active{background:var(--gold);color:#1a1408;border-color:var(--gold)}.members-panel{margin-top:16px}.members-table{border-collapse:collapse;width:100%;font-size:13px}.members-table th,.members-table td{text-align:left;vertical-align:top;border-bottom:1px solid #2a2e3a;padding:8px 10px}.members-table th{color:var(--gold);font-weight:650}.members-empty{color:#a8a194;font-size:13px}:root,[data-theme=dark]{--bg:#07080c;--panel:#0e1016;--text:#f4f1ea;--muted:#a8a194;--gold:#c9a860;--line:#2a2e3a;--nav-h:64px}[data-theme=light]{--bg:#f4f1ea;--panel:#fff;--text:#16141a;--muted:#6a645a;--gold:#9a7a30;--line:#e2ddd2}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Noto Sans TC,PingFang TC,system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topnav{min-height:var(--nav-h);z-index:1000;color:#fff;background:linear-gradient(#000000b8,#00000059 70%,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 28px;display:flex;position:fixed;inset:0 0 auto;overflow:visible}.logo{font-family:Georgia,Noto Serif TC,serif;font-size:20px}.nav-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;font-size:13px;display:flex}.nav-right a:hover{color:var(--gold)}.pill{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff8c;border-radius:999px;padding:6px 12px}.ctrl{opacity:.9;align-items:center;gap:4px;font-size:12px;display:flex}.ctrl button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px}.ctrl .on{color:var(--gold);font-weight:700}.hero-pin{z-index:1;height:180vh;position:relative}.hero{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.hero-stage{position:absolute;inset:0}.hero-dim{opacity:var(--p,0);pointer-events:none;background:#04050aeb;position:absolute;inset:0}.hero-copy{text-align:center;transform:translateY(calc(var(--p,0) * -72px));opacity:calc(1 - var(--p,0) * 1.15);color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.hero-copy .kicker{letter-spacing:.28em;text-transform:uppercase;opacity:.75;margin-bottom:12px;font-size:12px}.hero-copy h1{font-family:Georgia,Noto Serif TC,serif;font-size:clamp(40px,7vw,84px);font-weight:500}.hero-copy p{opacity:.8;max-width:520px;margin:16px auto 26px}.cta{color:#fff;background:#ffffff0f;border:1px solid #ffffffb3;border-radius:999px;padding:12px 28px}.clock-badge{z-index:5;border:1px solid var(--gold);color:#fff;background:#0c0e14e0;border-radius:12px;padding:10px 14px;position:absolute;top:80px;right:24px}.clock-badge .label{color:var(--gold);font-size:11px}.about{z-index:5;color:#f4f1ea;background:#090a0f;min-height:100vh;padding:96px 64px 0;position:relative}.about-grid{grid-template-columns:45fr 55fr;align-items:end;gap:40px;min-height:calc(100vh - 96px);display:grid}.about-copy{max-width:480px;padding-bottom:80px}.about-copy .kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-size:11px}.about-copy h2{margin-bottom:20px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(32px,4.5vw,52px);font-weight:500;line-height:1.15}.about-copy .lede{color:#a8a194;margin-bottom:28px;font-size:15.5px;line-height:1.85}.social-row{gap:12px;display:flex}.social-row a,.social-row span{width:38px;height:38px;color:var(--gold);border:1px solid #2a2e3a;border-radius:10px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.about-art{justify-content:center;align-items:flex-end;min-height:520px;display:flex}.about-art img{width:min(100%,520px);display:block;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 100%);mask-image:linear-gradient(#0000 0%,#000 18% 100%)}.split-cards{z-index:5;color:#f4f1ea;background:#090a0f;grid-template-columns:1fr 1fr;gap:24px;padding:24px 64px 96px;display:grid;position:relative}.card{background:#0e1016;border:1px solid #2a2e3a;border-radius:18px;padding:28px}.card h3{color:var(--gold);margin-bottom:14px;font-size:15px}.card form{flex-direction:column;gap:10px;display:flex}.card input,.card textarea{color:#f4f1ea;background:#151822;border:1px solid #2a3040;border-radius:10px;padding:11px 12px}.card textarea{resize:vertical;min-height:88px}.card button.primary{background:var(--gold);color:#1a1408;cursor:pointer;border:0;border-radius:999px;align-self:flex-start;padding:10px 18px;font-weight:700}.news li{color:#d2cdc2;border-bottom:1px solid #222836;padding:10px 0;font-size:13.5px;list-style:none}.site-footer{z-index:5;color:#f4f1ea;background:#050608;border-top:1px solid #2a2e3a;justify-content:space-between;gap:24px;padding:36px 64px 48px;display:flex;position:relative}.site-footer .mail{color:var(--gold);margin-top:8px;font-size:13px}.site-footer .muted{color:#a8a194;margin-left:14px;font-size:13px}.page{max-width:800px;margin:0 auto;padding:120px 24px 80px}.page h1{margin-bottom:16px;font-family:Georgia,serif}.page p{color:var(--muted);margin-bottom:12px;line-height:1.8}@media (width<=900px){.about-grid,.split-cards{grid-template-columns:1fr}.about,.split-cards,.site-footer{padding-left:24px;padding-right:24px}}.office-bg-video,.office-bg{display:block}.office-hotspot{transition:transform .2s}.office-hotspot.is-jumping{animation:.52s office-bot-jump}.office-hotspot.is-pulse,.clock-badge.is-pulse{animation:.6s office-pulse}@keyframes office-bot-jump{0%{transform:translate(-50%,-50%)translateY(0)scale(1)}35%{transform:translate(-50%,-50%)translateY(-18px)scale(1.05,.92)}70%{transform:translate(-50%,-50%)translateY(0)scale(.98,1.04)}to{transform:translate(-50%,-50%)translateY(0)scale(1)}}@keyframes office-pulse{0%,to{filter:brightness();box-shadow:none}40%{filter:brightness(1.25);box-shadow:0 0 0 2px #c9a8608c}}.hero-stage.is-mobile{cursor:grab}.hero-stage.is-mobile:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.office-hotspot.is-jumping,.office-hotspot.is-pulse,.clock-badge.is-pulse{animation:none}}.nav-burger{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff8c;border-radius:10px;width:40px;height:36px;font-size:18px;display:none}.member-menu{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex;position:relative}.member-trigger{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.member-signout{background:#ffffff1f;border-color:#ffffffbf;font-weight:700}.member-signout:hover,.member-dropdown-out:hover{background:var(--gold);color:#1a1408;border-color:var(--gold)}.member-dropdown{z-index:1100;color:#f4f1ea;background:#0e1016;border:1px solid #2a2e3a;border-radius:12px;min-width:220px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 48px #00000073}.member-dropdown-email{color:#d2cdc2;word-break:break-all;margin-bottom:4px;font-size:12.5px}.member-dropdown-method{color:var(--gold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px}.member-dropdown-out{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;width:100%;padding:10px 14px;font-weight:700}@media (width<=900px){.nav-burger{justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.nav-right{background:#080a10f0;border:1px solid #2a2e3a;border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:12px 0 8px;display:none}.nav-right.is-open{display:flex}.nav-right>a,.nav-right .pill,.nav-right .ctrl{margin:0 10px}.member-menu{flex-direction:column;align-items:stretch;margin:0 10px 8px;display:flex}.member-trigger,.member-signout{text-align:center;width:100%}.member-dropdown{box-shadow:none;margin-top:8px;position:static}}.login-overlay{z-index:2000;background:#04050ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-modal{color:#f4f1ea;background:#0e1016;border:1px solid #2a2e3a;border-radius:18px;width:min(420px,100%);padding:28px 24px 22px;position:relative;box-shadow:0 24px 80px #0000008c}.login-modal h2{margin-bottom:8px;font-family:Georgia,Noto Serif TC,serif;font-size:26px}.login-sub{color:#a8a194;margin-bottom:18px;font-size:13.5px;line-height:1.55}.login-close{color:#a8a194;cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.login-methods{flex-direction:column;gap:10px;display:flex}.login-btn{cursor:pointer;color:#f4f1ea;background:#151822;border:1px solid #2a2e3a;border-radius:999px;padding:11px 16px;font-weight:650}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-btn.google{color:#1a1408;background:#fff;border-color:#fff}.login-btn.email{background:#1a2233}.login-btn.line{color:#04140a;background:#06c755;border-color:#06c755}.login-btn.primary{background:var(--gold);color:#1a1408;border:0}.login-btn.ghost{background:0 0}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{color:#c9c3b6;flex-direction:column;gap:6px;font-size:13px;display:flex}.login-form input{color:#f4f1ea;background:#151822;border:1px solid #2a3040;border-radius:10px;padding:11px 12px;font-size:15px}.login-actions{justify-content:flex-end;gap:10px;display:flex}.login-hint,.login-info{color:#a8a194;font-size:13px}.login-err{color:#e88;margin-top:8px;font-size:13px}.login-resend{color:var(--gold);cursor:pointer;background:0 0;border:0;align-self:flex-start;font-size:13px}
