:root{--ink:#182e2a;--muted:#69766f;--accent:#176b60;--paper:#f5f4ef;--line:#dddeda;--white:#fff;--serif:Georgia,'Noto Serif CJK TC','Songti TC',serif;--sans:system-ui,-apple-system,'PingFang TC','Microsoft JhengHei',sans-serif}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.site-header{max-width:1280px;margin:auto;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-family:var(--serif);font-size:28px;letter-spacing:-2px;color:var(--ink);white-space:nowrap}.brand span{color:#b07f52}.brand small{font-family:var(--sans);font-size:12px;letter-spacing:2px;margin-left:18px;color:var(--muted)}nav{display:flex;align-items:center;gap:24px;font-size:13px}nav a,nav button{color:var(--ink)}nav form{margin:0}main{max-width:1280px;padding:50px 36px 70px;margin:auto;min-height:calc(100vh - 190px)}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1px;font-weight:600}h2{font-size:20px;font-weight:600}p{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:600;color:var(--accent);display:block;margin-bottom:22px}.button{background:var(--accent);color:white;border:1px solid var(--accent);border-radius:5px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;text-decoration:none!important;min-height:48px}.button:hover{filter:brightness(1.08)}.button.secondary{background:transparent;color:var(--accent)}.full{width:100%}.text-button{border:0;background:transparent;padding:0;color:var(--accent);font-size:13px;line-height:1.7}.text-button:hover{text-decoration:underline}.panel{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:30px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.panel-heading h2{margin:0;font-size:17px}.panel-heading span{font-size:11px;color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.page-heading .eyebrow{margin-bottom:12px}.page-heading h1{margin-bottom:10px}.page-heading p{margin-bottom:0}.status{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:11px;white-space:nowrap;color:var(--muted);background:#f7f7f4}.status-public{background:#edf6ef;color:#21664c;border-color:#d1e6d7}.editor-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:42px;align-items:start}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px}.field.wide{grid-column:1/-1}.field label,form p label,label[for=activation-link]{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.field input:not([type=checkbox]),.field textarea,.field select,.auth-panel input,.auth-panel textarea{width:100%;border:1px solid #d5dcd6;border-radius:5px;padding:11px 12px;color:var(--ink);background:#fcfcfa;min-width:0}.field input[type=file]{font-size:12px}.field input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}input:focus,textarea:focus,select:focus{outline:2px solid #87afa5;outline-offset:2px}textarea{resize:vertical}.field small{display:block;margin-top:5px;color:var(--muted)}.form-actions{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.form-actions p{font-size:10px;margin:0}.preview-pane{max-width:420px;width:100%;margin:auto}.business-card{background:#fff;border:1px solid #d7ded8;border-radius:14px;padding:30px;box-shadow:0 18px 45px #213c2910;overflow:hidden;border-top:5px solid var(--accent);width:100%}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.card-top .eyebrow{margin:0;font-size:9px;color:var(--muted);letter-spacing:2px}.card-dot{height:8px;width:8px;border-radius:50%;background:var(--accent)}.logo-wrap{margin-bottom:24px}.monogram{font-family:var(--serif);font-size:32px;width:66px;height:66px;border:1px solid #b9cfc5;border-radius:50%;color:var(--accent);display:flex;align-items:center;justify-content:center;background:#f1f6f1}.card-logo{height:66px;width:130px;object-fit:contain;object-position:left center}.business-card h1{font-family:var(--serif);font-size:32px;line-height:1.4;margin-bottom:8px;overflow-wrap:anywhere;letter-spacing:0}.card-title{font-size:14px;margin-bottom:4px;color:var(--ink);overflow-wrap:anywhere}.card-company{font-size:12px;margin-bottom:20px;overflow-wrap:anywhere}.card-bio{font-size:12px;margin-bottom:20px;white-space:pre-line;overflow-wrap:anywhere}.card-bio:empty{display:none}.contact-list{border-top:1px solid var(--line);padding:18px 0 22px}.contact-row{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;font-size:12px;padding:8px 0;align-items:start;line-height:1.65}.contact-row a,.contact-row span{overflow-wrap:anywhere}.contact-label{font-size:10px;color:var(--muted);padding-top:2px}.business-card .button{font-size:12px}.card-footnote{text-align:center;font-size:9px;letter-spacing:2px;color:var(--muted);margin:16px 0 0}.preview-button{opacity:.8}.share-panel{padding:26px 0}.share-panel h3{font-size:12px;margin-bottom:12px}.share-panel code{font-size:11px;display:block;overflow-wrap:anywhere;color:var(--muted)}.share-panel p{font-size:11px}.share-actions{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;margin:12px 0}.share-qr{width:110px;height:110px}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;max-width:980px;margin:54px auto}.login-intro h1,.public-intro h2{font-family:var(--serif);font-size:52px;line-height:1.5;letter-spacing:1px;font-weight:500}.login-intro p{font-size:14px;line-height:2}.intro-rule{width:60px;height:1px;background:#b07f52;margin:35px 0 24px}.intro-caption{font-size:9px;letter-spacing:2px;color:#8b857d}.auth-panel{max-width:460px;margin:20px auto;width:100%;padding:38px}.auth-panel h1,.auth-panel h2{font-size:26px;margin-bottom:12px}.auth-panel .eyebrow{margin-bottom:20px}.auth-panel p{font-size:13px}.auth-panel form p{margin:20px 0}.auth-panel .helptext{font-size:10px;display:block;line-height:1.6;color:var(--muted);margin-top:7px}.auth-panel ul:not(.errorlist){font-size:11px;padding-left:18px;color:var(--muted);line-height:1.8}.help-note{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:11px!important}.errorlist{list-style:none;margin:8px 0;padding:10px 12px;border:1px solid #e9c1b3;background:#fff4ed;color:#9e4226;border-radius:4px;font-size:12px;line-height:1.8}.notice{margin:0 0 24px;padding:14px 18px;border:1px solid #cadfcf;background:#edf6ee;border-radius:5px;font-size:13px}.heading-actions{display:flex;gap:12px;flex-wrap:wrap}.table-panel{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:670px}th{font-size:10px;letter-spacing:1px;color:var(--muted);background:#fafaf7;padding:18px 24px}td{padding:20px 24px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.row-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px}.row-actions .text-button{font-size:11px}.danger{color:#a04d39}.audit-panel{margin-top:30px}.audit-panel h2{font-size:17px}.audit-panel>p{font-size:11px}.audit-list{list-style:none;padding:0;margin:20px 0 0}.audit-list li{display:flex;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:11px;flex-wrap:wrap}.audit-list time,.audit-list small{color:var(--muted)}.public-layout{display:grid;grid-template-columns:1fr 420px;gap:100px;max-width:1000px;margin:30px auto;align-items:center}.public-intro>p{line-height:2}.qr-section{display:flex;gap:18px;align-items:center;margin-top:40px}.qr-section img{height:95px;width:95px}.qr-section strong{font-size:12px}.qr-section p{font-size:11px;margin:6px 0}.import-note{font-size:10px;line-height:1.8;margin:20px 5px;text-align:center}.import-note span{display:block;color:#9e6a3e;margin-top:8px}.site-footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:22px 36px;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:15px;color:var(--muted)}
@media(max-width:950px){.editor-layout{gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.login-layout,.public-layout{gap:40px}.public-layout{grid-template-columns:1fr minmax(0,380px)}.public-intro h2,.login-intro h1{font-size:40px}.business-card{padding:24px}}
@media(max-width:700px){.site-header{padding:18px 20px;flex-wrap:wrap}.brand{font-size:25px}.brand small{font-size:10px;margin-left:12px}nav{gap:15px;font-size:11px;flex-wrap:wrap;max-width:100%}nav .text-button{font-size:11px}main{padding:30px 18px 45px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.5px}.editor-layout{display:flex;flex-direction:column;gap:32px}.editor-layout>.panel{width:100%;padding:22px}.form-grid{grid-template-columns:minmax(0,1fr)}.preview-pane{max-width:380px}.form-actions{flex-wrap:wrap}.form-actions .button{width:100%}.login-layout{display:flex;flex-direction:column;gap:28px;margin:12px auto}.login-intro{width:100%;padding:0 12px}.login-intro h1{font-size:36px;line-height:1.4}.login-intro p{font-size:12px}.intro-rule,.intro-caption{display:none}.auth-panel{padding:28px;margin:0 auto}.auth-panel h1{font-size:25px}.public-layout{display:flex;flex-direction:column;gap:28px;margin:8px auto;max-width:420px}.public-intro{width:100%;padding:0 12px}.public-intro h2{font-size:32px;line-height:1.4;margin-bottom:12px}.public-intro>p{font-size:12px;margin-bottom:0}.public-intro .eyebrow{margin-bottom:16px}.qr-section{margin-top:18px}.qr-section img{height:70px;width:70px}.public-layout>div{width:100%}.business-card{padding:24px}.business-card h1{font-size:30px}.heading-actions .button{font-size:11px;padding:10px 16px}.site-footer{padding:20px;font-size:8px;letter-spacing:.5px}.site-footer span{max-width:50%;text-align:right}}