:root{--ink:#15263a;--muted:#5d6a77;--paper:#f8f5ee;--gold:#a1783c;--line:#d8d0c1;--navy:#1d344c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(120deg,#e9edf0,#f8f5ee 55%,#e4ded2);font-family:"Noto Sans TC",sans-serif;min-height:100vh}.site-header{padding:15px 24px;border-bottom:1px solid rgba(21,38,58,.14);font-size:.84rem;letter-spacing:.08em}.site-header a{color:inherit;text-decoration:none}.shell{max-width:1040px;margin:0 auto;min-height:calc(100vh - 138px);display:grid;grid-template-columns:1fr 430px;gap:72px;align-items:center;padding:52px 30px}.eyebrow{letter-spacing:.2em;font-size:.78rem;color:var(--gold);font-weight:700}.brand h1{font:700 clamp(3rem,7vw,5.5rem)/.95 "Source Serif 4",serif;margin:.25rem 0 1.4rem}.brand h1 span{font-size:.48em;color:var(--gold);letter-spacing:.03em}.brand>p{line-height:1.9;color:var(--muted)}.brand>p span,footer span{font-family:"Source Serif 4",serif}.card{background:rgba(255,255,255,.9);border:1px solid var(--line);border-top:4px solid var(--gold);box-shadow:0 20px 55px rgba(23,40,53,.13);padding:30px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:26px}.tab{flex:1;border:0;background:none;padding:0 4px 13px;color:var(--muted);cursor:pointer;font:600 1rem "Noto Sans TC"}.tab.active{color:var(--navy);border-bottom:3px solid var(--gold)}small{font-size:.75em;color:var(--muted);font-weight:400}h2{font-size:1.28rem;margin:0 0 20px}.view{display:none}.view.active{display:block}label{display:block;font-weight:600;font-size:.94rem;margin:14px 0}input{width:100%;display:block;margin-top:6px;padding:11px;border:1px solid #b9c1c5;border-radius:3px;font:1rem inherit;background:#fff}button{font:inherit}.primary,.secondary{width:100%;padding:12px;margin-top:13px;border:0;border-radius:3px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}.secondary{background:#536d64}.link-button{display:block;border:0;background:none;color:#49637a;margin:15px auto 0;text-decoration:underline;cursor:pointer;font-size:.9rem}.danger{color:#9a3c3c;margin-left:0}.hint{font-size:.82rem;line-height:1.65;color:var(--muted)}.notice{padding:10px 12px;margin-bottom:18px;line-height:1.55;background:#e7f0eb;border-left:3px solid #426c55;font-size:.88rem}.notice.error{background:#f8e9e7;border-left-color:#a8453e}.account-email{margin:-8px 0 22px;color:var(--muted);font-size:.9rem}.config-warning{color:#9a3c3c}footer{text-align:center;padding:16px;color:var(--muted);font-size:.78rem;border-top:1px solid rgba(21,38,58,.14)}@media(max-width:760px){.shell{display:block;padding:42px 22px}.brand{margin-bottom:38px}.card{padding:24px}.site-header{padding-left:18px}.brand h1{font-size:3.4rem}}