:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#203a54;--muted:#61768b;--line:#d8e2eb;--paper:#f5f8fa;--green:#246582;--lime:#ffcf42}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Noto Sans TC,sans-serif}.shell{flex-direction:column;max-width:1280px;min-height:100vh;margin:auto;padding:32px clamp(24px,5vw,72px) 24px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand-lockup{border-radius:10px;width:140px;height:140px;position:relative;overflow:hidden}.brand-lockup img{object-fit:contain;width:100%;height:100%;display:block}.brand-lockup span{color:#ffd04c;font-size:1rem;font-weight:800;position:absolute;bottom:5px;right:8px}.beta{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:9px 14px;font-size:1rem;font-weight:700}.hero{max-width:800px;padding:clamp(70px,12vw,150px) 0 clamp(72px,11vw,128px)}.eyebrow{color:var(--green);letter-spacing:.18em;align-items:center;gap:10px;font-size:1rem;font-weight:800;display:flex}.eyebrow-dot{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ffedb0}h1{letter-spacing:-.07em;margin:28px 0;font-size:clamp(3.125rem,7.8vw,6.75rem);font-weight:800;line-height:1.14}h1 em{color:var(--green);font-style:normal}.hero p{max-width:550px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.9}.hero-note{border-left:3px solid var(--lime);color:var(--muted);background:#eaf2f7;margin-top:16px;padding:10px 13px;font-size:1rem;display:inline-block}.roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.role-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:240px;padding:25px;display:flex}.role-card-head{color:var(--muted);justify-content:space-between;gap:8px;font-size:1rem;font-weight:700;display:flex}.status{color:var(--green)}.role-card h2{letter-spacing:-.04em;margin:18px 0 4px;font-size:1.5rem}.role-card p{color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.role-card-foot{border-top:1px solid var(--line);color:var(--green);justify-content:space-between;padding-top:17px;font-size:1rem;font-weight:700;display:flex}.role-card a.role-card-foot{text-decoration:none}.footer{color:var(--muted);margin-top:auto;padding-top:52px;font-size:1rem}@media (max-width:720px){.shell{padding-top:22px}.beta{font-size:1rem}.hero{padding:88px 0 72px}.roles{grid-template-columns:1fr}.role-card{min-height:190px}}html{font-size:100%}@supports (font:-apple-system-body){html{font:-apple-system-body}}body{font-size:1.125rem;line-height:1.6}button,input,select,textarea{font:inherit}small{font-size:1rem}button,label,summary,h1,h2,h3,p,a{overflow-wrap:anywhere}input,select,textarea{min-width:0;max-width:100%}@media (max-width:600px){.topbar{flex-wrap:wrap}}.branch-contact-inputs{border:0;grid-column:1/-1;gap:1rem;min-width:0;padding:0;display:grid}.branch-contact-inputs fieldset{border:1px solid #cbd9e5;border-radius:.75rem;gap:.75rem;min-width:0;padding:1rem;display:grid}.branch-contact-inputs label{gap:.4rem;display:grid}.branch-contact-inputs input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;font:inherit;border:1px solid #cbd9e5;border-radius:.5rem;padding:.6rem}.branch-contact-inputs button{min-height:44px;font:inherit}.branch-contact-inputs p{font-size:1rem}.contact-editor{overflow-wrap:anywhere}.contact-editor button,.contact-editor summary{min-height:44px;font:inherit;padding:.6rem .8rem}.contact-editor input,.contact-editor textarea{box-sizing:border-box;min-width:0}.contact-editor details{margin:1rem 0}.liff-item>a{align-items:center;min-height:44px;display:inline-flex}.liff-detail>summary{cursor:pointer;min-height:44px;padding:.5rem 0}img.repuba-page-logo{border-radius:20%!important}:is(.brand-lockup:has(>.repuba-page-logo),.campaign-brand:has(>.repuba-page-logo),.register-brand:has(>.repuba-page-logo),.admin-brand:has(>.repuba-page-logo),.liff-brand:has(>.repuba-page-logo)){background:0 0!important}.store-contact{overflow-wrap:anywhere;font-size:1rem;line-height:1.6}.store-contact a{color:#246879;text-underline-offset:3px;text-decoration:underline}.store-contact a:focus-visible{outline-offset:3px;outline:3px solid #e4aa37}.operator-contact-dialog{box-sizing:border-box;color:#204356;background:#fff;border:1px solid #cddfe7;border-radius:20px;width:min(760px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}.operator-contact-dialog::backdrop{background:#0f2d3e8c}.operator-contact-dialog>button{margin:12px 12px 0 0}.operator-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.operator-contact-grid label{flex-direction:column;gap:8px;min-width:0;display:flex}.operator-contact-grid input{box-sizing:border-box;width:100%;min-width:0}@media (max-width:600px){.operator-contact-grid{grid-template-columns:1fr}.operator-contact-dialog{padding:20px}}