/* 【繁中註解】app/static/css/app.css：前端靜態資源與互動；包含 V6.1.2 Production UI 與會員/公開雙主題樣式。 */ :root{--bg:#07101d;--panel:#0d1929;--line:#203248;--text:#eff7ff;--muted:#8ca2b8;--accent:#5de1ff;--accent2:#7c66ff;--danger:#ff6b7a;--ok:#5ce0a2}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Noto Sans TC",system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 15% 0,#14283f 0,#07101d 42%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:0 auto;padding:34px 20px 80px}.topbar{height:68px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17263a;background:#07101ddd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{font-weight:800;letter-spacing:.2px;display:flex;gap:10px;align-items:center}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 22px var(--accent)}nav{display:flex;gap:18px;align-items:center}nav a{font-size:14px;color:#c4d2df}.pill{border:1px solid #31506e;border-radius:999px;padding:8px 14px}.hero{min-height:520px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.hero h1,.pagehead h1{font-size:clamp(38px,5vw,70px);line-height:1.02;margin:12px 0 18px;letter-spacing:-2px}.pagehead h1{font-size:42px}.hero p,.pagehead p{font-size:18px;line-height:1.7;color:var(--muted);max-width:720px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:2px}.hero-card,.digital-card{position:relative;background:linear-gradient(145deg,#132c43,#0b1726);border:1px solid #31506e;border-radius:28px;padding:38px;box-shadow:0 30px 80px #0008;overflow:hidden}.hero-card{min-height:300px;display:flex;flex-direction:column;justify-content:center}.hero-card span,.digital-card h2{font-size:32px;font-weight:800}.hero-card b{font-size:18px;margin:10px 0}.hero-card small{color:#9cb2c6;margin-top:8px}.chip{margin-top:32px;color:var(--accent);font-size:12px;letter-spacing:2px}.scanline{position:absolute;left:0;right:0;height:2px;top:42%;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 18px var(--accent)}.panel{background:#0b1726dd;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 18px 45px #0003}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel p{color:#aebdca;line-height:1.65}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #2d4863;border-radius:12px;background:#101f31;color:#eaf6ff;padding:11px 16px;font:inherit;cursor:pointer}.btn:hover{border-color:#4d789e}.btn.primary{background:linear-gradient(135deg,#29b6d8,#6858ed);border-color:transparent;font-weight:700}.btn.danger{border-color:#6e3440;color:#ffadb5}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:18px 0 26px}.pagehead h1{margin:8px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats>div{background:#0d1b2b;border:1px solid var(--line);border-radius:18px;padding:24px}.stats b{font-size:34px;display:block}.stats span{color:var(--muted);font-size:13px}.list a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px 0;border-bottom:1px solid #17283b}.list span{color:var(--muted);font-size:13px}.list em{grid-column:2;grid-row:1/3;align-self:center;color:var(--accent);font-style:normal;font-size:12px}.barrow{display:flex;justify-content:space-between;border-bottom:1px solid #17283b;padding:13px 0}.auth{max-width:480px;margin:70px auto}.auth form,.formgrid{display:grid;gap:15px}.formgrid{grid-template-columns:repeat(2,1fr)}label{display:grid;gap:7px;color:#aebdca;font-size:13px}input,select,textarea{width:100%;background:#07111e;color:#eef7ff;border:1px solid #29425d;border-radius:11px;padding:12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.full{grid-column:1/-1}.scanbox{text-align:center;padding:70px 24px}.camera{font-size:72px;color:var(--accent)}.filebtn input{display:none}.flash{padding:13px 16px;border-radius:12px;margin:0 0 16px;border:1px solid #31506e;background:#102238}.flash.error{border-color:#683943;background:#2a1118}.flash.success{border-color:#2a6a55;background:#0d2a22}.muted{color:var(--muted)!important}.searchbar{display:grid;grid-template-columns:1fr 160px auto;gap:10px;margin-bottom:14px}.tablewrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:16px;border-bottom:1px solid #17283b}th{color:#7893aa;font-size:12px;text-transform:uppercase}td small{display:block;color:var(--muted);margin-top:6px}tbody tr{cursor:pointer}tbody tr:hover{background:#0f2034}.tag{border:1px solid #2f4d69;border-radius:999px;padding:4px 8px;font-size:11px;color:var(--accent)}.detail p{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid #17283b;padding:10px 0}.detail span{color:var(--muted)}.event{display:grid;grid-template-columns:70px 1fr auto;padding:12px 0;border-bottom:1px solid #17283b}.event b{color:var(--accent)}.event small{color:var(--muted)}.avatar{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:32px;font-weight:900;background:linear-gradient(135deg,#2bd0ef,#6b5af1);margin-bottom:24px}.qr{background:white;width:244px;min-height:244px;padding:12px;border-radius:12px;margin-bottom:12px}.public-wrap{max-width:720px;margin:30px auto}.network{height:520px}.network svg{width:100%;height:100%}.edge{stroke:#425d78;stroke-width:2}.edge-label{fill:#70dff5;font-size:11px}.node{fill:#132b43;stroke:#52d7f2;stroke-width:2}.node-label{fill:#f4fbff;font-size:12px;font-weight:700;text-anchor:middle}.node-sub{fill:#8ca2b8;font-size:9px;text-anchor:middle}.legend{display:flex;gap:24px;color:var(--muted);font-size:12px}.digital-card .detail{margin:24px 0}hr{border:0;border-top:1px solid var(--line);margin:24px 0}@media(max-width:820px){nav a:not(.pill){display:none}.hero{grid-template-columns:1fr;gap:20px;padding:40px 0}.grid3,.grid2,.stats,.formgrid{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column}.searchbar{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.full{grid-column:auto}.hero h1{font-size:44px}.container{padding-top:20px}} /* V2 member center + related links */ .brand small{font-size:10px;color:var(--accent);border:1px solid #28506d;border-radius:999px;padding:2px 6px}.stats5{grid-template-columns:repeat(5,1fr)}.member-stats b{font-size:28px}.member-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.member-card .avatar{margin:0}.member-card .detail,.member-card .actions{grid-column:1/-1}.detail.compact{margin:4px 0}.setting-list{display:grid;gap:2px}.setting-list a{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid #17283b}.setting-list a b{font-size:15px}.setting-list a span{color:var(--muted);font-size:13px}.share-preview{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.share-row{display:grid;grid-template-columns:1fr auto;gap:10px}.onecol{grid-template-columns:1fr}.checkline{display:flex;align-items:center;gap:9px;color:#bfd0df}.checkline input{width:auto;accent-color:#45cce9}.privacy-box{background:#07131f;border:1px solid #1b3349;border-radius:16px;padding:18px}.privacy-box h3{margin-top:0}.checkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.links-layout{align-items:start}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{border:1px solid #294862;border-radius:999px;padding:7px 10px;color:#9fd9e5;font-size:12px}.link-list-panel{margin-top:20px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-title h3{margin:0}.section-title a{color:var(--accent);font-size:13px}.link-admin-list{display:grid;margin-top:10px}.link-admin-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #17283b}.link-admin-row.inactive{opacity:.55}.link-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#12283d;border:1px solid #28526d;color:var(--accent);font-weight:800;font-size:12px}.link-main{min-width:0;display:grid;gap:4px}.link-main span{color:#9eb2c4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.link-main small{color:#6f899f}.link-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.link-actions form{margin:0}.mini-btn{border:1px solid #29445f;background:#0d1b2a;color:#dcecf7;border-radius:9px;padding:7px 9px;font:inherit;font-size:12px;cursor:pointer;display:inline-flex}.danger-text{color:#ff919d}.headline{font-size:16px!important;color:#d7f8ff!important;border-left:2px solid var(--accent);padding-left:12px}.bio{white-space:pre-line;color:#aebdca}.public-card-v2{padding:42px}.public-card-v2 .role{margin-top:-8px}.public-links{display:grid;gap:9px;margin:24px 0}.public-links>.eyebrow{margin-bottom:2px}.public-links a{display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid #27425c;background:#0a1623;border-radius:13px}.public-links a:hover{border-color:#4b7d9d;background:#0d1d2d}.public-links a span{font-size:11px;color:var(--accent);text-transform:uppercase}.public-links a b{font-size:14px}.public-links a em{font-style:normal;color:#7f9bb2}.mini-links{display:flex;flex-wrap:wrap;gap:8px}.mini-links a{display:inline-flex;grid-template-columns:none;padding:7px 10px;font-size:12px}.public-actions{margin-top:22px}.public-actions form{display:flex;gap:8px;flex-wrap:wrap;flex:1}.public-actions form input{min-width:200px;flex:1}.dashboard-links{margin-top:20px}.dashboard-links .barrow span{display:grid;gap:3px}.dashboard-links small{color:var(--muted);font-weight:400;max-width:700px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media(max-width:980px){.stats5{grid-template-columns:repeat(3,1fr)}.checkgrid{grid-template-columns:repeat(2,1fr)}} @media(max-width:820px){.share-preview{grid-template-columns:1fr}.member-card{grid-template-columns:auto 1fr}.link-admin-row{grid-template-columns:46px 1fr}.link-actions{grid-column:1/-1;justify-content:flex-start;margin-left:60px}.public-card-v2{padding:24px}.public-links a{grid-template-columns:74px 1fr auto}.checkgrid{grid-template-columns:1fr}.stats5{grid-template-columns:1fr 1fr}} /* V3 enterprise SaaS + privacy-first */ .enterprise-hero{border-color:#3c5c79}.register-v3{max-width:620px}.account-choice,.privacy-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.privacy-mode-grid{grid-template-columns:repeat(3,1fr)}.choice-card{position:relative;border:1px solid #29445f;border-radius:15px;padding:16px;background:#091624;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center}.choice-card input{width:auto;grid-row:1/3;accent-color:var(--accent)}.choice-card b{font-size:15px;color:#eef8ff}.choice-card span{font-size:12px;color:var(--muted)}.choice-card:has(input:checked){border-color:#58d5ef;box-shadow:0 0 0 1px #58d5ef33 inset;background:#0c1d2d}.hidden{display:none!important}.privacy-note,.billing-warning{border:1px solid #2c5365;background:#0b202b;border-radius:13px;padding:13px 15px;color:#b9d9e2;font-size:13px;line-height:1.6}.privacy-banner{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-radius:14px;padding:14px 16px;margin-bottom:20px;border:1px solid #31506e}.privacy-banner.safe{background:#0c271f;border-color:#285f4c}.privacy-banner.open{background:#2a2110;border-color:#6b5428}.privacy-banner span{color:#b5c6d4;font-size:13px}.privacy-banner a{color:var(--accent);font-size:13px}.privacy-v3{display:grid;gap:18px}.empty-enterprise{max-width:760px;margin:70px auto;padding:42px}.empty-enterprise h1{font-size:42px;margin:10px 0}.enterprise-stats{grid-template-columns:repeat(4,1fr)}.inline-form{display:inline-block;margin-left:5px}.credential-card{max-width:640px}.credential{display:grid;grid-template-columns:160px 1fr;gap:10px 16px;background:#07131f;border:1px solid #1d344a;padding:18px;border-radius:14px;margin:20px 0}.credential span{color:var(--muted)}.credential code{font-size:17px;color:#85eaff;letter-spacing:1px}.small-avatar{width:52px;height:52px;border-radius:16px;font-size:21px;margin-bottom:14px}.directory-card h3{margin-bottom:4px}.directory-grid{align-items:start}.pricing-grid{align-items:stretch}.price-card{display:flex;flex-direction:column;gap:8px}.price-card.current{border-color:#52d7f2;box-shadow:0 0 0 1px #52d7f233 inset}.price-card form{margin-top:auto;padding-top:14px}.price{font-size:30px;font-weight:800}.price small{font-size:13px;color:var(--muted);font-weight:500}.billing-warning{margin-bottom:20px;background:#2a2110;border-color:#695329;color:#e6d4a4}.billing-roadmap{margin-top:20px}.billing-roadmap code{color:#85eaff}.invitation-list{display:grid;gap:0}.invite-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #17283b}.invite-row h3{margin:0 0 7px}.invite-row p{margin:0 0 6px}.invite-row small{color:var(--muted)} @media(max-width:820px){.account-choice,.privacy-mode-grid,.enterprise-stats{grid-template-columns:1fr}.privacy-banner{grid-template-columns:1fr}.invite-row{align-items:flex-start;flex-direction:column}.credential{grid-template-columns:1fr}.empty-enterprise{margin:20px auto;padding:24px}} /* V3.1 private friend memories */ .memory-hero{margin-bottom:20px;border-color:#315b73}.memory-hero h3{margin:5px 0}.memory-featured-frame{margin-top:18px;border-radius:18px;overflow:hidden;background:#02070d;max-height:620px;display:grid;place-items:center}.memory-featured-frame img,.memory-featured-frame video{display:block;width:100%;max-height:620px;object-fit:contain}.memory-caption{margin:12px 2px 0!important;color:#d6e8f4!important}.contact-memory-layout{align-items:start}.memory-wall-panel,.relationship-panel{margin-top:20px}.memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.memory-tile{border:1px solid #20384e;border-radius:16px;background:#081522;overflow:hidden}.memory-tile.featured{border-color:#52d7f2;box-shadow:0 0 0 1px #52d7f222 inset}.memory-thumb{position:relative;aspect-ratio:4/3;background:#02070d;display:grid;place-items:center}.memory-thumb img,.memory-thumb video{width:100%;height:100%;object-fit:cover;display:block}.memory-thumb video{object-fit:contain}.featured-badge,.duration-badge{position:absolute;top:9px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;backdrop-filter:blur(8px)}.featured-badge{left:9px;background:#52d7f2dd;color:#04121a}.duration-badge{right:9px;background:#06111dcc;color:#d7eef8;border:1px solid #34506a}.memory-meta{display:grid;gap:7px;padding:12px}.memory-meta small{color:var(--muted)}.memory-meta .actions{margin-top:3px}.memory-meta form{margin:0}.memory-upload-note{font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed} @media(max-width:900px){.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.memory-grid{grid-template-columns:1fr}.memory-featured-frame{max-height:70vh}.memory-featured-frame img,.memory-featured-frame video{max-height:70vh}} .record-preview{width:100%;max-height:360px;border-radius:14px;background:#02070d;border:1px solid #27445d;object-fit:contain} /* V3.2 enterprise dual-engine OCR */ .ocr-status-panel{display:grid;gap:12px;margin-bottom:18px}.status-row{display:flex;gap:8px;flex-wrap:wrap}.tag.ok{border-color:#2f6b58;color:#71e4b3;background:#0b251d}.tag.warn{border-color:#725c2d;color:#efd38b;background:#2b220e}.ocr-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{display:grid;gap:8px;min-height:124px}.metric-card>span{color:var(--muted);font-size:12px}.metric-card strong{font-size:30px}.metric-card .metric-text{font-size:17px;line-height:1.35}.confidence-track{height:7px;border-radius:99px;background:#15283b;overflow:hidden}.confidence-track i{display:block;height:100%;background:linear-gradient(90deg,#2bbbd9,#6b5af1);border-radius:99px}.review-box{margin-bottom:18px;border-color:#66542d;background:#251f10}.review-box h3{margin-top:0}.review-box ul{padding-left:20px;margin:8px 0 0;color:#e7d5a8;line-height:1.8}.field-label{display:flex;justify-content:space-between;align-items:center;gap:10px}.field-confidence{font-style:normal;font-size:10px;border-radius:999px;padding:3px 7px;border:1px solid #34506a}.field-confidence.high{color:#69e4af;border-color:#2c6b54}.field-confidence.medium{color:#e9d087;border-color:#6b592e}.field-confidence.low{color:#ff9ba5;border-color:#6d3740}.ocr-footnote{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;border-top:1px solid #17283b;padding-top:12px}.settings-health{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.sticky-save{position:sticky;bottom:14px;display:flex;justify-content:flex-end;margin-top:18px;pointer-events:none}.sticky-save .btn{pointer-events:auto;box-shadow:0 15px 35px #0008}.stats.five{grid-template-columns:repeat(5,1fr)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px} @media(max-width:980px){.ocr-summary,.stats.five{grid-template-columns:repeat(2,1fr)}} @media(max-width:620px){.ocr-summary,.stats.five{grid-template-columns:1fr}} .ocr-contact-audit{margin-top:20px}.ocr-contact-audit details{margin-top:14px;color:#c7d6e2}.ocr-contact-audit summary{cursor:pointer;color:var(--accent)}.ocr-contact-audit li{margin:7px 0;color:#d9c99e} /* V3.3 interview CRM + relationship matching */ .tier-badge{white-space:nowrap}.interview-form textarea{resize:vertical}.interview-detail-grid{align-items:start}.interview-text-panel{margin-top:18px}.interview-text-panel h3{margin:6px 0 14px}.rich-text{white-space:pre-wrap;line-height:1.85;color:#d8e5ef}.needs-panel{border-color:#38556f;background:linear-gradient(135deg,#0b1726dd,#102235dd)}.entitlement-list{display:grid;gap:11px;margin:16px 0}.entitlement-list>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #17283b}.match-panel{margin-top:20px}.match-list{display:grid;gap:12px;margin-top:18px}.match-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;border:1px solid #20394f;background:#081522;border-radius:17px;padding:18px}.match-card.shortlisted{border-color:#2d6d58;background:#092019}.match-card.dismissed{opacity:.55}.match-score{width:72px;height:72px;border-radius:18px;border:1px solid #315674;background:#0c2134;display:grid;place-items:center;align-content:center}.match-score b{font-size:27px;color:var(--accent)}.match-score span{font-size:10px;color:var(--muted)}.match-main{min-width:0}.match-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.match-title h4{font-size:19px;margin:0}.match-main p{margin:5px 0}.via-line{color:#9ee8f7!important}.reason-chips{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.reason-chips span{font-size:11px;border-radius:999px;border:1px solid #2c4962;background:#0b1b2a;padding:6px 9px;color:#c7d8e5}.empty-match{text-align:center;padding:36px 12px}.empty-match b{font-size:18px}.accent-link{color:var(--accent)} .contact-intelligence-panel{margin-top:20px;border-color:#2c4d66}.contact-intelligence-grid{margin-top:16px;align-items:start}.contact-intelligence-grid h4{margin:3px 0 6px}.contact-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.contact-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #30506a;background:#0a1c2a;border-radius:999px;padding:6px 7px 6px 10px;color:#d8edf6;font-size:12px}.contact-tag small{color:var(--accent);font-size:9px}.contact-tag form{display:inline}.contact-tag button{border:0;background:#163147;color:#9fb5c7;width:20px;height:20px;border-radius:50%;cursor:pointer}.tag-form,.relation-form{margin-top:12px}.tag-form{grid-template-columns:130px 1fr auto;align-items:end}.relation-list{display:grid}.relation-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #17283b;padding:11px 0}.relation-row>div{display:grid;gap:4px}.relation-row small{color:var(--muted)}.enterprise-share-row{border-top:1px solid #20374e;margin-top:22px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.enterprise-share-row p{margin:5px 0 0}.recent-interviews-panel{margin-top:20px}.interview-mini-list{display:grid}.interview-mini-list>a{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid #17283b}.interview-mini-list>a>div{display:grid;gap:4px}.interview-mini-list span,.interview-mini-list small{color:var(--muted);font-size:12px}.tier-matrix{display:grid;gap:8px;margin-top:17px}.tier-matrix>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:10px;border:1px solid #1e354a;border-radius:11px;background:#081522}.tier-matrix span{color:var(--muted);font-size:12px} @media(max-width:820px){.match-card{grid-template-columns:1fr}.match-score{width:64px;height:64px}.tag-form{grid-template-columns:1fr}.enterprise-share-row{align-items:flex-start;flex-direction:column}.interview-mini-list>a{grid-template-columns:1fr}.relation-row{align-items:flex-start}.feature-policy-panel .formgrid{grid-template-columns:1fr}} .stats6{grid-template-columns:repeat(6,1fr)}.dashboard-second-row{margin-top:20px}.dashboard-second-row .dashboard-links{margin-top:0}@media(max-width:1050px){.stats6{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.stats6{grid-template-columns:1fr 1fr}} /* V3.4 AI semantic / vector matching */ .semantic-analysis-panel .semantic-summary{font-size:1.05rem;line-height:1.8;margin:.4rem 0 1rem} .semantic-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px} .semantic-groups>div{border:1px solid var(--line,#e5e7eb);border-radius:14px;padding:12px;background:rgba(127,127,127,.04)} .semantic-groups b{display:block;margin-bottom:8px} .semantic-settings-panel code{word-break:break-all} /* V3.5 one-tap desktop/mobile launcher */ .brand-icon{width:34px;height:34px;border-radius:9px;object-fit:cover;box-shadow:0 0 16px #28c8ff55}.launcher-hero{grid-template-columns:1.05fr .95fr}.launcher-card{display:block;max-width:520px;margin-left:auto;border-radius:34px;padding:14px;background:linear-gradient(145deg,#0d1d32,#07101d);border:1px solid #2a5b86;box-shadow:0 30px 90px #0009,0 0 34px #21c8ff1d;transition:.22s ease;overflow:hidden}.launcher-card:hover{transform:translateY(-5px) scale(1.01);border-color:#54daf5;box-shadow:0 34px 100px #000b,0 0 42px #21c8ff35}.launcher-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:26px}.launcher-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 8px 4px}.launcher-caption b{font-size:18px}.launcher-caption span{color:var(--accent);font-size:12px}.install-btn{border-color:#2e718f}.install-hint{font-size:13px!important;margin-top:12px}.home-feature-grid{margin-top:18px}.login-cardlink{text-align:center}.login-launcher{display:inline-block;margin:-8px auto 8px}.login-launcher img{width:112px;height:112px;border-radius:28px;box-shadow:0 20px 50px #0008,0 0 28px #42d9ff33}.login-cardlink form{text-align:left;margin-top:20px}@media(max-width:820px){.launcher-hero{grid-template-columns:1fr}.launcher-card{margin:4px auto 0;max-width:420px}.launcher-caption{align-items:flex-start;flex-direction:column}.brand-icon{width:30px;height:30px}} /* V3.6 enterprise anti-fraud / identity verification */ .security-stats{grid-template-columns:repeat(4,1fr)}.security-rule-list{display:grid;gap:10px}.security-rule-list>div{display:grid;gap:4px;padding:12px;border:1px solid #1f3a50;border-radius:13px;background:#081522}.security-rule-list span{color:var(--muted);font-size:12px}.fraud-list{display:grid;gap:12px}.fraud-item{display:grid;grid-template-columns:82px minmax(0,1fr) minmax(240px,320px);gap:16px;align-items:start;border:1px solid #2a4056;border-left-width:4px;border-radius:16px;padding:16px;background:#081522}.fraud-item.severity-critical{border-left-color:#ff596a;background:#211016}.fraud-item.severity-high{border-left-color:#ff9b54}.fraud-item.severity-medium{border-left-color:#e7cc68}.fraud-item.severity-low{border-left-color:#69c7e8}.fraud-score{width:66px;height:66px;border-radius:17px;display:grid;place-items:center;align-content:center;background:#0d2032;border:1px solid #35546d}.fraud-score b{font-size:25px;color:var(--accent)}.fraud-score span{font-size:9px;color:var(--muted)}.fraud-title{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.fraud-title b{font-size:18px}.fraud-title span{color:#c9dbe7}.fraud-title em{font-style:normal;color:var(--muted);font-size:12px}.fraud-main ul{padding-left:20px;margin:10px 0 0}.fraud-main li{margin:5px 0;color:#d2dde7;font-size:12px}.fraud-actions{display:grid;gap:8px}.company-verified-badge{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;border:1px solid #2b7e64;background:#0b2a21;color:#70e7b3;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700}.verify-card{text-align:center;max-width:620px;margin:0 auto}.verified-shield{width:82px;height:82px;border-radius:28px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,#24c990,#237ce7);font-size:42px;font-weight:900;box-shadow:0 0 40px #2fd7a544}.verified-shield.danger{background:linear-gradient(135deg,#d8495b,#8d2735);box-shadow:0 0 40px #ff596a33}.verify-card .detail{text-align:left;margin-top:24px}.privacy-note{border:1px solid #284860;border-radius:13px;padding:12px;background:#081724}.pagehead.compact{margin:0 0 16px}.enterprise-stats{grid-template-columns:repeat(5,1fr)} @media(max-width:980px){.fraud-item{grid-template-columns:72px 1fr}.fraud-actions{grid-column:1/-1}.enterprise-stats,.security-stats{grid-template-columns:repeat(2,1fr)}} @media(max-width:620px){.fraud-item{grid-template-columns:1fr}.fraud-score{width:58px;height:58px}.enterprise-stats,.security-stats{grid-template-columns:1fr 1fr}} /* V3.7 in-product AI navigation and application guide */ .ai-guide-root{position:fixed;right:22px;bottom:22px;z-index:80}.ai-guide-fab{width:58px;height:58px;border-radius:20px;border:1px solid #4bdcf7;background:linear-gradient(145deg,#1176db,#16bed4);color:white;font-weight:900;font-size:18px;box-shadow:0 16px 42px #000a,0 0 32px #37dfff55;cursor:pointer}.ai-guide-drawer{position:absolute;right:0;bottom:72px;width:min(420px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 110px));overflow:hidden;border:1px solid #2d5876;border-radius:22px;background:#071321f7;box-shadow:0 30px 80px #000d,0 0 28px #20d4f522;backdrop-filter:blur(18px)}.ai-guide-head{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;border-bottom:1px solid #1d354b}.ai-guide-head>div{display:grid;gap:2px}.ai-guide-head small{color:var(--muted)}.ai-guide-head button{border:0;background:#14283a;color:#d7e9f5;border-radius:50%;width:30px;height:30px;cursor:pointer}.ai-guide-chat{height:310px;overflow:auto;padding:15px;display:grid;align-content:start;gap:10px}.ai-guide-msg{max-width:92%;border-radius:16px;padding:12px 14px;line-height:1.65;font-size:13px;white-space:normal}.ai-guide-msg.assistant{justify-self:start;background:#0d2233;border:1px solid #24445c}.ai-guide-msg.user{justify-self:end;background:#123f63;border:1px solid #28719c}.ai-guide-msg ol{margin:9px 0 0;padding-left:20px}.ai-guide-msg li{margin:4px 0}.ai-guide-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ai-guide-actions .btn.small{padding:6px 9px;font-size:11px}.ai-guide-meta{display:block;margin-top:8px;color:#7f9bb0;font-size:10px}.ai-guide-quick{display:flex;gap:6px;padding:0 14px 10px;overflow:auto}.ai-guide-quick button,.ai-guide-suggestion-grid button{border:1px solid #2e5069;background:#0c1d2b;color:#cbe4f1;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.ai-guide-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 14px;border-top:1px solid #1d354b}.ai-guide-form input{min-width:0}.ai-guide-foot{display:flex;justify-content:space-between;gap:12px;padding:0 14px 13px;font-size:10px;color:var(--muted)}.ai-guide-foot a{color:var(--accent)} .ai-guide-page-grid{align-items:start}.ai-guide-console{min-height:620px}.ai-guide-page-chat{height:330px;overflow:auto;display:grid;align-content:start;gap:12px;border:1px solid #213b50;border-radius:17px;background:#06111d;padding:16px;margin:14px 0}.ai-guide-suggestion-grid{display:flex;flex-wrap:wrap;gap:8px}.ai-guide-page-form{margin-top:15px}.ai-guide-page-form textarea{width:100%;resize:vertical}.guide-workflows{display:grid}.guide-workflows a{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #1c3245}.guide-workflows a b{color:#e9f8ff}.guide-workflows a span{color:var(--muted);font-size:12px}.guide-top-pages{display:grid;gap:9px}.guide-top-pages>div{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border-bottom:1px solid #1b3246;padding:9px 0}.guide-top-pages span{color:var(--muted);font-size:12px}.ai-guide-settings-panel{border-color:#275f79} @media(max-width:620px){.ai-guide-root{right:12px;bottom:12px}.ai-guide-fab{width:54px;height:54px;border-radius:18px}.ai-guide-drawer{right:0;bottom:65px}.ai-guide-chat{height:280px}.ai-guide-page-chat{height:300px}.ai-guide-form{grid-template-columns:1fr}.ai-guide-form .btn{width:100%}} /* V3.8 commercial PostgreSQL + pgvector edition / integrated mockup UI */ .app-body{background:radial-gradient(circle at top left,#113458 0,#08111f 32%,#06101a 58%,#03070d 100%)} .app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh} .sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:20px 16px;border-right:1px solid #17324a;background:linear-gradient(180deg,#07101a,#08131f 45%,#050b12);box-shadow:inset -1px 0 0 #0f2435} .brand-side{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:18px;border:1px solid #21415c;border-radius:18px;background:linear-gradient(180deg,#0b1b2d,#091624)} .brand-side span{display:grid;gap:2px}.brand-side small{color:var(--accent);font-size:11px} .sidebar-section{margin-top:18px}.sidebar-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8db6ce;margin:0 10px 10px} .side-nav{display:grid;gap:6px}.side-nav a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;color:#d6eaf3;border:1px solid transparent;background:transparent}.side-nav a:hover{background:#0e2132;border-color:#1d3f58}.side-nav a.active{background:linear-gradient(180deg,#10304a,#0a1f31);border-color:#2d6d95;box-shadow:0 0 0 1px #1d5477 inset,0 0 24px #1ac8ff1f;color:#fff} .sidebar-member-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #21415b;border-radius:18px;background:#0a1725;margin-top:18px}.mini-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#1a7ce5,#16bfd5);font-weight:800;color:#fff}.sidebar-member-card small{display:block;color:#87a9bf;font-size:11px;margin-top:4px} .workspace{min-width:0;display:flex;flex-direction:column}.workspace-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 24px;border-bottom:1px solid #17324a;background:rgba(5,13,22,.78);backdrop-filter:blur(18px)} .workspace-eyebrow{font-size:12px;color:#7ccdf0;letter-spacing:.12em;text-transform:uppercase}.workspace-title{margin-top:6px;font-size:1.08rem;font-weight:700;color:#edf8ff}.workspace-actions{display:flex;gap:10px;flex-wrap:wrap}.top-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid #24506e;background:#0b1d2b;color:#d4edf5;font-size:12px} .shell-container{padding:24px}.ui-hero-card{padding:22px;border:1px solid #2a5678;border-radius:28px;background:linear-gradient(145deg,rgba(11,28,46,.95),rgba(7,18,30,.92));box-shadow:0 40px 90px rgba(0,0,0,.35),0 0 34px rgba(38,210,255,.08)} .hero-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;max-width:780px}.hero-mini-stats>div{padding:12px 14px;border:1px solid #234d6f;border-radius:16px;background:#0a1826}.hero-mini-stats b{display:block;font-size:18px;color:#fff}.hero-mini-stats span{color:var(--muted);font-size:12px}.preview-showcase{margin-top:22px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}.preview-grid figure{margin:0;padding:10px;border:1px solid #244660;border-radius:18px;background:#081522}.preview-grid img{display:block;width:100%;border-radius:12px;border:1px solid #1b3043;aspect-ratio:16/10;object-fit:cover}.preview-grid figcaption{margin-top:10px;color:#dbe9f4;font-size:13px} .stats>div,.stat{background:linear-gradient(180deg,#0b1c2c,#091623);border:1px solid #1e415d;box-shadow:0 12px 30px rgba(0,0,0,.18)} .panel{background:linear-gradient(180deg,rgba(10,23,37,.95),rgba(8,20,33,.95));border-color:#1c3850;box-shadow:0 18px 40px rgba(0,0,0,.18)} .tablewrap table thead th{background:#0f2234} @media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.workspace-topbar{padding:16px 18px}.shell-container{padding:18px}.preview-grid{grid-template-columns:1fr 1fr}.hero-mini-stats{grid-template-columns:1fr}} @media(max-width:680px){.workspace-topbar{flex-direction:column;align-items:flex-start}.workspace-actions{width:100%}.top-chip{width:100%}.preview-grid{grid-template-columns:1fr}.app-shell{display:block}.sidebar{padding-bottom:8px}} /* V3.8 detailed screens based on approved visual mockups */ .ocr-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:12px;align-items:center;margin:0 0 20px;padding:14px 18px;border:1px solid #1e405a;border-radius:18px;background:#081522}.ocr-stepper span{color:#7696aa;font-size:12px;font-weight:700}.ocr-stepper span.active{color:#40d7ff}.ocr-stepper i{height:1px;background:#25475d}.scan-workspace,.scan-result-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;align-items:start}.scan-upload-card{text-align:center;padding:28px}.scan-camera-visual{min-height:300px;display:grid;place-items:center;border:1px dashed #2a6388;border-radius:22px;background:radial-gradient(circle,#113a59,#071421 62%)}.scan-frame{width:180px;height:180px;border:2px solid #39d8ff;border-radius:32px;display:grid;place-items:center;align-content:center;box-shadow:0 0 40px #27cfff38 inset,0 0 36px #27cfff25}.scan-frame span{font-size:56px;font-weight:900;color:#48dcff}.scan-frame small{color:#a5c5d6}.scan-engine-card{min-height:100%}.engine-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:18px 0}.engine-flow>div{display:grid;gap:5px;padding:14px;border:1px solid #234b67;border-radius:15px;background:#0a1a29}.engine-flow span{font-size:11px;color:var(--muted)}.engine-flow strong{color:#3cd9ff}.card-image-preview{padding:14px;border-radius:20px;background:#06101a;border:1px solid #1c4059}.card-image-preview img{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:14px}.compact-metrics{grid-template-columns:1fr 1fr;margin-top:14px}.compact-metrics .metric-card{border:1px solid #1d405a;background:#0a1927}.scan-fields-panel .formgrid{grid-template-columns:1fr}.ocr-field input{font-size:15px}.admin-kpis{grid-template-columns:repeat(6,1fr)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-grid>div{display:grid;gap:5px;padding:14px;border:1px solid #1f4059;border-radius:15px;background:#081522}.service-grid span{font-size:11px;color:var(--muted)}.service-grid b{font-size:17px}.service-grid em{font-size:11px;font-style:normal}.ok-dot{color:#4de2a9}.warn-dot{color:#f4c35a}.admin-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-shortcuts a{display:grid;gap:5px;padding:15px;border:1px solid #214965;border-radius:16px;background:#081522}.admin-shortcuts span{font-size:11px;color:var(--muted)}.risk-badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.risk-badge.critical{background:#4b1620;color:#ff9eaa}.risk-badge.high{background:#46270f;color:#ffbd75}.risk-badge.medium{background:#413814;color:#f5df7b}.risk-badge.low{background:#173447;color:#8fd7f0}.event-list{display:grid}.event-list>div{display:grid;grid-template-columns:160px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #173044}.event-list span,.event-list small{color:var(--muted);font-size:11px}.admin-filter{display:flex;align-items:end;gap:12px}.admin-filter label{flex:1}.org-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.org-card-grid article{display:grid;gap:5px;padding:14px;border:1px solid #21465f;border-radius:15px;background:#081522}.org-card-grid span,.org-card-grid small{color:var(--muted);font-size:11px} @media(max-width:1050px){.scan-workspace,.scan-result-layout{grid-template-columns:1fr}.admin-kpis{grid-template-columns:repeat(3,1fr)}.org-card-grid{grid-template-columns:1fr 1fr}.event-list>div{grid-template-columns:1fr}} @media(max-width:680px){.ocr-stepper{grid-template-columns:1fr 1fr}.ocr-stepper i{display:none}.engine-flow{grid-template-columns:1fr}.engine-flow>strong{display:none}.admin-kpis{grid-template-columns:1fr 1fr}.service-grid,.admin-shortcuts,.org-card-grid{grid-template-columns:1fr}.admin-filter{align-items:stretch;flex-direction:column}.admin-filter label,.admin-filter .btn{width:100%}} /* V3.8 anonymous public-card engagement / marketing analytics */ .engagement-stats{grid-template-columns:repeat(6,1fr)} .metric-pill{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid #267398;background:#0b2839;color:#6ae7ff;font-weight:700;font-size:12px} .analytics-links{display:grid;gap:10px;margin-top:14px}.analytics-links label{display:grid;gap:6px;color:#a8c1d2;font-size:12px}.analytics-links input{font-size:12px} .mini-chart{height:230px;display:grid;grid-template-columns:repeat(14,minmax(24px,1fr));gap:8px;align-items:end;padding:22px 8px 0;border-top:1px solid #1a354c;margin-top:12px}.mini-chart-col{height:100%;display:grid;grid-template-rows:1fr auto;gap:8px;min-width:0}.mini-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%}.mini-bars i{display:block;width:9px;min-height:2px;border-radius:6px 6px 2px 2px}.mini-bars i.view{background:linear-gradient(180deg,#1ebeff,#2378f2);box-shadow:0 0 14px #1eaaff33}.mini-bars i.action{background:linear-gradient(180deg,#64f2d1,#19aeb4);box-shadow:0 0 14px #3ff2ce22}.mini-chart-col>span{text-align:center;color:#7896ab;font-size:10px}.analytics-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #183247}.analytics-list span{color:var(--muted);font-size:11px}.analytics-list em{font-style:normal;color:#72e9ff;font-weight:700}.public-analytics-notice{margin:18px 0 0;padding-top:12px;border-top:1px solid #1d3549;color:#7898ad;font-size:10px;line-height:1.55}.analytics-settings-panel{border-color:#28627f} @media(max-width:1050px){.engagement-stats{grid-template-columns:repeat(3,1fr)}} @media(max-width:620px){.engagement-stats{grid-template-columns:1fr 1fr}.mini-chart{overflow-x:auto;grid-template-columns:repeat(14,34px);justify-content:start}.analytics-list>div{grid-template-columns:1fr auto}.analytics-list span{grid-column:1/-1}} /* V3.8 self-service card builder / five built-in themes */ .card-builder-head h1{font-size:46px}.builder-stepper{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:12px;align-items:center;margin:0 0 20px;padding:14px 18px;border:1px solid #1e405a;border-radius:18px;background:#081522}.builder-stepper span{display:flex;align-items:center;gap:8px;color:#7d9ab0;font-size:12px;font-weight:700}.builder-stepper span b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#142b3d}.builder-stepper span.active{color:#6ce4ff}.builder-stepper span.active b{background:linear-gradient(135deg,#1d86e5,#19bfd4);color:#fff}.builder-stepper i{height:1px;background:#25475d}.card-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}.template-choice{display:grid;gap:10px;padding:10px;border:1px solid #203d54;border-radius:18px;background:#071420;cursor:pointer;transition:.18s ease}.template-choice:hover,.template-choice.selected{transform:translateY(-3px);border-color:#42cbef;box-shadow:0 0 0 1px #248bb2 inset,0 14px 36px #0006}.template-choice input{position:absolute;opacity:0;pointer-events:none}.template-mini{min-height:180px;border-radius:14px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.template-top{display:flex;justify-content:space-between;align-items:center}.template-top span{font-weight:800;letter-spacing:.08em}.template-top em{font-style:normal;font-size:9px;padding:4px 7px;border-radius:999px;border:1px solid currentColor}.template-person{display:grid;gap:3px}.template-person strong{font-size:22px}.template-person small,.template-person span,.template-contact span{font-size:10px}.template-contact{display:grid;gap:3px}.template-meta{display:grid;gap:4px}.template-meta>b{font-size:15px}.template-meta>span{font-size:11px;color:#72dff8}.template-meta>small{font-size:10px;line-height:1.5;color:#829daf}.builder-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:20px;margin-top:20px;align-items:start}.builder-preview-sticky{position:sticky;top:96px}.builder-preview{min-height:355px;margin:18px 0;border-radius:26px;padding:28px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 54px #0007}.builder-preview .template-top{position:absolute;top:22px;left:26px;right:26px}.builder-preview{position:relative}.preview-avatar{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;margin-bottom:16px;background:#ffffff20;border:1px solid #ffffff42;font-size:27px;font-weight:900}.builder-preview h2{font-size:34px;margin:0 0 4px}.builder-preview p{margin:0 0 18px;color:inherit;opacity:.8}.preview-contact{display:grid;gap:6px;margin-bottom:20px;font-size:13px}.builder-auto-list{display:grid;gap:8px;padding:14px;border:1px solid #1e4059;border-radius:16px;background:#081522;color:#a8c5d6;font-size:12px}.builder-submit{width:100%;margin-top:14px;padding:14px}.builder-privacy{margin-top:18px}.card-theme-label{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;margin-bottom:12px;border:1px solid currentColor} /* Theme 1: Technology Blue */ .card-template-tech_blue,.template-mini.card-template-tech_blue{background:radial-gradient(circle at 82% 10%,#1d6592 0,#102f4a 25%,#081623 62%),linear-gradient(145deg,#102d46,#08131e)!important;color:#eafaff!important;border-color:#337ca5!important}.card-template-tech_blue .card-theme-label{color:#61e4ff}.card-template-tech_blue .avatar{background:linear-gradient(135deg,#1688df,#19c6d5)!important} /* Theme 2: Executive Black Gold */ .card-template-executive_gold,.template-mini.card-template-executive_gold{background:radial-gradient(circle at 90% 0,#66501c 0,#221d12 23%,#090a0d 65%),linear-gradient(145deg,#121316,#050608)!important;color:#fff5d6!important;border-color:#8d7335!important}.card-template-executive_gold .card-theme-label{color:#e5c66e}.card-template-executive_gold .avatar{background:linear-gradient(135deg,#a27a23,#e3c46b)!important;color:#171106!important}.card-template-executive_gold a{color:#ffe6a3} /* Theme 3: Minimal White */ .card-template-minimal_white,.template-mini.card-template-minimal_white{background:linear-gradient(145deg,#ffffff,#edf3f7)!important;color:#142331!important;border-color:#c6d2da!important;box-shadow:0 24px 54px #0003}.card-template-minimal_white p,.card-template-minimal_white .role,.card-template-minimal_white .bio,.card-template-minimal_white .headline{color:#536675!important}.card-template-minimal_white .card-theme-label{color:#176a9f}.card-template-minimal_white .avatar{background:#e2eef5!important;color:#176a9f!important}.card-template-minimal_white .detail p,.card-template-minimal_white .public-links a{border-color:#cfdae1!important;background:#f7fafc!important;color:#182f3d!important} /* Theme 4: Eco Green */ .card-template-eco_green,.template-mini.card-template-eco_green{background:radial-gradient(circle at 85% 15%,#2d7850 0,#143b2e 29%,#081b17 68%),linear-gradient(145deg,#123b2d,#071711)!important;color:#effff5!important;border-color:#3f8c68!important}.card-template-eco_green .card-theme-label{color:#73e6a5}.card-template-eco_green .avatar{background:linear-gradient(135deg,#2ba66b,#8bd67e)!important;color:#06180d!important} /* Theme 5: Creative Purple */ .card-template-creative_purple,.template-mini.card-template-creative_purple{background:radial-gradient(circle at 85% 10%,#714ba7 0,#34285d 26%,#14142d 66%),linear-gradient(145deg,#30275a,#101227)!important;color:#f8f2ff!important;border-color:#765db1!important}.card-template-creative_purple .card-theme-label{color:#d7a6ff}.card-template-creative_purple .avatar{background:linear-gradient(135deg,#8d54e9,#38c5e3)!important} @media(max-width:1120px){.card-template-grid{grid-template-columns:repeat(3,1fr)}.builder-layout{grid-template-columns:1fr}.builder-preview-sticky{position:relative;top:auto}}@media(max-width:720px){.card-template-grid{grid-template-columns:1fr 1fr}.builder-stepper{grid-template-columns:1fr}.builder-stepper i{display:none}}@media(max-width:460px){.card-template-grid{grid-template-columns:1fr}} /* V3.9 authentication, password recovery and multi-provider identity security */ .auth-v39{max-width:620px;margin-inline:auto}.auth-wide{max-width:1080px;margin-inline:auto}.auth-password-form{display:grid;gap:13px}.auth-help-row{display:flex;justify-content:space-between;gap:14px;font-size:12px}.auth-help-row a,.accent-link{color:var(--accent);text-decoration:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#20394f;flex:1}.social-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-login-grid.compact{grid-template-columns:repeat(3,1fr)}.social-login-btn{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 13px;border:1px solid #2a465c;border-radius:13px;background:#0a1825;color:#e8f4fb;text-decoration:none;font-weight:700}.social-login-btn:hover{border-color:#56d7f6;transform:translateY(-1px)}.social-login-btn.disabled{opacity:.52;cursor:not-allowed;transform:none}.social-login-btn small{display:block;font-weight:500;color:var(--muted);font-size:9px}.provider-mark{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#13283a;border:1px solid #31516b;font-weight:900;flex:0 0 auto}.provider-google .provider-mark{background:#fff;color:#2357c6}.provider-line .provider-mark{background:#06c755;color:#fff}.provider-wechat .provider-mark{background:#16b766;color:#fff}.provider-apple .provider-mark{background:#fff;color:#111}.provider-microsoft .provider-mark{background:#e6f0ff;color:#1565c0}.auth-resolve-grid{align-items:stretch}.auth-resolve-grid .panel{height:100%}.security-status{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.security-status>div{display:grid;gap:4px;padding:12px;border:1px solid #1d3a50;border-radius:13px;background:#081522}.security-status b{font-size:14px}.ok-text{color:#7be0ae}.warn-text{color:#f2c96d}.email-verify-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#6d5a2a;background:#251f10;margin-bottom:18px}.email-verify-callout h3,.email-verify-callout p{margin:0}.email-verify-callout p{color:#d9cda7;margin-top:5px}.linked-auth-panel,.login-history-panel{margin-top:20px}.identity-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.identity-card{display:grid;gap:12px;padding:14px;border:1px solid #203b50;border-radius:15px;background:#081522}.identity-card.bound{border-color:#2d6956;background:#092018}.identity-provider{display:flex;gap:9px;align-items:center;min-width:0}.identity-provider>div{min-width:0}.identity-provider small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:9px;margin-top:2px}.btn.danger{border-color:#683b45;color:#ffb7bf}.email-unverified-banner{margin:0 0 16px;padding:10px 14px;border:1px solid #6d5a2a;border-radius:12px;background:#251f10;color:#e8d69b;font-size:12px}.email-unverified-banner a{color:#69e5ff}.login-history-panel table{min-width:690px} @media(max-width:1100px){.identity-grid{grid-template-columns:repeat(3,1fr)}.security-status{grid-template-columns:1fr 1fr}}@media(max-width:700px){.social-login-grid,.social-login-grid.compact,.identity-grid,.security-status{grid-template-columns:1fr}.email-verify-callout{align-items:flex-start;flex-direction:column}.auth-help-row{flex-direction:column;gap:6px}} /* V4.0 智慧聯絡人搜尋 */ .smart-contact-head{align-items:flex-start}.smart-search-panel{padding:18px}.search-mode-tabs{display:flex;gap:8px;margin-bottom:14px}.search-mode-tab{border:1px solid var(--line,#2d4057);background:transparent;color:inherit;border-radius:999px;padding:8px 14px;cursor:pointer}.search-mode-tab.active{background:rgba(64,190,255,.14);border-color:#50c7ff}.search-primary{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.search-primary textarea,.search-large{width:100%;font-size:16px;min-height:46px}.advanced-filter{margin-top:14px;border-top:1px solid var(--line,#2d4057);padding-top:12px}.advanced-filter summary{cursor:pointer;font-weight:700}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.filter-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px}.filter-grid input,.filter-grid select{width:100%}.filter-actions{display:flex;gap:8px;margin-top:14px}.contact-search-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.save-search-form{display:flex;gap:8px}.saved-searches{padding:12px 16px;margin-bottom:14px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips.compact{margin-top:10px}.saved-chip{display:inline-flex;align-items:center;border:1px solid var(--line,#2d4057);border-radius:999px;padding:5px 8px 5px 12px;gap:4px}.saved-chip form{margin:0}.saved-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:18px}.contact-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-result-card{background:var(--panel,#101d2b);border:1px solid var(--line,#2d4057);border-radius:18px;padding:16px}.contact-result-card.enterprise-result{border-style:dashed}.contact-main{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:inherit;text-decoration:none}.contact-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(80,199,255,.12);font-size:20px;font-weight:800}.contact-copy h3{margin:0}.contact-copy p{margin:4px 0}.contact-title-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.score-ring{width:58px;height:58px;border:1px solid rgba(80,199,255,.45);border-radius:50%;display:grid;place-content:center;text-align:center}.score-ring b{font-size:17px}.score-ring span{font-size:9px}.match-reasons{display:flex;flex-direction:column;gap:4px;margin:10px 0;font-size:12px}.contact-meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line,#2d4057);padding-top:10px;margin-top:10px;font-size:12px;opacity:.78}.contact-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.tag.success{border-color:rgba(44,210,140,.5)}.tag.danger{border-color:rgba(255,94,94,.5)}.notice.warning{margin:12px 0;padding:12px;border:1px solid rgba(255,190,70,.4);border-radius:12px}.empty-state{grid-column:1/-1;text-align:center;padding:34px} @media(max-width:980px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-result-grid{grid-template-columns:1fr}} @media(max-width:680px){.search-primary{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr}.contact-search-toolbar{align-items:stretch;flex-direction:column}.save-search-form{width:100%}.save-search-form input{flex:1}.contact-main{grid-template-columns:auto 1fr}.score-ring{grid-column:2;justify-self:start}.contact-meta{flex-direction:column}.smart-contact-head .actions{width:100%}} .duplicate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.duplicate-card{border:1px solid var(--line,#2d4057);border-radius:14px;padding:14px}.metric-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line,#2d4057)}@media(max-width:820px){.duplicate-grid{grid-template-columns:1fr}} .batch-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:12px}.batch-toolbar input,.batch-toolbar select{max-width:230px}.result-select{display:block;font-size:12px;margin-bottom:8px;opacity:.8} /* V4.1 回憶媒體三層隱私與公開名片媒體 */ .visibility-badge{position:absolute;left:9px;bottom:9px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;backdrop-filter:blur(8px);border:1px solid #34506a;background:#06111dcc;color:#d7eef8} .visibility-badge.private{background:#0b1824e8}.visibility-badge.mutual{background:#173148e8;border-color:#4b86a8;color:#c9f4ff}.visibility-badge.public{background:#113226e8;border-color:#4c9470;color:#d7ffe9} .inline-visibility-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-visibility-form select{width:auto;min-width:142px;padding:7px 9px;font-size:12px} .public-media-layout{align-items:start}.visibility-explainer{display:grid;gap:12px;margin:18px 0}.visibility-explainer>div{display:grid;gap:3px;padding:13px;border:1px solid #244059;border-radius:13px;background:#081522}.visibility-explainer span{color:var(--muted);font-size:13px} .public-media-list-panel,.public-media-preview-panel{margin-top:20px}.inactive-media{opacity:.55}.private-media-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:20px;text-align:center;color:#8ca2b4;background:#06101a} .public-card-media-section,.mutual-memory-section{margin:28px 0;padding-top:22px;border-top:1px solid #20374d}.public-card-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.public-card-media-item{border:1px solid #244059;border-radius:16px;overflow:hidden;background:#081522}.public-card-media-item.featured{grid-column:1/-1;border-color:#52d7f2}.public-card-media-frame{position:relative;min-height:180px;max-height:520px;background:#02070d;display:grid;place-items:center}.public-card-media-frame img,.public-card-media-frame video{width:100%;max-height:520px;object-fit:cover;display:block}.public-card-media-item.featured .public-card-media-frame img,.public-card-media-item.featured .public-card-media-frame video{object-fit:contain}.media-category-chip{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:#071522dc;border:1px solid #31536d;color:#c9eef8;font-size:10px;font-weight:700}.public-card-media-copy{padding:12px}.public-card-media-copy p{margin:5px 0 0;color:var(--muted);white-space:pre-line}.mutual-memory-section{border:1px solid #315b73;border-radius:18px;padding:20px;background:#07131f}.mutual-memory-note{color:#9fcfe0;font-size:13px}.mutual-memory-grid{margin-top:14px} @media(max-width:700px){.public-card-media-grid{grid-template-columns:1fr}.public-card-media-item.featured{grid-column:auto}.inline-visibility-form{align-items:stretch}.inline-visibility-form select{width:100%}} /* V4.2 會員可選介面風格 --------------------------------------------------- */ .theme-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 20px}.theme-choice-card{display:block;border:2px solid var(--line);border-radius:22px;padding:14px;background:var(--panel);cursor:pointer;transition:.2s ease}.theme-choice-card:hover{transform:translateY(-2px);border-color:var(--accent)}.theme-choice-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(21,150,173,.14)}.theme-choice-card>input{position:absolute;opacity:0;pointer-events:none}.theme-preview{display:grid;grid-template-columns:28% 1fr;min-height:190px;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.theme-preview-classic_dark{background:#07101d}.theme-preview-classic_dark .preview-sidebar{background:#07131f}.theme-preview-classic_dark .preview-main{background:#0a1625}.theme-preview-classic_dark .preview-top,.theme-preview-classic_dark .preview-cards i,.theme-preview-classic_dark .preview-panel{background:#10263a;border-color:#214861}.theme-preview-fresh_light{background:#f5fafc}.theme-preview-fresh_light .preview-sidebar{background:#e9f4f6}.theme-preview-fresh_light .preview-main{background:#fbfdfe}.theme-preview-fresh_light .preview-top,.theme-preview-fresh_light .preview-cards i,.theme-preview-fresh_light .preview-panel{background:#fff;border-color:#d6e5ea}.preview-sidebar{padding:16px 9px;display:grid;align-content:start;gap:10px}.preview-sidebar i{height:10px;border-radius:999px;background:#63cfe2;opacity:.65}.preview-main{padding:13px;display:grid;align-content:start;gap:12px}.preview-top{height:22px;border:1px solid;border-radius:8px}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-cards i{height:48px;border:1px solid;border-radius:10px}.preview-panel{height:66px;border:1px solid;border-radius:12px}.theme-choice-copy{padding:14px 4px 4px}.theme-choice-copy>div{display:flex;gap:9px;align-items:center}.theme-choice-copy b{font-size:18px}.theme-choice-copy p{margin:7px 0 6px;color:var(--muted)}.theme-choice-copy small{color:var(--muted)}.appearance-note{margin:0 0 18px}.appearance-note p{margin-bottom:0} @media(max-width:760px){.theme-choice-grid{grid-template-columns:1fr}.theme-preview{min-height:160px}} /* 清新淺色版：只套用於會員登入後的工作台；原版 classic_dark 保持預設。 */ .app-body[data-ui-theme="fresh_light"]{color-scheme:light;--bg:#f4f8fb;--panel:#ffffff;--line:#d6e3e9;--text:#1d3340;--muted:#6f8490;--accent:#1596ad;--accent2:#64bfae;--danger:#c84c5a;--ok:#258b68;background:linear-gradient(145deg,#f7fbfc 0,#eef7f8 48%,#f5f8fc 100%);color:var(--text)} .app-body[data-ui-theme="fresh_light"] .sidebar{border-right-color:#d5e4e9;background:linear-gradient(180deg,#f7fbfc,#edf6f7 58%,#f6fafc);box-shadow:inset -1px 0 0 #fff} .app-body[data-ui-theme="fresh_light"] .brand-side{border-color:#cfe1e6;background:linear-gradient(180deg,#fff,#f0f8fa)} .app-body[data-ui-theme="fresh_light"] .brand-side small,.app-body[data-ui-theme="fresh_light"] .sidebar-label,.app-body[data-ui-theme="fresh_light"] .workspace-eyebrow{color:#328ea2} .app-body[data-ui-theme="fresh_light"] .side-nav a{color:#3d5662}.app-body[data-ui-theme="fresh_light"] .side-nav a:hover{background:#e7f3f5;border-color:#c6dfe4}.app-body[data-ui-theme="fresh_light"] .side-nav a.active{background:linear-gradient(180deg,#dff2f4,#edf8f7);border-color:#79bdc7;box-shadow:0 0 0 1px #c5e8eb inset,0 8px 20px #5aa8b51a;color:#164d59} .app-body[data-ui-theme="fresh_light"] .sidebar-member-card{border-color:#cee0e5;background:#fff}.app-body[data-ui-theme="fresh_light"] .sidebar-member-card small{color:#718894} .app-body[data-ui-theme="fresh_light"] .workspace-topbar{border-bottom-color:#d9e6eb;background:rgba(248,252,253,.88);box-shadow:0 8px 22px rgba(54,91,106,.05)}.app-body[data-ui-theme="fresh_light"] .workspace-title{color:#203742}.app-body[data-ui-theme="fresh_light"] .top-chip{border-color:#c7dce3;background:#fff;color:#31535e} .app-body[data-ui-theme="fresh_light"] .panel,.app-body[data-ui-theme="fresh_light"] .stats>div,.app-body[data-ui-theme="fresh_light"] .stat,.app-body[data-ui-theme="fresh_light"] .ui-hero-card,.app-body[data-ui-theme="fresh_light"] .contact-result-card{background:#ffffff;border-color:#d6e3e9;box-shadow:0 14px 36px rgba(44,84,100,.08)} .app-body[data-ui-theme="fresh_light"] .ui-hero-card{background:linear-gradient(145deg,#ffffff,#edf8f8)}.app-body[data-ui-theme="fresh_light"] .hero-mini-stats>div{border-color:#d3e5e9;background:#f8fcfc}.app-body[data-ui-theme="fresh_light"] .hero-mini-stats b{color:#24414c} .app-body[data-ui-theme="fresh_light"] .panel p,.app-body[data-ui-theme="fresh_light"] label,.app-body[data-ui-theme="fresh_light"] .preview-grid figcaption{color:#6d818c} .app-body[data-ui-theme="fresh_light"] input,.app-body[data-ui-theme="fresh_light"] select,.app-body[data-ui-theme="fresh_light"] textarea{background:#fbfdfe;color:#243b46;border-color:#cddde3}.app-body[data-ui-theme="fresh_light"] input:focus,.app-body[data-ui-theme="fresh_light"] select:focus,.app-body[data-ui-theme="fresh_light"] textarea:focus{border-color:#52aebd;box-shadow:0 0 0 3px #53b7c51a} .app-body[data-ui-theme="fresh_light"] .btn{border-color:#bfd4dc;background:#fff;color:#31505c}.app-body[data-ui-theme="fresh_light"] .btn:hover{border-color:#76aebb;background:#f3fafb}.app-body[data-ui-theme="fresh_light"] .btn.primary{background:linear-gradient(135deg,#55bdd0,#65b9a8);color:#fff;border-color:transparent} .app-body[data-ui-theme="fresh_light"] .tablewrap table thead th{background:#edf6f8;color:#67808c}.app-body[data-ui-theme="fresh_light"] th,.app-body[data-ui-theme="fresh_light"] td,.app-body[data-ui-theme="fresh_light"] .list a,.app-body[data-ui-theme="fresh_light"] .barrow,.app-body[data-ui-theme="fresh_light"] .detail p,.app-body[data-ui-theme="fresh_light"] .event{border-color:#e2ebef}.app-body[data-ui-theme="fresh_light"] tbody tr:hover{background:#f1f8f9} .app-body[data-ui-theme="fresh_light"] .tag{border-color:#bad6dd;color:#27869a;background:#f3fafb}.app-body[data-ui-theme="fresh_light"] .flash{border-color:#c7dce3;background:#eef8fa;color:#31525d}.app-body[data-ui-theme="fresh_light"] .flash.success{border-color:#b8dfd1;background:#eefaf5;color:#246b54}.app-body[data-ui-theme="fresh_light"] .flash.error{border-color:#e6c2c8;background:#fff2f4;color:#9e3d4a} .app-body[data-ui-theme="fresh_light"] .email-unverified-banner{border-color:#e3d59f;background:#fff9e8;color:#795f13}.app-body[data-ui-theme="fresh_light"] .email-unverified-banner a{color:#197f95} .app-body[data-ui-theme="fresh_light"] .ocr-stepper,.app-body[data-ui-theme="fresh_light"] .engine-flow>div,.app-body[data-ui-theme="fresh_light"] .service-grid>div,.app-body[data-ui-theme="fresh_light"] .admin-shortcuts a,.app-body[data-ui-theme="fresh_light"] .org-card-grid article,.app-body[data-ui-theme="fresh_light"] .identity-card,.app-body[data-ui-theme="fresh_light"] .security-status>div,.app-body[data-ui-theme="fresh_light"] .visibility-explainer>div{background:#f8fcfd;border-color:#d4e4e8} .app-body[data-ui-theme="fresh_light"] .scan-camera-visual{background:radial-gradient(circle,#e9f8fb,#f8fcfd 68%);border-color:#87c6d1}.app-body[data-ui-theme="fresh_light"] .scan-frame{border-color:#4fb4c6;box-shadow:0 0 35px #5ebac51f inset}.app-body[data-ui-theme="fresh_light"] .scan-frame span{color:#248ba0}.app-body[data-ui-theme="fresh_light"] .scan-frame small{color:#708d98}.app-body[data-ui-theme="fresh_light"] .card-image-preview{background:#f5fafb;border-color:#d4e4e8} .app-body[data-ui-theme="fresh_light"] .social-login-btn{border-color:#cbdde3;background:#fff;color:#294650}.app-body[data-ui-theme="fresh_light"] .provider-mark{border-color:#bfd6dc;background:#eef7f8;color:#315b66}.app-body[data-ui-theme="fresh_light"] .auth-divider:before,.app-body[data-ui-theme="fresh_light"] .auth-divider:after{background:#d9e6ea} .app-body[data-ui-theme="fresh_light"] .identity-card.bound{border-color:#acd8c8;background:#f0faf6}.app-body[data-ui-theme="fresh_light"] .email-verify-callout{border-color:#e5d7a7;background:#fff9ea}.app-body[data-ui-theme="fresh_light"] .email-verify-callout p{color:#786b43} .app-body[data-ui-theme="fresh_light"] .contact-avatar{background:#e5f5f7;color:#247c8e}.app-body[data-ui-theme="fresh_light"] .score-ring{border-color:#8dcad4;background:#f8fcfd}.app-body[data-ui-theme="fresh_light"] .saved-chip{border-color:#cadde2;background:#fff}.app-body[data-ui-theme="fresh_light"] .advanced-filter{border-color:#dce7eb} .app-body[data-ui-theme="fresh_light"] .public-media-item,.app-body[data-ui-theme="fresh_light"] .public-card-media-item{background:#fff;border-color:#d4e3e8}.app-body[data-ui-theme="fresh_light"] .public-card-media-frame{background:#eef4f6}.app-body[data-ui-theme="fresh_light"] .mutual-memory-section{background:#f4fafb;border-color:#c8e0e5}.app-body[data-ui-theme="fresh_light"] .mutual-memory-note{color:#4f7c89}.app-body[data-ui-theme="fresh_light"] .private-media-placeholder{background:#eef5f7;color:#718894} .app-body[data-ui-theme="fresh_light"] .ai-guide-drawer,.app-body[data-ui-theme="fresh_light"] .ai-guide-page-chat{background:#fff;border-color:#cadde3;color:#294650}.app-body[data-ui-theme="fresh_light"] .ai-guide-msg.assistant{background:#edf8fa;color:#31525e}.app-body[data-ui-theme="fresh_light"] .ai-guide-msg.user{background:#eaf7f2;color:#315249} .app-body[data-ui-theme="fresh_light"] .privacy-banner.safe{background:#eef9f5;border-color:#b9dfd0}.app-body[data-ui-theme="fresh_light"] .privacy-banner.open{background:#fff8e8;border-color:#e4d49d}.app-body[data-ui-theme="fresh_light"] .setting-list a,.app-body[data-ui-theme="fresh_light"] .guide-workflows a,.app-body[data-ui-theme="fresh_light"] .event-list>div,.app-body[data-ui-theme="fresh_light"] .guide-top-pages>div{border-color:#e1eaee} .app-body[data-ui-theme="fresh_light"] .theme-choice-card{background:#fff;border-color:#d4e2e7}.app-body[data-ui-theme="fresh_light"] .theme-choice-card.selected{border-color:#55aebe} /* -------------------------------------------------------------------------- V4.3 CardLink 商務訊息 / CRM 跟進 -------------------------------------------------------------------------- */ .nav-unread-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:auto;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800}.message-hero{display:flex;justify-content:space-between;gap:24px;align-items:end}.message-workspace-grid,.message-thread-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:20px;align-items:start;margin-top:20px}.message-side-stack{display:grid;gap:16px}.search-bar,.thread-search{display:flex;gap:8px;margin:12px 0 16px}.conversation-list{display:grid}.conversation-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line)}.conversation-row:hover{background:rgba(93,225,255,.04)}.conversation-row.unread{background:rgba(93,225,255,.07)}.conversation-copy{min-width:0}.conversation-copy>div{display:flex;align-items:center;gap:8px}.conversation-copy p{margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{display:grid;justify-items:end;gap:6px}.unread-pill{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:var(--accent);color:#07101d;font-size:11px;font-weight:900}.invite-card{padding:14px 0;border-bottom:1px solid var(--line)}.invite-card p{margin:7px 0 10px}.quick-template-row,.mini-crm-item{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.quick-template-row p{margin:4px 0 0;font-size:12px}.stack-form{display:grid;gap:9px;margin-top:12px}.message-start-card{max-width:720px;margin:24px auto}.message-target-head{display:flex;align-items:center;gap:12px}.mini-avatar.large{width:64px;height:64px;font-size:24px}.notice-card,.warning-card{border:1px solid var(--line);border-radius:15px;padding:16px;margin:16px 0;background:rgba(93,225,255,.05)}.thread-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}.thread-head h2{margin:0}.thread-head p{margin:4px 0 0}.message-stream{height:min(58vh,640px);min-height:360px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:18px 4px;scroll-behavior:smooth}.message-bubble{max-width:78%;padding:11px 13px;border:1px solid var(--line);border-radius:16px;background:#0b1726}.message-bubble.mine{align-self:flex-end;border-bottom-right-radius:4px;background:linear-gradient(135deg,#12334a,#1c2d52)}.message-bubble.theirs{align-self:flex-start;border-bottom-left-radius:4px}.message-body{white-space:pre-wrap;word-break:break-word;line-height:1.55}.message-time{font-size:10px;color:var(--muted);margin-top:6px}.message-compose{border-top:1px solid var(--line);padding-top:14px}.message-compose textarea{resize:vertical}.compose-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px}.compose-foot small{color:var(--muted)}.quick-reply-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.template-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:transparent;color:var(--text);cursor:pointer;font-size:12px}.template-chip:hover{border-color:var(--accent);color:var(--accent)}.danger-zone{border-color:rgba(255,107,122,.35)}.message-side-stack details{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.message-side-stack summary{cursor:pointer;font-weight:700}.message-side-stack select{font-size:13px}.app-body[data-ui-theme="fresh_light"] .conversation-row:hover,.app-body[data-ui-theme="fresh_light"] .conversation-row.unread{background:#eef8fa}.app-body[data-ui-theme="fresh_light"] .unread-pill{color:#fff}.app-body[data-ui-theme="fresh_light"] .message-bubble{background:#f7fafb}.app-body[data-ui-theme="fresh_light"] .message-bubble.mine{background:linear-gradient(135deg,#dff3f6,#e8f6f1);border-color:#badbe1}.app-body[data-ui-theme="fresh_light"] .notice-card,.app-body[data-ui-theme="fresh_light"] .warning-card{background:#f3fafb}.app-body[data-ui-theme="fresh_light"] .template-chip{background:#fff} @media(max-width:980px){.message-workspace-grid,.message-thread-layout{grid-template-columns:1fr}.message-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.message-thread-layout .message-side-stack{grid-template-columns:1fr 1fr}} @media(max-width:680px){.message-hero{display:block}.message-side-stack,.message-thread-layout .message-side-stack{grid-template-columns:1fr}.conversation-row{grid-template-columns:42px minmax(0,1fr)}.conversation-meta{grid-column:2;display:flex;justify-content:space-between}.message-bubble{max-width:90%}.thread-head,.compose-foot{align-items:flex-start;flex-direction:column}.message-stream{height:52vh}} /* ===== CardLink CRM V6.1 AI Enterprise control center ===== */ .usage-list{display:grid;gap:14px}.usage-item{display:grid;grid-template-columns:minmax(160px,1fr) minmax(140px,2fr) 64px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.usage-item>div:first-child{display:flex;flex-direction:column;gap:3px}.usage-item span,.usage-item small{color:var(--muted)}.meter{height:9px;border-radius:999px;background:rgba(127,145,170,.16);overflow:hidden}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c7f5,#47e6ad)} .quota-alert-panel{border-color:rgba(255,184,77,.4)}.alert-stack{display:grid;gap:8px}.quota-alert{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,184,77,.09);border:1px solid rgba(255,184,77,.22)}.quota-alert.danger{background:rgba(255,92,116,.09);border-color:rgba(255,92,116,.3)}.quota-alert span{color:var(--muted)} .plan-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.plan-row>div{display:flex;flex-direction:column;gap:4px}.plan-row span{color:var(--muted)} .billing-breakdown{display:grid;gap:10px}.billing-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.billing-breakdown .total{font-size:1.08rem;border-bottom:0;padding-top:14px}.billing-breakdown .total b{font-size:1.3rem} .lifecycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lifecycle-grid>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card-soft);display:flex;flex-direction:column;gap:5px}.lifecycle-grid b{font-size:1.55rem}.lifecycle-grid span{color:var(--muted)} .entitlement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entitlement-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--card-soft);display:flex;flex-direction:column;gap:10px}.entitlement-card label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;color:var(--muted)}.entitlement-card input,.entitlement-card select{width:100%}.plan-admin-card{margin-bottom:18px}.privacy-boundary{margin-top:18px}.tag.success{border-color:rgba(71,230,173,.35);background:rgba(71,230,173,.1)} .formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.formgrid .span2{grid-column:span 2}.formgrid label,.formstack label{display:flex;flex-direction:column;gap:6px;color:var(--muted)} @media(max-width:1100px){.entitlement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.usage-item{grid-template-columns:1fr}.entitlement-grid,.formgrid,.lifecycle-grid{grid-template-columns:1fr}.formgrid .span2{grid-column:auto}.plan-row,.quota-alert{align-items:flex-start;flex-direction:column}} .ai-enterprise-result{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)} .ai-enterprise-result small{display:block;margin-top:10px;opacity:.75} /* ========================================================================== CardLink CRM V6.1.2 — UI Production Edition Platform Admin + Enterprise Console production shell ========================================================================== */ .production-shell{--prod-bg:#06111f;--prod-bg2:#081626;--prod-card:#0a192a;--prod-card2:#0d1d30;--prod-line:#1d344d;--prod-line-2:#274764;--prod-text:#f4f8ff;--prod-muted:#86a0b9;--prod-blue:#2478ff;--prod-cyan:#18bde8;--prod-teal:#16c6a3;--prod-purple:#7b61ff;--prod-red:#ef5268;--prod-orange:#f59f25;--prod-shadow:0 18px 48px rgba(0,0,0,.24);background:radial-gradient(circle at 55% -20%,#0c2a4b 0,#071321 34%,#050e19 78%);color:var(--prod-text)} .production-shell .production-app-shell{grid-template-columns:254px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,rgba(2,12,23,.2),rgba(2,9,17,.35))}.production-shell .production-sidebar{position:fixed;inset:0 auto 0 0;width:254px;display:flex;flex-direction:column;padding:0 12px 14px;background:linear-gradient(180deg,#07182a 0,#06111f 62%,#050d18 100%);border-right:1px solid #17304a;z-index:90;overflow:auto}.production-shell .brand-side{height:64px;padding:0 4px;border-bottom:1px solid rgba(63,108,145,.22);font-size:18px}.production-shell .brand-side .brand-icon{width:34px;height:34px}.production-shell .brand-side small{font-size:10px;color:#25bfff;border-color:#1e6590;background:#071d2e}.surface-nav-heading{display:flex;gap:10px;align-items:center;padding:16px 8px 10px;color:#dfeeff}.surface-nav-heading>div{display:grid;gap:2px}.surface-nav-heading b{font-size:12px}.surface-nav-heading small{font-size:10px;color:#6f8fa9;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surface-dot{width:9px;height:9px;border-radius:50%;background:#29d6ff;box-shadow:0 0 16px #29d6ff}.surface-dot.enterprise{background:#20d6ad;box-shadow:0 0 16px #20d6ad}.production-nav{display:grid!important;gap:5px;margin-top:2px}.production-nav a{min-height:46px;display:flex!important;align-items:center;gap:13px;padding:0 12px!important;border:1px solid transparent!important;border-radius:10px!important;color:#b7c9d9!important;font-size:13px!important;font-weight:650;transition:.16s ease}.production-nav a:hover{background:rgba(28,99,159,.12)!important;color:#eff9ff!important;border-color:rgba(55,132,193,.22)!important}.production-nav a.active{background:linear-gradient(100deg,rgba(29,96,213,.65),rgba(20,86,171,.28))!important;border-color:#2368b8!important;color:white!important;box-shadow:inset 3px 0 #35a2ff,0 10px 26px rgba(0,80,190,.15)}.production-nav .nav-icon{width:25px;height:25px;display:grid;place-items:center;font-size:17px;color:#ddecf8;flex:0 0 auto}.production-nav a.active .nav-icon{color:#55c7ff}.sidebar-health{margin-top:auto;display:flex;gap:11px;align-items:center;padding:13px;border:1px solid #1c3851;border-radius:12px;background:rgba(8,25,43,.7)}.sidebar-health .health-shield{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;border:1px solid #315677;color:#d6eafd}.sidebar-health>div{display:grid;gap:3px}.sidebar-health b{font-size:12px}.sidebar-health small{font-size:10px;color:#7b9ab3}.sidebar-health i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#24d6a1;margin-right:5px;box-shadow:0 0 8px rgba(36,214,161,.6)}.production-member-card{grid-template-columns:36px 1fr 26px!important;gap:9px!important;margin-top:10px!important;padding:10px 7px!important;border:0!important;background:transparent!important}.production-member-card .mini-avatar{width:34px;height:34px;border-radius:50%;font-size:13px}.production-member-card b{font-size:11px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.production-member-card small{font-size:9px!important;color:#6e8ca6!important}.logout-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #26455f;border-radius:8px;color:#8da8bd}.logout-icon:hover{color:#fff;border-color:#447ba2}.production-shell .production-workspace{grid-column:2;min-width:0;margin-left:0}.production-topbar{position:sticky!important;top:0!important;z-index:80;height:64px!important;padding:0 22px!important;background:rgba(5,16,29,.92)!important;border-bottom:1px solid #17314a!important;backdrop-filter:blur(20px);display:flex!important;gap:15px;align-items:center!important}.sidebar-toggle{display:none;width:38px;height:38px;border:1px solid #24445f;border-radius:9px;background:#091a2c;color:#d8e9f7;font-size:17px;cursor:pointer}.production-search{height:39px;width:min(430px,42vw);display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #1d3954;background:#081a2c;border-radius:9px}.production-search span{font-size:18px;color:#85a5be}.production-search input{border:0!important;padding:0!important;background:transparent!important;color:#dcebf7!important;font-size:12px}.production-search input::placeholder{color:#708ca5}.production-top-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.ai-console-pill{height:34px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #167a76;border-radius:8px;color:#e5fbf7;font-size:12px;background:rgba(7,50,55,.28)}.ai-console-pill i{width:7px;height:7px;border-radius:50%;background:#23dda6;box-shadow:0 0 10px #23dda6}.notification-bell{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:18px;color:#d2e3f0}.notification-bell b{position:absolute;top:-2px;right:-1px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:#ef4b5a;color:#fff;font-size:9px}.top-user{display:flex;align-items:center;gap:8px;padding-left:5px}.top-user .mini-avatar{width:32px;height:32px;border-radius:50%;font-size:12px;background:linear-gradient(135deg,#49738e,#8da2b5)}.top-user>span:nth-child(2){display:grid;gap:1px}.top-user b{font-size:12px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-user small{font-size:9px;color:#718da4}.top-user em{font-style:normal;color:#87a0b3}.production-container{max-width:none!important;padding:20px 22px 48px!important}.production-shell .flash{max-width:100%;margin-bottom:14px}.prod-pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 2px 17px}.prod-pagehead h1{font-size:26px;line-height:1.2;letter-spacing:-.5px;margin:5px 0 7px;color:#f5f9ff}.prod-pagehead h1 em{font-style:normal;color:#6b849d;font-weight:300}.prod-pagehead p{margin:0;color:#7f9ab1;font-size:12px;line-height:1.6}.prod-eyebrow{display:flex;align-items:center;gap:7px;color:#50bfff;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.prod-eyebrow span{width:15px;height:2px;background:#2c8fff}.prod-eyebrow.enterprise{color:#30d8b1}.prod-eyebrow.enterprise span{background:#30d8b1}.prod-head-actions{display:flex;gap:8px;flex-wrap:wrap}.prod-action{height:34px;display:inline-flex;align-items:center;padding:0 13px;border-radius:8px;font-size:11px;font-weight:700;border:1px solid #284963}.prod-action.secondary{background:#0a1b2d;color:#bed0de}.prod-action.primary{border-color:#2472cf;background:linear-gradient(135deg,#1362c9,#1789c6);color:#fff}.prod-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:12px}.prod-kpi{min-height:105px;padding:15px 16px;display:flex;align-items:center;gap:14px;border:1px solid var(--prod-line);border-radius:12px;background:linear-gradient(145deg,rgba(14,31,50,.96),rgba(7,22,37,.96));box-shadow:0 10px 25px rgba(0,0,0,.14);transition:.16s ease}.prod-kpi:hover{transform:translateY(-1px);border-color:#315779}.prod-kpi>div{min-width:0;display:grid;gap:4px}.prod-kpi small{font-size:10px;color:#819bb1}.prod-kpi b{font-size:24px;line-height:1.15;color:#f4f8fd;white-space:nowrap}.prod-kpi em{font-style:normal;font-size:9px;color:#48d9a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-icon{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:900;color:white;box-shadow:0 8px 20px rgba(0,0,0,.22)}.kpi-icon.blue{background:linear-gradient(135deg,#1055c4,#2387ff)}.kpi-icon.cyan{background:linear-gradient(135deg,#087ca3,#20c8ef)}.kpi-icon.purple{background:linear-gradient(135deg,#5141b7,#895eff)}.kpi-icon.teal{background:linear-gradient(135deg,#087f75,#21cbb0)}.kpi-icon.red{background:linear-gradient(135deg,#b72e4f,#f15a6b)}.prod-dashboard-grid{display:grid;gap:12px;margin-bottom:12px}.platform-middle{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.1fr) minmax(260px,.78fr)}.platform-lower{grid-template-columns:minmax(0,2.05fr) minmax(290px,.78fr)}.enterprise-main{grid-template-columns:minmax(0,1.55fr) minmax(330px,.78fr)}.enterprise-lower{grid-template-columns:1.05fr 1fr 1fr}.prod-card{background:linear-gradient(145deg,rgba(11,27,45,.97),rgba(7,20,34,.97));border:1px solid var(--prod-line);border-radius:12px;box-shadow:var(--prod-shadow);padding:14px;min-width:0}.prod-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.prod-card-head>div{display:grid;gap:2px}.prod-card-head small{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;color:#577790}.prod-card-head h2{font-size:14px;margin:0;color:#edf5fc}.prod-card-head>a{font-size:9px;color:#3faeff}.subscription-body{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;padding:2px 0 4px}.donut-wrap{display:grid;place-items:center}.donut{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:var(--donut);position:relative;box-shadow:0 0 30px rgba(20,104,205,.12)}.donut:before{content:"";position:absolute;inset:28px;border-radius:50%;background:#0a192a;border:1px solid #183451}.donut>div{position:relative;z-index:1;text-align:center;display:grid}.donut b{font-size:24px}.donut span{font-size:9px;color:#8199ad}.donut-legend{display:grid;gap:8px}.donut-legend>div{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;font-size:9px}.donut-legend i{width:7px;height:7px;border-radius:50%}.donut-legend .c1{background:#2d78ff}.donut-legend .c2{background:#0da5ff}.donut-legend .c3{background:#21c5a8}.donut-legend .c4{background:#f5a623}.donut-legend .c5{background:#ff6d4f}.donut-legend .c6{background:#ef4e68}.donut-legend span{color:#86a0b7}.donut-legend b{font-size:9px}.trend-chart{position:relative;padding-left:42px}.trend-chart svg{width:100%;height:170px;overflow:visible}.grid-lines line{stroke:#1b3349;stroke-width:1;stroke-dasharray:3 3}.series{fill:none;stroke-width:2.6;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.series.ai{stroke:#2385ff}.series.ocr{stroke:#22c5a4}.series.api{stroke:#8a5df5}.chart-y{position:absolute;left:0;top:3px;height:150px;display:flex;flex-direction:column;justify-content:space-between;color:#5f7c94;font-size:8px}.chart-x{display:flex;justify-content:space-between;color:#607d96;font-size:8px;margin-top:-6px}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:7px;font-size:8px;color:#87a0b5}.chart-legend span{display:flex;gap:5px;align-items:center}.chart-legend i{width:15px;height:2px}.chart-legend .ai{background:#2385ff}.chart-legend .ocr{background:#22c5a4}.chart-legend .api{background:#8a5df5}.action-queue{display:grid}.action-queue>a{display:grid;grid-template-columns:36px 1fr auto 12px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #17314a}.action-queue>a:last-child{border-bottom:0}.queue-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:11px}.queue-icon.blue{background:#163d88;color:#75afff}.queue-icon.purple{background:#3c2e7e;color:#b6a3ff}.queue-icon.orange{background:#6e3b0e;color:#ffad3f}.queue-icon.amber{background:#594615;color:#ffd05b}.action-queue div{display:grid;gap:2px}.action-queue b{font-size:10px}.action-queue small{font-size:8px;color:#718da5}.action-queue em{min-width:23px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:10px;background:#8f263a;color:#fff;font-size:9px;font-style:normal}.action-queue strong{font-size:17px;color:#7a96ae}.table-head{margin-bottom:8px}.table-actions{display:flex!important;flex-direction:row!important;gap:6px!important}.mini-action{padding:5px 8px;border:1px solid #23435e;border-radius:7px;background:#0a1b2c;color:#9bb5c9!important;font-size:8px!important}.prod-table-wrap{overflow:auto}.prod-table{min-width:760px;width:100%;border-collapse:collapse}.prod-table th,.prod-table td{padding:9px 8px;border-bottom:1px solid #142d43;text-align:left;font-size:9px;white-space:nowrap}.prod-table th{color:#66849d;font-size:8px;text-transform:none;font-weight:700;background:rgba(6,20,34,.35)}.prod-table tbody tr{cursor:pointer}.prod-table tbody tr:hover{background:rgba(24,81,132,.12)}.company-cell,.contact-cell{display:flex;align-items:center;gap:8px}.company-logo,.contact-avatar{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:linear-gradient(135deg,#0d70b7,#22a5d8);color:#fff;font-size:10px;font-weight:900}.contact-avatar{border-radius:50%;background:linear-gradient(135deg,#b38a50,#6b4f34)}.company-cell>div{display:grid;gap:1px}.company-cell b,.contact-cell b{font-size:9px}.company-cell small{font-size:7px;color:#66859c;max-width:135px;overflow:hidden;text-overflow:ellipsis}.usage-cell{display:flex;align-items:center;gap:7px}.tiny-meter{width:54px;height:5px;border-radius:4px;background:#122d45;overflow:hidden}.tiny-meter i{display:block;height:100%;background:linear-gradient(90deg,#1477ef,#27a0ff);border-radius:4px}.status-badge{display:inline-flex;padding:3px 6px;border-radius:5px;font-size:7px;border:1px solid #2b4d69}.status-badge.success{color:#31d99a;background:rgba(20,145,99,.12);border-color:#176d54}.status-badge.warning{color:#ffc25a;background:rgba(191,122,19,.12);border-color:#78531a}.status-badge.danger{color:#ff7284;background:rgba(181,41,63,.13);border-color:#743044}.status-badge.neutral{color:#91aac0;background:#0a1c2d}.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#5a7990}.state-dot.active{background:#23d69c}.state-dot.grace,.state-dot.past_due{background:#f5a623}.state-dot.suspended,.state-dot.canceled{background:#ef5268}.state-dot.trial{background:#2d87ff}.score-box{display:inline-grid;place-items:center;min-width:32px;height:24px;border:1px solid #315b79;border-radius:6px;background:#0a1c2e;font-size:11px;font-weight:800}.grade-badge{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:5px;font-size:10px;font-weight:800;border:1px solid}.grade-a{color:#2de5a4;border-color:#16875f;background:rgba(23,139,95,.12)}.grade-b{color:#ffbd45;border-color:#8c5e16;background:rgba(170,103,11,.12)}.grade-c{color:#61aaff;border-color:#285e96;background:rgba(32,93,153,.12)}.grade-d{color:#9aaabd;border-color:#4b6277}.empty-cell,.empty-state{padding:18px!important;text-align:center;color:#6f8ba2!important;font-size:9px!important}.table-footer{display:flex;justify-content:space-between;gap:12px;padding:9px 3px 0;color:#627f96;font-size:8px}.table-footer a{color:#3faeff}.right-stack{display:grid;gap:12px}.audit-list,.activity-list{display:grid}.audit-list>div,.activity-list>div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #163048}.audit-list>div:last-child,.activity-list>div:last-child{border-bottom:0}.audit-icon,.activity-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#174889;color:#67b5ff;font-size:8px;font-weight:900}.audit-list>div:nth-child(2n) .audit-icon,.activity-list>div:nth-child(2n) .activity-icon{background:#3a2e7c;color:#b4a0ff}.audit-list div>div,.activity-list div>div{display:grid;gap:2px;min-width:0}.audit-list b,.activity-list b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-list small,.activity-list small{font-size:7px;color:#68869d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-list time,.activity-list time{font-size:7px;color:#637f95}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.health-grid>div{padding:9px;border:1px solid #173650;border-radius:8px;background:#071a2b;display:grid;gap:3px}.health-grid small{font-size:7px;color:#647f96}.health-grid b{font-size:16px;color:#35dbad}.health-grid span{font-size:7px;color:#718ba0}.followup-list{display:grid}.followup-item{display:grid;grid-template-columns:34px 1fr 24px auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #17314a}.followup-item:last-child{border-bottom:0}.follow-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#194984;color:#66b0ff}.follow-icon.urgent{background:#6b2940;color:#ff8a99}.followup-item>div{min-width:0}.followup-item b{display:block;font-size:9px}.followup-item small{font-size:7px;color:#7e98ad}.followup-item p{margin:3px 0 0!important;font-size:7px!important;line-height:1.35!important;color:#68869c!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.priority{width:23px;height:21px;display:grid;place-items:center;border-radius:5px;font-size:8px}.priority.high{color:#ff7888;border:1px solid #7d2b40}.priority.medium{color:#ffbe4b;border:1px solid #755016}.accept-btn{height:27px;padding:0 8px;border:1px solid #2779c9;background:#0a3158;border-radius:6px;color:#b8dcff;font-size:7px;cursor:pointer}.owner-only{font-size:7px;color:#6c8599}.rag-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.rag-stats>div{padding:10px;border:1px solid #17364f;border-radius:8px;background:#071a2b;display:grid;gap:3px}.rag-stats small{font-size:7px;color:#6b879d}.rag-stats b{font-size:18px}.rag-stats b.ready{color:#31dca4;font-size:13px}.rag-stats b.sync-time{font-size:11px}.rag-stats span{font-size:7px;color:#648299}.rag-health{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:10px;padding:8px 9px;border:1px solid #17364f;border-radius:8px}.rag-health span,.rag-health b{font-size:8px}.rag-health>div{height:7px;border-radius:7px;background:#113147;overflow:hidden}.rag-health i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#14a995,#21d2a6)}.rag-health b{color:#32dba9}.quota-list{display:grid}.quota-list>div{display:grid;grid-template-columns:1fr auto auto 72px 27px;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #17314a;font-size:8px}.quota-list>div:last-child{border-bottom:0}.quota-list span{color:#9db2c3}.quota-list b,.quota-list em{font-size:8px;font-style:normal}.quota-list small{color:#7f99ae}.quota-bar{height:6px;border-radius:5px;background:#112f46;overflow:hidden}.quota-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#1876e7,#25a5ff)}.privacy-strip{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border:1px solid #17463d;border-radius:11px;background:rgba(10,55,47,.24)}.privacy-strip>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;border:1px solid #25725f;color:#4be0b4}.privacy-strip b{font-size:10px;color:#aeeada}.privacy-strip p{margin:3px 0 0;color:#6f9c92;font-size:8px;line-height:1.5}.production-shell .panel{border-radius:12px;background:linear-gradient(145deg,rgba(11,27,45,.97),rgba(7,20,34,.97));border-color:var(--prod-line);box-shadow:var(--prod-shadow)}.production-shell .pagehead h1{font-size:28px}.production-shell .stats>div{border-radius:12px;background:#0a1a2c;border-color:var(--prod-line)}.production-shell table{background:transparent}.production-shell input,.production-shell select,.production-shell textarea{background:#071827;border-color:#24445f;border-radius:8px}.production-shell .btn{border-radius:8px;background:#0b1d2e;border-color:#294963}.production-shell .btn.primary{background:linear-gradient(135deg,#1768c8,#1494c4)} /* Production pages remain usable with the user-selectable fresh light theme. */ .production-shell[data-ui-theme="fresh_light"]{--prod-bg:#f2f7fa;--prod-bg2:#eaf2f6;--prod-card:#ffffff;--prod-card2:#f7fbfc;--prod-line:#cedee5;--prod-line-2:#bdd3dd;--prod-text:#193947;--prod-muted:#6f8994;background:#eff5f7;color:#193947}.production-shell[data-ui-theme="fresh_light"] .production-sidebar{background:#f8fbfc;border-color:#d4e2e7}.production-shell[data-ui-theme="fresh_light"] .production-topbar{background:rgba(250,253,254,.94)!important;border-color:#d8e5e9!important}.production-shell[data-ui-theme="fresh_light"] .prod-card,.production-shell[data-ui-theme="fresh_light"] .prod-kpi,.production-shell[data-ui-theme="fresh_light"] .panel{background:#fff;border-color:#d4e2e7;box-shadow:0 12px 30px rgba(54,83,96,.08)}.production-shell[data-ui-theme="fresh_light"] .prod-pagehead h1,.production-shell[data-ui-theme="fresh_light"] .prod-card-head h2,.production-shell[data-ui-theme="fresh_light"] .prod-kpi b{color:#173746}.production-shell[data-ui-theme="fresh_light"] .prod-pagehead p,.production-shell[data-ui-theme="fresh_light"] .prod-kpi small,.production-shell[data-ui-theme="fresh_light"] .prod-kpi em{color:#6a8793}.production-shell[data-ui-theme="fresh_light"] .production-search,.production-shell[data-ui-theme="fresh_light"] .rag-stats>div,.production-shell[data-ui-theme="fresh_light"] .health-grid>div{background:#f7fbfc;border-color:#d4e3e8}.production-shell[data-ui-theme="fresh_light"] .production-search input{color:#284854!important}.production-shell[data-ui-theme="fresh_light"] .production-nav a{color:#52707c!important}.production-shell[data-ui-theme="fresh_light"] .production-nav a:hover{background:#eef6f8!important;color:#254c59!important}.production-shell[data-ui-theme="fresh_light"] .production-nav a.active{background:linear-gradient(100deg,#dcefff,#edf7fb)!important;color:#185781!important;border-color:#91c2de!important}.production-shell[data-ui-theme="fresh_light"] .prod-table th,.production-shell[data-ui-theme="fresh_light"] .prod-table td,.production-shell[data-ui-theme="fresh_light"] .action-queue>a,.production-shell[data-ui-theme="fresh_light"] .audit-list>div,.production-shell[data-ui-theme="fresh_light"] .activity-list>div,.production-shell[data-ui-theme="fresh_light"] .followup-item,.production-shell[data-ui-theme="fresh_light"] .quota-list>div{border-color:#e1eaee}.production-shell[data-ui-theme="fresh_light"] .donut:before{background:#fff;border-color:#dbe7eb}.production-shell[data-ui-theme="fresh_light"] .grid-lines line{stroke:#dce8ed} @media(max-width:1280px){.prod-kpi-grid{grid-template-columns:repeat(3,1fr)}.platform-middle{grid-template-columns:1fr 1fr}.platform-middle .task-card{grid-column:1/-1}.enterprise-lower{grid-template-columns:1fr 1fr}.enterprise-lower .activity-card{grid-column:1/-1}.platform-lower{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}} @media(max-width:980px){.production-shell .production-app-shell{display:block}.production-shell .production-sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:10px 0 35px rgba(0,0,0,.35)}.production-shell.sidebar-open .production-sidebar{transform:translateX(0)}.production-shell .production-workspace{margin-left:0}.sidebar-toggle{display:grid;place-items:center}.production-search{width:min(420px,55vw)}.top-user>span:nth-child(2){display:none}.prod-kpi-grid{grid-template-columns:repeat(2,1fr)}.platform-middle,.enterprise-main,.enterprise-lower{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr 1fr}} @media(max-width:680px){.production-topbar{padding:0 10px!important}.production-search{width:auto;flex:1}.production-search input{min-width:0}.ai-console-pill{display:none}.notification-bell{display:none}.production-container{padding:14px 10px 36px!important}.prod-pagehead{align-items:flex-start;flex-direction:column}.prod-pagehead h1{font-size:21px}.prod-head-actions{width:100%}.prod-kpi-grid{grid-template-columns:1fr}.prod-kpi{min-height:88px}.prod-kpi b{font-size:21px}.platform-middle,.platform-lower,.enterprise-main,.enterprise-lower{grid-template-columns:1fr}.right-stack{grid-template-columns:1fr}.subscription-body{grid-template-columns:1fr}.prod-card{padding:12px}.followup-item{grid-template-columns:32px 1fr 22px}.followup-item form,.owner-only{grid-column:2/-1}.rag-stats{grid-template-columns:1fr 1fr}.quota-list>div{grid-template-columns:1fr auto auto}.quota-bar{grid-column:1/3;width:100%}.quota-list small{grid-column:3}.privacy-strip{align-items:flex-start}} /* CardLink CRM V6.1.3 — Public Experience Dual Theme 公開電子名片 / 非會員瀏覽端沿用一般會員兩種介面風格。 一般會員既有 .app-body classic_dark / fresh_light 規則不變。 */ .public-experience{--pub-bg:#07101d;--pub-bg2:#0b1726;--pub-panel:rgba(11,23,38,.94);--pub-panel2:#0d1c2d;--pub-line:#203b53;--pub-text:#edf8ff;--pub-muted:#8ca6b8;--pub-accent:#5de1ff;--pub-accent2:#6b62ff;--pub-ok:#55dfa4;position:relative;isolation:isolate;color:var(--pub-text);margin:-12px 0 0;padding:24px 0 42px;min-height:calc(100vh - 150px)} .public-experience:before{content:"";position:absolute;inset:-34px -20px -80px;z-index:-3;background:radial-gradient(circle at 12% 0,rgba(27,102,155,.24),transparent 38%),radial-gradient(circle at 88% 12%,rgba(66,52,153,.18),transparent 34%),linear-gradient(145deg,var(--pub-bg),#06101b 56%,#08131f)} .public-experience-orbit{position:absolute;border-radius:50%;filter:blur(2px);z-index:-2;pointer-events:none}.public-orbit-a{width:280px;height:280px;right:3%;top:70px;background:radial-gradient(circle,rgba(78,216,246,.11),transparent 68%)}.public-orbit-b{width:240px;height:240px;left:4%;bottom:6%;background:radial-gradient(circle,rgba(112,91,255,.09),transparent 70%)} .public-experience-inner{max-width:1120px;margin:0 auto}.public-experience-inner.narrow{max-width:760px}.public-profile-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.public-brand-lockup{display:flex;align-items:center;gap:11px}.public-brand-lockup img{width:42px;height:42px;border-radius:13px;box-shadow:0 10px 28px rgba(32,174,232,.2)}.public-brand-lockup div{display:grid;gap:2px}.public-brand-lockup b{font-size:15px}.public-brand-lockup span{font-size:10px;color:var(--pub-muted);letter-spacing:.08em}.public-profile-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.public-theme-chip,.public-source-chip,.public-count-chip{display:inline-flex;align-items:center;border:1px solid var(--pub-line);border-radius:999px;padding:7px 10px;background:rgba(10,27,42,.72);color:var(--pub-muted);font-size:10px;font-weight:700;backdrop-filter:blur(14px)}.public-source-chip{color:var(--pub-accent);border-color:color-mix(in srgb,var(--pub-accent) 38%,var(--pub-line))} .public-profile-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:18px;align-items:start}.public-profile-main,.public-profile-side{display:grid;gap:18px}.public-profile-side{position:sticky;top:88px}.public-surface-card{background:linear-gradient(145deg,var(--pub-panel),color-mix(in srgb,var(--pub-panel2) 88%,transparent));border:1px solid var(--pub-line);border-radius:22px;padding:20px;box-shadow:0 18px 46px rgba(0,0,0,.22);backdrop-filter:blur(16px)} .public-identity-card{border-radius:28px!important;padding:30px!important;box-shadow:0 28px 70px rgba(0,0,0,.34)!important}.public-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.public-card-topline .card-theme-label{margin:0}.public-identity-row{display:flex;gap:18px;align-items:center}.public-profile-avatar{flex:0 0 76px;width:76px;height:76px;margin:0;border-radius:24px}.public-identity-copy{min-width:0}.public-identity-copy h1{font-size:clamp(32px,5vw,48px);margin:4px 0 6px;line-height:1.05;letter-spacing:-.04em}.public-identity-copy .role{margin:0;font-size:16px;opacity:.82}.public-headline{font-size:18px!important;font-weight:750;margin:24px 0 8px!important}.public-bio{margin:0!important;line-height:1.75;white-space:pre-line}.public-primary-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.public-primary-actions .btn{min-height:44px}.public-main-cta{gap:7px}.public-save-form{margin:0}.public-save-form button{height:100%} .public-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.public-section-heading.compact{margin-bottom:10px}.public-section-heading h2{font-size:20px;margin:3px 0 0}.public-section-heading .eyebrow{color:var(--pub-accent)} .public-contact-list{display:grid}.public-contact-list>a,.public-contact-static{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--pub-line) 72%,transparent)}.public-contact-list>a:last-child,.public-contact-static:last-child{border-bottom:0}.public-contact-list>a{transition:.16s ease}.public-contact-list>a:hover{transform:translateX(3px)}.public-contact-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--pub-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--pub-accent) 25%,var(--pub-line));color:var(--pub-accent);font-size:15px}.public-contact-list>a>span:nth-child(2),.public-contact-static>span:nth-child(2){display:grid;gap:2px;min-width:0}.public-contact-list small,.public-contact-static small{font-size:9px;color:var(--pub-muted);letter-spacing:.08em}.public-contact-list b,.public-contact-static b{font-size:13px;overflow-wrap:anywhere}.public-contact-list em{font-style:normal;color:var(--pub-muted)}.public-empty-note{color:var(--pub-muted);font-size:12px} .public-links-card .public-links{margin:0}.public-links-card .public-links a{border-color:var(--pub-line);background:color-mix(in srgb,var(--pub-panel2) 78%,transparent);color:var(--pub-text)}.public-links-card .public-links a span{color:var(--pub-muted)} .public-trust-card{display:grid;grid-template-columns:42px 1fr;gap:12px}.public-trust-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(59,218,164,.1);border:1px solid rgba(74,212,164,.28);color:var(--pub-ok);font-size:21px}.public-trust-card b{font-size:13px}.public-trust-card p,.public-guest-card p{font-size:11px;line-height:1.65;color:var(--pub-muted);margin:5px 0 0}.public-guest-card h2{font-size:20px;margin:5px 0 4px}.public-guest-card .actions{margin-top:14px}.public-profile-footer{display:flex;justify-content:space-between;gap:12px;padding:18px 4px 0;color:var(--pub-muted);font-size:9px;letter-spacing:.04em} .public-experience .public-card-media-section,.public-experience .mutual-memory-section{margin:0;padding:20px;border-top:1px solid var(--pub-line)}.public-experience .public-card-media-grid{margin-top:0}.public-experience .public-card-media-item{border-color:var(--pub-line);background:var(--pub-panel2)}.public-experience .public-card-media-copy p{color:var(--pub-muted)}.public-experience .mutual-memory-section{background:var(--pub-panel);border:1px solid var(--pub-line)}.public-experience .mutual-memory-note{color:var(--pub-muted)} .public-verify-card{text-align:center;padding:34px}.public-verified-shield{margin:0 auto 18px}.public-verify-card h1{font-size:34px;margin:7px 0 9px}.public-verify-lead{color:var(--pub-muted);line-height:1.75}.public-verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:22px 0}.public-verify-grid>div{display:grid;gap:4px;padding:14px;border:1px solid var(--pub-line);border-radius:14px;background:color-mix(in srgb,var(--pub-panel2) 80%,transparent)}.public-verify-grid small{color:var(--pub-muted);font-size:10px}.public-verify-grid b{font-size:14px}.verify-ok{color:var(--pub-ok)}.public-verify-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:18px} /* 公開端清新淺色：沿用會員 fresh_light 的霧白 / 淺藍 / 薄荷綠語彙。 */ .public-theme-fresh_light{--pub-bg:#f4f8fb;--pub-bg2:#f7fbfc;--pub-panel:rgba(255,255,255,.96);--pub-panel2:#f7fbfc;--pub-line:#d4e3e8;--pub-text:#193947;--pub-muted:#708894;--pub-accent:#1596ad;--pub-accent2:#64bfae;--pub-ok:#258b68}.public-theme-fresh_light:before{background:radial-gradient(circle at 12% 0,rgba(79,186,207,.13),transparent 38%),radial-gradient(circle at 88% 12%,rgba(105,197,176,.11),transparent 34%),linear-gradient(145deg,#f8fcfd,#eef7f8 56%,#f5f8fb)}.public-theme-fresh_light .public-surface-card{box-shadow:0 16px 38px rgba(52,83,96,.09)}.public-theme-fresh_light .public-theme-chip,.public-theme-fresh_light .public-source-chip{background:rgba(255,255,255,.82)}.public-theme-fresh_light .btn{background:#fff;color:#254754;border-color:#c9dde4}.public-theme-fresh_light .btn.primary{background:linear-gradient(135deg,#1596ad,#64bfae);color:#fff;border-color:transparent}.public-theme-fresh_light .public-trust-card{background:#f6fbfa}.public-theme-fresh_light .public-guest-card{background:#fbfefe}.public-theme-fresh_light .public-contact-icon{background:#edf8fa}.public-theme-fresh_light .public-links-card .public-links a{background:#f8fcfd;color:#234553}.public-theme-fresh_light .public-card-media-item{background:#fff}.public-theme-fresh_light .mutual-memory-section{background:#f7fbfc} .public-body[data-ui-theme="fresh_light"]{color-scheme:light;background:linear-gradient(145deg,#f7fbfc 0,#eef7f8 48%,#f5f8fc 100%);color:#1d3340}.public-body[data-ui-theme="fresh_light"] .topbar{background:rgba(250,253,254,.93);border-color:#d8e5e9}.public-body[data-ui-theme="fresh_light"] .topbar .brand{color:#183845}.public-body[data-ui-theme="fresh_light"] .topbar nav a{color:#5f7782}.public-body[data-ui-theme="fresh_light"] .topbar .pill{background:#fff;border-color:#c8dce4;color:#285363} @media(max-width:900px){.public-profile-layout{grid-template-columns:1fr}.public-profile-side{position:static;grid-template-columns:1fr 1fr}.public-profile-side .public-guest-card,.public-profile-side .public-trust-card{grid-column:1/-1}} @media(max-width:680px){.public-experience{margin:-14px -8px 0;padding:15px 0 30px}.public-profile-head{align-items:flex-start}.public-brand-lockup span{display:none}.public-profile-meta{max-width:54%}.public-profile-layout{gap:12px}.public-profile-main,.public-profile-side{gap:12px}.public-profile-side{grid-template-columns:1fr}.public-profile-side>*{grid-column:auto!important}.public-identity-card{padding:22px!important;border-radius:22px!important}.public-card-topline{align-items:flex-start;flex-direction:column;margin-bottom:17px}.public-identity-row{align-items:flex-start}.public-profile-avatar{width:62px;height:62px;flex-basis:62px;border-radius:19px;font-size:26px}.public-identity-copy h1{font-size:32px}.public-identity-copy .role{font-size:13px}.public-headline{font-size:16px!important}.public-primary-actions{display:grid;grid-template-columns:1fr}.public-primary-actions .btn,.public-save-form,.public-save-form button{width:100%}.public-profile-footer{flex-direction:column;gap:3px}.public-verify-grid{grid-template-columns:1fr}.public-verify-card{padding:24px 18px}.public-verify-card h1{font-size:28px}.public-experience .public-card-media-section,.public-experience .mutual-memory-section{padding:16px}.public-card-media-grid{grid-template-columns:1fr}} /* 【繁中註解 V6.2】以下樣式讓撥號按鈕同時適配經典深色與清新淺色主題。 */ /* CardLink CRM V6.2 — Click-to-Call Stable UX */ .phone-detail-row > b { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; } .phone-number-link { color:var(--accent, #68b8ff); text-decoration:none; overflow-wrap:anywhere; } .phone-number-link:hover { text-decoration:underline; } .call-now-btn { border-color:rgba(39, 201, 156, .42); background:rgba(39, 201, 156, .10); color:#77e6c5; white-space:nowrap; } .call-now-btn:hover { background:rgba(39, 201, 156, .18); } [data-ui-theme="fresh_light"] .call-now-btn { color:#08765d; border-color:rgba(8,118,93,.28); background:rgba(8,118,93,.08); } @media (max-width: 720px) { .phone-detail-row > b { align-items:flex-end; } .contact-actions .call-now-btn { min-height:42px; } } /* V6.2.1：雙主題共用、44px 觸控目標與鍵盤焦點。 */ .navigation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;max-width:100%} .navigation-actions .navigation-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;white-space:normal;text-align:center} .navigation-actions .navigation-link:focus-visible{outline:3px solid currentColor;outline-offset:3px} .navigation-label{font-size:13px;opacity:.85} .contact-address{overflow-wrap:anywhere;margin:8px 0} .public-contact-static .navigation-actions{width:100%} /* V6.3：商務訊息修改/刪除控制。 */ .message-actions{display:flex;gap:8px;align-items:flex-start;margin-top:7px;flex-wrap:wrap} .message-actions form{margin:0}.message-edit-details summary{cursor:pointer;font-size:.78rem;opacity:.8} .message-edit-details form{display:grid;gap:6px;margin-top:6px;min-width:min(360px,70vw)} .message-edit-details textarea{width:100%;resize:vertical}.message-deleted{opacity:.72}.message-deleted .message-body{font-style:italic} /* ==========================================================================\n CardLink CRM V6.3.1 — Multi-Phone & Multi-Address\n 【繁中註解】多電話/多地址管理卡片，沿用深色與清新淺色兩種會員 UI。\n ========================================================================== */ .stack-list{display:grid;gap:12px}.compact-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--card-soft,rgba(255,255,255,.035))}.compact-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.compact-card .meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:var(--muted)}.compact-card .actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.add-card{margin-top:18px;padding:18px;border:1px dashed var(--line);border-radius:16px;background:var(--card-soft,rgba(255,255,255,.025))}.add-card h3{margin-top:0}.inline-delete{display:inline;margin:0}.contact-point-value{font-weight:700;overflow-wrap:anywhere}.contact-point-sub{color:var(--muted);font-size:.88rem}.contact-point-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.point-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.point-form-grid .span2{grid-column:span 2}.point-form-grid label{display:flex;flex-direction:column;gap:6px}.point-checks{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.point-checks label{display:inline-flex;flex-direction:row;gap:7px;align-items:center}.point-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} [data-ui-theme="fresh_light"] .compact-card,[data-ui-theme="fresh_light"] .add-card{background:rgba(255,255,255,.78)} @media(max-width:720px){.compact-card>header{flex-direction:column}.point-form-grid{grid-template-columns:1fr}.point-form-grid .span2{grid-column:auto}.compact-card .actions,.point-checks{width:100%}.compact-card .actions .btn{flex:1 1 auto}} /* 【繁中註解 V6.4】Contact Action Hub / 私人互動時間軸 */ .contact-activity-panel{margin-top:20px}.activity-layout{align-items:start}.activity-timeline{display:grid;gap:0;max-height:560px;overflow:auto;padding-right:6px}.activity-item{display:grid;grid-template-columns:16px 1fr;gap:12px;position:relative;padding:0 0 18px}.activity-item:before{content:"";position:absolute;left:7px;top:15px;bottom:-2px;width:1px;background:var(--line)}.activity-item:last-child:before{display:none}.activity-dot{width:15px;height:15px;border-radius:50%;border:3px solid var(--panel);background:var(--accent);margin-top:4px;z-index:1}.activity-item.action_hub .activity-dot{background:var(--muted)}.activity-body{border-bottom:1px solid var(--line);padding-bottom:14px}.activity-head{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.activity-body small{display:block;color:var(--muted);margin:5px 0}.activity-body p{margin:8px 0}.activity-target{font-size:13px;color:#b9d9e2;word-break:break-word}@media(max-width:760px){.activity-layout{grid-template-columns:1fr}.activity-timeline{max-height:none}} /* V6.4：Contact Action Hub 聯絡資料列使用合法 block 結構，避免 form 巢狀於 p/b。 */ .detail .contact-action-row{display:grid;grid-template-columns:100px minmax(0,1fr);border-bottom:1px solid #17283b;padding:10px 0;gap:8px;align-items:center} .contact-action-value{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;text-align:right} .contact-action-value b{overflow-wrap:anywhere;min-width:0} .contact-action-value .inline-form{margin-left:0} .app-body[data-ui-theme="fresh_light"] .detail .contact-action-row{border-color:#e2ebef} @media(max-width:520px){.detail .contact-action-row{grid-template-columns:1fr;gap:6px}.contact-action-value{justify-content:flex-start;text-align:left}} /* V6.4.1 Multi-Identity & Multi-Card */ .identity-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr);gap:18px}.identity-cards{display:grid;gap:12px}.identity-cards.compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.identity-card{display:block;padding:16px;border:1px solid var(--line,#d8dee8);border-radius:16px;text-decoration:none;color:inherit;background:rgba(127,127,127,.04);transition:.18s}.identity-card:hover{transform:translateY(-2px);border-color:#6d8cff}.identity-card h3,.identity-card h4{margin:8px 0 4px}.identity-card p{margin:0 0 5px}.identity-badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:12px;background:rgba(109,140,255,.14);margin-right:5px}.identity-badge.primary,.verified-chip{background:rgba(33,181,115,.15);color:#15905a}.identity-badge.history{background:rgba(120,120,120,.13)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:5px}.form-grid .span2{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stack{display:grid;gap:8px}.inline-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.identity-list>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(127,127,127,.15)}.card-version-grid{display:grid;gap:14px;margin-top:16px}.card-version{padding:15px;border:1px solid var(--line,#d8dee8);border-radius:15px}.card-version>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-version small{opacity:.72}.card-sides{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.card-sides a{display:grid;padding:8px 10px;border:1px solid rgba(127,127,127,.18);border-radius:10px;text-decoration:none;color:inherit}.batch-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.batch-results article{padding:15px;border:1px solid var(--line,#d8dee8);border-radius:15px}.match-box{margin:12px 0;padding:10px;border-radius:12px;background:rgba(109,140,255,.08)}.public-identity{max-width:680px;margin:30px auto}.identity-public-card{padding:30px;border-radius:24px;border:1px solid var(--line,#d8dee8);box-shadow:0 20px 60px rgba(0,0,0,.08)}.public-points{display:grid;gap:10px;margin:20px 0}.public-points a,.public-points span{padding:11px;border-radius:12px;background:rgba(127,127,127,.07);text-decoration:none;color:inherit}.right{float:right}@media(max-width:820px){.identity-layout,.grid3,.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:auto}.inline-add>*{flex:1 1 140px}} .identity-mini-qr{margin-top:10px;width:112px;height:112px;background:#fff;padding:5px;border-radius:8px}.identity-mini-qr img,.identity-mini-qr canvas{max-width:100%;height:auto!important} /* V6.4.2 Enterprise purchase gate + member desktop install entry */ button.top-chip{font:inherit;cursor:pointer}.desktop-install-action{white-space:nowrap;cursor:pointer}.purchase-gate{max-width:1120px;margin:0 auto;display:grid;gap:18px}.purchase-hero{text-align:center;padding:38px 28px}.purchase-hero h1{font-size:clamp(28px,4vw,44px);margin:8px 0 12px}.purchase-hero>p{max-width:760px;margin:0 auto 18px;color:var(--muted);line-height:1.8}.purchase-status{max-width:620px;margin:18px auto;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card-soft)}.purchase-status span{color:var(--muted)}.purchase-main-actions{justify-content:center;align-items:center;flex-wrap:wrap}.purchase-owner-note{color:var(--muted);font-size:.9rem}.purchase-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.purchase-plan-card{display:flex;flex-direction:column;gap:10px;min-height:245px}.purchase-plan-card h2{margin:0}.purchase-plan-card .btn{margin-top:auto}.purchase-price{font-size:30px;font-weight:800}.purchase-price small{font-size:13px;font-weight:500;color:var(--muted);margin-left:4px}.purchase-privacy-note{border-color:rgba(71,230,173,.28)}.purchase-privacy-note p{margin-bottom:0;color:var(--muted)}.permission-gate{max-width:760px;margin:36px auto;padding:34px}.permission-gate h1{margin-bottom:10px}.home-link{opacity:.9}@media(max-width:900px){.purchase-plan-grid{grid-template-columns:1fr}.production-top-actions .desktop-install-action{width:34px;max-width:34px;padding:0;justify-content:center;font-size:0;overflow:hidden}.production-top-actions .desktop-install-action::before{content:'⇩';font-size:14px}}@media(max-width:680px){button.top-chip{width:100%}.purchase-hero{text-align:left;padding:26px 20px}.purchase-main-actions{justify-content:flex-start}.purchase-status{grid-template-columns:1fr}.permission-gate{margin:12px auto;padding:24px 18px}} /* ===== V6.4.3 Media Showcase Edition ===== */ .showcase-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.showcase-quick{display:grid;gap:5px;justify-items:start;padding:15px;border:1px solid #29455c;border-radius:15px;background:#071522;color:inherit;text-align:left;cursor:pointer}.showcase-quick:first-letter{font-size:22px}.showcase-quick b{font-size:14px}.showcase-quick span{font-size:11px;color:var(--muted)}.showcase-quick.selected{border-color:#52d7f2;box-shadow:0 0 0 1px #52d7f233 inset}.showcase-file-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.showcase-file-row>*{flex:1}.recipient-picker{padding:13px;border:1px solid #31536d;border-radius:14px;background:#06121d}.recipient-grid{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.recipient-chip{display:flex!important;align-items:center;gap:6px;padding:8px 10px;border:1px solid #29455c;border-radius:999px;background:#081522}.recipient-chip input{width:auto}.visibility-explainer.four{grid-template-columns:repeat(4,minmax(0,1fr))}.showcase-tile{cursor:grab}.showcase-tile.dragging{opacity:.45;outline:2px dashed #52d7f2}.drag-handle{position:absolute;left:9px;bottom:9px;padding:5px 8px;border-radius:8px;background:#06111dcc;border:1px solid #34506a;font-weight:800;cursor:grab}.visibility-badge.contacts{background:#305d89}.visibility-badge.mutual{background:#7356a8}.visibility-badge.private{background:#37424e}.showcase-edit{margin:4px 0}.showcase-edit summary{cursor:pointer;color:#9fcfe0}.showcase-edit form{margin-top:8px}.item-recipients{display:flex;gap:6px;flex-wrap:wrap}.physical-card-section{margin:28px 0}.physical-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}.physical-card-side{display:grid;gap:10px}.physical-card-image{position:relative;border-radius:16px;overflow:hidden;border:1px solid #31536d;background:#02070d;aspect-ratio:1.75/1;display:grid;place-items:center}.physical-card-image img{width:100%;height:100%;object-fit:contain}.physical-card-image span{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:#06111ddd;color:#fff;font-size:10px}.audience-chip{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:#17283ddd;border:1px solid #49677e;font-size:10px}.app-body[data-ui-theme="fresh_light"] .showcase-quick,.app-body[data-ui-theme="fresh_light"] .recipient-chip{background:#fff;border-color:#cddde4}.app-body[data-ui-theme="fresh_light"] .recipient-picker{background:#f7fbfc;border-color:#cddde4} @media(max-width:900px){.showcase-quick-grid,.visibility-explainer.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.showcase-quick-grid,.visibility-explainer.four,.physical-card-grid{grid-template-columns:1fr}.showcase-file-row{display:grid}.showcase-file-row>*{width:100%}} /* ===== V6.4.4 Public Network Discovery ===== */ .discovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.discovery-card{border:1px solid var(--line,#24384d);border-radius:18px;padding:18px;background:var(--panel,#0d1b2a);display:flex;flex-direction:column;gap:10px}.discovery-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.discovery-card h3{margin:0}.discovery-card p{margin:0}.discovery-keywords{font-size:.92rem;opacity:.92}.discovery-card .match-box{display:flex;flex-wrap:wrap;gap:6px}.discovery-card .match-box span{padding:5px 9px;border-radius:999px;background:rgba(88,166,255,.12);font-size:.82rem}.discovery-actions{flex-wrap:wrap}.discovery-actions form{display:inline-flex;margin:0}.connect-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}.connect-form input{min-width:0}.discovery-privacy-box{margin:16px 0}.request-card{border:1px solid var(--line,#24384d);border-radius:14px;padding:14px;margin:10px 0}.request-card blockquote{margin:10px 0;padding:10px 12px;border-left:3px solid #58a6ff;background:rgba(88,166,255,.08)}.empty-state{padding:28px;text-align:center;opacity:.85}@media(max-width:720px){.connect-form{grid-template-columns:1fr}.discovery-grid{grid-template-columns:1fr}} /* 【繁中註解 V6.4.5】NFC 智慧雙向交換確認、設定與完成頁。 */ .nfc-exchange-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(20,184,166,.08)} .nfc-exchange-card.mode-invite_only{background:rgba(59,130,246,.08)}.nfc-exchange-card.mode-view_only,.nfc-exchange-card.mode-disabled{background:rgba(148,163,184,.08)} .nfc-exchange-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;font-size:26px;font-weight:800;background:rgba(255,255,255,.12)} .nfc-exchange-form{display:grid;gap:10px}.nfc-exchange-form label{display:grid;gap:6px}.nfc-exchange-form select,.nfc-exchange-form input{width:100%} .exchange-success{max-width:760px;margin:40px auto;padding:32px;text-align:center;border:1px solid var(--line);border-radius:24px;background:var(--panel)} .success-mark{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 14px;border-radius:50%;font-size:42px;background:rgba(34,197,94,.16)} .exchange-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:24px 0}.exchange-pair div{padding:18px;border:1px solid var(--line);border-radius:16px}.exchange-pair b,.exchange-pair span{display:block}.exchange-pair strong{font-size:30px} @media(max-width:700px){.nfc-exchange-card{grid-template-columns:1fr}.exchange-pair{grid-template-columns:1fr}.exchange-pair strong{transform:rotate(90deg)}} /* 【繁中註解 V6.4.7】LINE / WeChat / WhatsApp 名片分享、一鍵加入與登入後返回提示。 */ .social-share-panel select{width:100%;margin:.4rem 0 .8rem}.social-share-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.75rem}.btn.social-line{border-color:#36c95f}.btn.social-wechat{border-color:#2aae67}.btn.social-whatsapp{border-color:#25d366}.one-tap-save-notice{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;margin:.6rem 0;border:1px solid rgba(77,208,125,.45);border-radius:14px;background:rgba(77,208,125,.08)}.identity-one-tap-actions .actions,.public-connect-form,.public-save-form{display:inline-flex}.auth-return-link{text-align:center;margin-top:1rem}.share-row{flex-wrap:wrap} /* 【繁中註解 V6.4.8】Global Multilingual UI：七語切換器與會員語言設定。 */ .ui-language-quick{display:inline-flex;align-items:center;margin:0} .ui-language-quick select{min-height:34px;max-width:148px;border:1px solid rgba(127,159,190,.32);border-radius:999px;padding:6px 28px 6px 10px;background:var(--panel,#0d1b2b);color:inherit;font:inherit;cursor:pointer} .public-body .ui-language-quick select{background:rgba(255,255,255,.08)} .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .language-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0} .language-choice-card{position:relative;display:flex;min-height:104px;flex-direction:column;justify-content:center;gap:6px;padding:18px;border:1px solid rgba(127,159,190,.28);border-radius:18px;cursor:pointer;background:var(--panel,#0d1b2b);transition:.18s ease} .language-choice-card:hover,.language-choice-card.selected{transform:translateY(-1px);border-color:rgba(70,176,255,.8);box-shadow:0 10px 28px rgba(0,0,0,.14)} .language-choice-card input{position:absolute;opacity:0;pointer-events:none} .language-choice-card .language-code{font-size:12px;opacity:.66;letter-spacing:.08em} .language-choice-card b{font-size:18px} .language-choice-card .tag{align-self:flex-start} @media(max-width:720px){.ui-language-quick select{max-width:112px}.language-choice-grid{grid-template-columns:1fr 1fr}} /* ========================================================================== CardLink CRM V6.4.9 RC2 — Platform Account & Tenant Administration Center 【繁中註解】平台後台建立公司/員工、停權與移除企業關係的 Production UI。 ========================================================================== */ .account-admin-shell{display:grid;gap:20px}.account-admin-head{align-items:flex-end}.account-admin-head h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}.account-admin-head p{max-width:880px;line-height:1.75}.account-admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.account-admin-kpis article{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(19,39,57,.92),rgba(8,22,35,.82));box-shadow:0 12px 30px rgba(0,0,0,.12)}.account-kpi-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(80,203,239,.1);border:1px solid rgba(80,203,239,.22);font-size:20px;color:#7ddff6}.account-admin-kpis small,.account-admin-kpis em{display:block;color:var(--muted);font-style:normal}.account-admin-kpis b{display:block;font-size:26px;line-height:1.1;margin:2px 0 4px}.provisioning-zone{display:grid;gap:14px}.provision-title{align-items:end}.provision-title small,.account-table-head small{color:var(--muted);letter-spacing:.12em;font-size:10px}.provision-title h2,.account-table-head h2{margin:3px 0 0}.provision-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.provision-card{padding:0;overflow:hidden}.provision-card-head{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(51,151,211,.09),transparent)}.employee-card .provision-card-head{background:linear-gradient(135deg,rgba(55,194,151,.09),transparent)}.provision-number{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;border:1px solid rgba(82,199,237,.3);background:rgba(82,199,237,.08);font-weight:900;font-size:17px;color:#7ddff6}.employee-card .provision-number{border-color:rgba(68,210,164,.3);background:rgba(68,210,164,.08);color:#78e3bf}.provision-card-head small{letter-spacing:.12em;color:var(--muted);font-size:10px}.provision-card-head h2{margin:3px 0 7px;font-size:22px}.provision-card-head p{margin:0;line-height:1.55}.provision-form{display:grid;gap:14px;padding:22px}.form-section-label{padding:10px 0 3px;font-size:11px;font-weight:800;letter-spacing:.11em;color:#86a6b8;border-bottom:1px solid rgba(127,159,190,.16)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form-grid label,.tenant-picker{display:grid;gap:6px;font-size:12px;color:var(--muted)}.admin-form-grid label strong,.tenant-picker strong{color:#ff8f9d}.admin-form-grid .span2{grid-column:span 2}.admin-form-grid input,.admin-form-grid select,.tenant-picker select{width:100%;min-height:43px}.tenant-picker{margin-top:1px}.provision-policy-note{display:grid;gap:4px;padding:13px 14px;border:1px solid rgba(83,182,235,.22);border-radius:14px;background:rgba(83,182,235,.06);font-size:12px}.provision-policy-note b{color:#7ddff6}.provision-policy-note span{color:var(--muted);line-height:1.55}.provision-policy-note.safe{border-color:rgba(65,203,158,.22);background:rgba(65,203,158,.06)}.provision-policy-note.safe b{color:#70dcb7}.provision-submit{min-height:46px;margin-top:2px}.credential-reveal{display:grid;grid-template-columns:60px 1fr;gap:18px;border-color:rgba(65,203,158,.36);background:linear-gradient(135deg,rgba(65,203,158,.09),rgba(52,160,214,.05))}.credential-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(65,203,158,.14);border:1px solid rgba(65,203,158,.32);font-size:26px;color:#73e1bb}.credential-reveal h2{margin:4px 0 9px}.credential-password-row{display:flex;gap:10px;align-items:end;margin:14px 0 8px}.credential-password-row label{flex:1;display:grid;gap:6px}.credential-password-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;letter-spacing:.04em}.account-directory-panel{padding:0;overflow:hidden}.account-table-head{padding:20px 22px 6px}.account-admin-search{display:flex;gap:8px;padding:10px 22px 18px}.account-admin-search input{flex:1}.account-admin-table{border-top:1px solid var(--line)}.account-admin-table td>b,.account-admin-table td>a>b{display:block}.account-admin-table td small{display:block;margin-top:4px;color:var(--muted)}.status-chip{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;border:1px solid rgba(127,159,190,.26);background:rgba(127,159,190,.08);font-size:10px;font-weight:800;white-space:nowrap}.role-owner{border-color:rgba(245,190,79,.35);color:#ffd27c;background:rgba(245,190,79,.08)}.role-admin{border-color:rgba(91,176,255,.35);color:#8dcbff;background:rgba(91,176,255,.08)}.membership-active,.login-active{border-color:rgba(66,207,159,.32);color:#72dfba;background:rgba(66,207,159,.08)}.membership-invited{border-color:rgba(245,190,79,.32);color:#ffd27c;background:rgba(245,190,79,.08)}.membership-suspended,.login-disabled{border-color:rgba(255,121,139,.3);color:#ff9ba8;background:rgba(255,121,139,.08)}.row-admin-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:250px}.row-admin-actions form{margin:0}.remove-membership-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.disable-with-remove{display:inline-flex!important;gap:5px!important;align-items:center!important;margin:0!important;font-size:10px!important;color:var(--muted)!important}.disable-with-remove input{width:auto!important;min-height:auto!important}.mini-btn.danger{border-color:rgba(255,112,132,.35);color:#ff9fac;background:rgba(255,112,132,.06)}.mini-btn.warning{border-color:rgba(245,190,79,.35);color:#ffd27c;background:rgba(245,190,79,.06)}.mini-btn.success{border-color:rgba(65,203,158,.35);color:#76e0bd;background:rgba(65,203,158,.06)}.owner-lock{font-size:10px;color:var(--muted);padding:5px 0}.account-safety-footer{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:15px 22px;border-top:1px solid var(--line);background:rgba(127,159,190,.035)}.account-safety-footer span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(88,168,235,.1)}.account-safety-footer p{margin:2px 0 0;font-size:11px;line-height:1.65;color:var(--muted)} .app-body[data-ui-theme="fresh_light"] .account-admin-kpis article{background:#fff;border-color:#d5e4e9;box-shadow:0 10px 28px rgba(45,79,92,.07)}.app-body[data-ui-theme="fresh_light"] .account-kpi-icon{background:#edf8fa;color:#20899e;border-color:#c5e1e7}.app-body[data-ui-theme="fresh_light"] .provision-card-head{background:linear-gradient(135deg,#eff9fb,transparent)}.app-body[data-ui-theme="fresh_light"] .employee-card .provision-card-head{background:linear-gradient(135deg,#f0faf6,transparent)}.app-body[data-ui-theme="fresh_light"] .provision-number{background:#edf8fa;color:#258ca0;border-color:#c4e1e7}.app-body[data-ui-theme="fresh_light"] .employee-card .provision-number{background:#edf9f5;color:#287c63;border-color:#c5e3d8}.app-body[data-ui-theme="fresh_light"] .provision-policy-note{background:#f2fafc;border-color:#c9e4ea}.app-body[data-ui-theme="fresh_light"] .provision-policy-note b{color:#247f93}.app-body[data-ui-theme="fresh_light"] .provision-policy-note.safe{background:#f1faf6;border-color:#c7e5d8}.app-body[data-ui-theme="fresh_light"] .provision-policy-note.safe b{color:#297b61}.app-body[data-ui-theme="fresh_light"] .credential-reveal{background:linear-gradient(135deg,#eefaf5,#f4fbfd);border-color:#bfe1d4}.app-body[data-ui-theme="fresh_light"] .account-safety-footer{background:#f7fbfc} @media(max-width:1100px){.account-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.provision-choice-grid{grid-template-columns:1fr}.provision-card{max-width:none}} @media(max-width:720px){.account-admin-kpis{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .span2{grid-column:auto}.account-admin-search,.credential-password-row{display:grid}.row-admin-actions{min-width:210px}.account-admin-head .actions{width:100%}.account-admin-head .actions .btn{flex:1 1 auto}.credential-reveal{grid-template-columns:1fr}.provision-card-head{grid-template-columns:44px 1fr;padding:18px}.provision-number{width:44px;height:44px;border-radius:14px}.provision-form{padding:18px}} /* ========================================================================== CardLink CRM V6.4.9 RC3 — Enterprise Workforce Administration 【繁中註解】批次員工、Owner 移轉、部門樹與批次離職 Production UI。 ========================================================================== */ .workforce-admin-shell{gap:22px}.workforce-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.bulk-import-card{padding:0;overflow:hidden}.bulk-import-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(120,105,255,.09),transparent)}.bulk-import-head small,.governance-card-head small{letter-spacing:.12em;color:var(--muted);font-size:10px}.bulk-import-head h2,.governance-card-head h2{margin:4px 0 7px}.bulk-import-head p,.governance-card-head p{margin:0;line-height:1.6}.template-downloads{display:flex;gap:8px;flex-wrap:wrap}.bulk-import-form{display:grid;grid-template-columns:1fr 1.25fr auto auto;gap:12px;align-items:end;padding:20px 22px}.bulk-import-form>label{display:grid;gap:6px;color:var(--muted);font-size:12px}.bulk-import-form strong,.governance-form strong{color:#ff8f9d}.bulk-check{display:flex!important;align-items:center!important;gap:7px!important;color:var(--muted);font-size:11px}.bulk-check input{width:auto!important;min-height:auto!important}.bulk-import-note{padding:0 22px 18px;color:var(--muted);font-size:11px;line-height:1.65}.governance-zone{display:grid;gap:14px}.governance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.governance-card{padding:0;overflow:hidden}.governance-card-head{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(245,190,79,.08),transparent)}.department-create-card .governance-card-head{background:linear-gradient(135deg,rgba(66,185,224,.08),transparent)}.governance-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:rgba(245,190,79,.1);border:1px solid rgba(245,190,79,.26);color:#ffd27c;font-size:22px}.department-create-card .governance-icon{background:rgba(66,185,224,.1);border-color:rgba(66,185,224,.26);color:#82d9f2}.governance-form{display:grid;gap:13px;padding:22px}.governance-form>label{display:grid;gap:6px;color:var(--muted);font-size:12px}.department-directory-panel{padding:0;overflow:hidden}.department-admin-table{border-top:1px solid var(--line)}.department-inline-form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(90px,.7fr) minmax(150px,1.2fr) auto;gap:6px;align-items:center;min-width:530px}.department-inline-form input,.department-inline-form select{min-height:34px;font-size:11px}.bulk-action-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 22px 16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(127,159,190,.04)}.bulk-action-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger-text{color:#ff9fac!important}.danger-btn{border-color:rgba(255,112,132,.35)!important;color:#ff9fac!important;background:rgba(255,112,132,.07)!important}.select-col{width:52px;text-align:center}.membership-select{width:17px;height:17px}.app-body[data-ui-theme="fresh_light"] .bulk-import-head{background:linear-gradient(135deg,#f3f0ff,transparent)}.app-body[data-ui-theme="fresh_light"] .governance-card-head{background:linear-gradient(135deg,#fff8e9,transparent)}.app-body[data-ui-theme="fresh_light"] .department-create-card .governance-card-head{background:linear-gradient(135deg,#eef9fc,transparent)}.app-body[data-ui-theme="fresh_light"] .bulk-action-bar{background:#f7fbfc}.app-body[data-ui-theme="fresh_light"] .governance-icon{background:#fff6df;color:#94691d;border-color:#ecd39c}.app-body[data-ui-theme="fresh_light"] .department-create-card .governance-icon{background:#edf8fb;color:#267c94;border-color:#c6e3ea} @media(max-width:1280px){.workforce-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.bulk-import-form{grid-template-columns:1fr 1fr}.bulk-import-form .bulk-check{align-self:center}.governance-grid{grid-template-columns:1fr}} @media(max-width:760px){.workforce-kpis{grid-template-columns:1fr}.bulk-import-head,.bulk-action-bar{display:grid}.bulk-import-form{grid-template-columns:1fr}.template-downloads .btn{flex:1}.bulk-action-buttons{display:grid;grid-template-columns:1fr}.department-inline-form{min-width:700px}} /* V6.4.9 Finalization — Bulk preview + department scoped administration */ .workforce-preview-head{align-items:flex-start}.preview-kpis{margin-bottom:18px}.preview-warning{margin-bottom:16px;border-left:4px solid var(--accent,#4f8cff)} .import-preview-panel{margin-bottom:18px}.import-preview-table td small{display:block;margin-top:4px;opacity:.72}.preview-create_active_account td:last-child{font-weight:600}.preview-error{background:rgba(180,40,40,.06)} .preview-confirm-panel{display:flex;justify-content:space-between;gap:24px;align-items:center}.preview-confirm-panel .actions{display:flex;gap:10px;flex-wrap:wrap}.scope-policy-list p{padding:10px 0;border-bottom:1px solid var(--border,rgba(128,128,128,.18));margin:0} .department-role-card .governance-icon{font-size:1.4rem}.department-directory-panel form.inline-form{display:inline-flex;margin-left:4px}.department-directory-panel .tag{display:inline-block;margin:2px 3px 2px 0} @media(max-width:760px){.preview-confirm-panel{display:block}.preview-confirm-panel .actions{margin-top:16px}.import-preview-table{min-width:860px}} /* V6.4.9 RC7 — Social sign-in acquisition + 60-second first-card onboarding */ .onboarding-shell{max-width:1180px;margin:0 auto}.onboarding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.onboarding-head h1{font-size:44px;margin:4px 0 8px}.onboarding-head p{max-width:760px;color:var(--muted);line-height:1.7}.onboarding-provider-badge{display:grid;gap:3px;min-width:150px;padding:12px 16px;border:1px solid #2b536b;border-radius:16px;background:#091a27;text-align:right}.onboarding-provider-badge span{font-weight:800}.onboarding-provider-badge small{color:#72dff8}.onboarding-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:10px;align-items:center;margin:0 0 18px;padding:12px 16px;border:1px solid #203d54;border-radius:18px;background:#071420}.onboarding-progress i{height:1px;background:#28495e}.onboarding-step{appearance:none;border:0;background:transparent;color:#7995a8;display:flex;align-items:center;gap:7px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:0}.onboarding-step b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#142b3d}.onboarding-step.active{color:#70e4ff}.onboarding-step.active b{background:linear-gradient(135deg,#1d86e5,#19bfd4);color:#fff}.onboarding-form{display:grid;gap:12px}.onboarding-pane{animation:onboardFade .18s ease}.onboarding-pane[hidden]{display:none!important}@keyframes onboardFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.onboarding-actions.final{margin-top:18px}.onboarding-photo-label small{display:block;margin-top:6px;color:var(--muted);font-weight:500}.onboarding-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.onboarding-template-choice{display:grid;gap:8px;padding:9px;border:1px solid #203d54;border-radius:16px;background:#071420;cursor:pointer}.onboarding-template-choice input{position:absolute;opacity:0;pointer-events:none}.onboarding-template-choice.selected,.onboarding-template-choice:hover{border-color:#42cbef;box-shadow:0 0 0 1px #248bb2 inset}.onboarding-template-choice .template-mini{min-height:145px}.onboarding-template-choice>b{font-size:13px}.onboarding-template-choice>small{font-size:10px;color:var(--muted)}.onboarding-review-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(300px,1.2fr);gap:18px;align-items:stretch}.onboarding-card-preview{min-height:270px;padding:28px;border-radius:24px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 20px 44px #0006}.onboarding-card-preview>small{font-weight:900;letter-spacing:.08em}.onboarding-card-preview h3{font-size:30px;margin:20px 0 6px}.onboarding-card-preview p{margin:0 0 18px;opacity:.78}.onboarding-card-preview>div{display:grid;gap:6px;font-size:12px}.onboarding-sharing-options{display:grid;align-content:center;gap:12px;margin:0}.onboarding-complete{min-width:260px}.onboarding-later{text-align:center;padding:4px 0 0}.link-button{border:0;background:transparent;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:12px}.link-button:hover{color:var(--accent)} [data-theme="fresh_light"] .onboarding-provider-badge,[data-theme="fresh_light"] .onboarding-progress,[data-theme="fresh_light"] .onboarding-template-choice{background:#fff;border-color:#d6e4ed}.auth-v39 .eyebrow{margin-bottom:4px} @media(max-width:980px){.onboarding-template-grid{grid-template-columns:repeat(3,1fr)}.onboarding-review-grid{grid-template-columns:1fr}.onboarding-head{flex-direction:column}.onboarding-provider-badge{text-align:left}} @media(max-width:720px){.onboarding-head h1{font-size:34px}.onboarding-progress{grid-template-columns:1fr 1fr;gap:8px}.onboarding-progress i{display:none}.onboarding-step{justify-content:flex-start}.onboarding-template-grid{grid-template-columns:1fr 1fr}.onboarding-actions{align-items:stretch}.onboarding-actions .btn{flex:1}.onboarding-actions.final{flex-direction:column-reverse}.onboarding-complete{min-width:0;width:100%}} @media(max-width:460px){.onboarding-template-grid{grid-template-columns:1fr}.onboarding-progress{grid-template-columns:1fr}.onboarding-actions{flex-direction:column-reverse}} /* V6.4.9 RC8 — Member Acquisition & Conversion */ .auth-context-banner{display:grid;gap:6px;padding:14px 16px;margin:0 0 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)} .auth-context-banner b{font-size:14px}.auth-context-banner span{font-size:13px;color:var(--muted)} .welcome-shell{display:grid;gap:18px}.welcome-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.welcome-step{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)} .welcome-step b{display:block;margin-bottom:6px}.welcome-step .step-no{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--panel-soft);margin-bottom:10px}.welcome-enterprise,.growth-link-panel{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)} .growth-stats,.funnel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.growth-stats>div,.funnel-stage{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)} .growth-stats b,.funnel-stage b{display:block;font-size:24px}.growth-stats span,.funnel-stage span{font-size:12px;color:var(--muted)} .funnel-stage small{display:block;margin-top:6px;color:var(--muted)} @media(max-width:900px){.welcome-steps,.growth-stats,.funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.welcome-steps,.growth-stats,.funnel-grid{grid-template-columns:1fr}} /* V6.4.9 RC9 — Mobile OTP registration + password login */ .mobile-auth-card{max-width:720px;margin:0 auto;padding:24px}.mobile-auth-card .formgrid{display:grid;gap:14px}.mobile-auth-card .mobile-auth-row{display:grid;grid-template-columns:minmax(150px,.38fr) minmax(0,1fr);gap:10px}.mobile-login-note,.mobile-auth-note{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);color:var(--muted);font-size:13px;line-height:1.65}.mobile-register-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:14px;border:1px dashed var(--line);border-radius:14px}.mobile-register-entry p{margin:0;color:var(--muted);font-size:13px}.mobile-credential-panel{display:grid;gap:16px}.mobile-credential-current{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.mobile-credential-current b{font-size:18px}.mobile-otp-inline{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.mobile-otp-inline label{display:grid;gap:6px}.mobile-auth-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-auth-choice .btn{width:100%}.invite-identity-method{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-identity-method label{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;cursor:pointer}.invite-identity-method input{width:auto}.app-body[data-ui-theme="fresh_light"] .mobile-login-note,.app-body[data-ui-theme="fresh_light"] .mobile-auth-note,.app-body[data-ui-theme="fresh_light"] .mobile-credential-current,.app-body[data-ui-theme="fresh_light"] .mobile-otp-inline{background:#f7fbfc} @media(max-width:720px){.mobile-auth-card{padding:18px}.mobile-auth-card .mobile-auth-row,.mobile-otp-inline,.mobile-auth-choice,.invite-identity-method{grid-template-columns:1fr}.mobile-register-entry,.mobile-credential-current{align-items:flex-start;flex-direction:column}.mobile-register-entry .btn{width:100%}} /* V6.4.9 RC10 — remembered phone region / country-code UX */ .phone-region-hint{margin:-4px 0 2px;color:var(--muted);font-size:12px;line-height:1.55}.phone-region-select{min-width:170px}.mobile-auth-card .phone-region-select,.auth-password-form .phone-region-select{width:100%} /* V6.5.0 RC1 — Trusted C2C Marketplace */ .marketplace-shell,.marketplace-detail-shell,.marketplace-editor-shell{display:grid;gap:18px}.marketplace-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--panel),var(--panel-soft))}.marketplace-hero h1{font-size:clamp(30px,4vw,48px);margin:6px 0 10px}.marketplace-hero p{max-width:780px;color:var(--muted);line-height:1.7}.marketplace-disclaimer{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px 18px;border:1px solid rgba(237,165,42,.45);border-radius:16px;background:rgba(237,165,42,.08)}.marketplace-disclaimer-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:rgba(237,165,42,.2)}.marketplace-disclaimer p{margin:5px 0;line-height:1.65}.marketplace-disclaimer small{color:var(--muted)}.marketplace-search{display:grid;grid-template-columns:minmax(260px,2fr) repeat(4,minmax(130px,1fr)) auto;gap:10px;align-items:end}.marketplace-search label{display:grid;gap:6px}.marketplace-search-main{min-width:0}.marketplace-ai-note{grid-column:1/-1;color:var(--muted);font-size:12px}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.marketplace-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.marketplace-cover{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--panel-soft)}.marketplace-cover img{width:100%;height:100%;object-fit:cover}.marketplace-cover-empty{display:grid;place-items:center;width:100%;height:100%;min-height:180px;background:linear-gradient(135deg,rgba(44,133,210,.15),rgba(47,200,183,.08));font-weight:800;color:var(--muted)}.marketplace-cover-empty.large{min-height:360px}.marketplace-featured{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:999px;background:#fff;color:#111;font-size:12px;font-weight:800}.marketplace-card-body{padding:15px}.marketplace-card-body h3{margin:8px 0}.marketplace-card-body h3 a{text-decoration:none;color:inherit}.marketplace-card-body p{color:var(--muted);min-height:42px}.marketplace-meta{display:flex;gap:7px;flex-wrap:wrap}.marketplace-meta span{font-size:12px;padding:4px 8px;border-radius:999px;background:var(--panel-soft);border:1px solid var(--line)}.marketplace-price{font-size:22px;font-weight:900;margin:10px 0}.marketplace-price.large{font-size:32px}.marketplace-seller{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.marketplace-seller small{color:var(--muted)}.marketplace-empty{grid-column:1/-1;text-align:center;padding:42px}.marketplace-detail-head{display:flex;justify-content:space-between;gap:12px}.marketplace-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;align-items:start}.marketplace-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.marketplace-gallery img,.marketplace-gallery video{width:100%;border-radius:14px;background:#000;max-height:520px;object-fit:contain}.marketplace-gallery>*:first-child{grid-column:1/-1}.marketplace-detail-info{position:sticky;top:18px}.marketplace-detail-info h1{font-size:32px}.marketplace-detail-info dl{display:grid;grid-template-columns:90px 1fr;gap:8px 12px}.marketplace-detail-info dt{color:var(--muted)}.marketplace-contact-box{display:grid;gap:6px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel-soft)}.marketplace-contact-box b{font-size:20px}.marketplace-contact-box .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.marketplace-secondary-actions{margin-top:12px}.marketplace-description h2{margin-top:0}.marketplace-longtext{white-space:pre-wrap;line-height:1.8}.marketplace-report summary{cursor:pointer;font-weight:700}.marketplace-stats,.marketplace-admin-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.marketplace-editor-shell .formgrid{grid-template-columns:1fr 1fr}.marketplace-editor-shell .span2{grid-column:1/-1}.marketplace-price-input{display:grid;grid-template-columns:100px 1fr;gap:8px}.marketplace-ack{padding:12px;border:1px dashed var(--line);border-radius:12px;line-height:1.6}.marketplace-ack.compact{font-size:12px}.marketplace-media-upload{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.marketplace-media-manager{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}.marketplace-media-manager>div{padding:8px;border:1px solid var(--line);border-radius:12px}.marketplace-media-manager img,.marketplace-media-manager video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#000}.marketplace-publish-panel{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.marketplace-publish-panel .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.marketplace-admin-filter{display:grid;grid-template-columns:1fr 220px auto;gap:10px}.marketplace-admin-actions{display:flex;gap:6px;flex-wrap:wrap}.marketplace-admin-actions form{margin:0}.marketplace-policy-note{margin-top:14px;padding:12px;border-radius:12px;background:var(--panel-soft);color:var(--muted);line-height:1.6}.danger-text{color:#d85656} @media(max-width:1050px){.marketplace-search{grid-template-columns:1fr 1fr 1fr}.marketplace-search-main{grid-column:1/-1}.marketplace-detail-grid{grid-template-columns:1fr}.marketplace-detail-info{position:static}} @media(max-width:720px){.marketplace-hero,.marketplace-publish-panel{flex-direction:column;align-items:stretch}.marketplace-search,.marketplace-editor-shell .formgrid,.marketplace-admin-filter{grid-template-columns:1fr}.marketplace-editor-shell .span2{grid-column:auto}.marketplace-gallery{grid-template-columns:1fr}.marketplace-gallery>*:first-child{grid-column:auto}.marketplace-detail-info h1{font-size:26px}.marketplace-publish-panel .actions{justify-content:stretch}.marketplace-publish-panel .actions>*{width:100%}.marketplace-publish-panel .actions .btn{width:100%}} /* 【繁中註解】V6.5.0 FINAL：正式開發公司識別頁尾。 */ .cardlink-developer-footer{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;padding:14px 18px 18px;font-size:12px;opacity:.66;text-align:center} .cardlink-developer-footer span+span:before{content:"·";margin-right:10px} @media(max-width:680px){.cardlink-developer-footer{display:block}.cardlink-developer-footer span{display:block;margin:2px 0}.cardlink-developer-footer span+span:before{content:"";margin:0}}