:root{--bg: #0f172a;--bg-soft: #1e293b;--card-bg: #1e293b;--accent: #6366f1;--accent-soft: #818cf8;--text: #e2e8f0;--text-dim: #94a3b8;--border: #334155;--zh: #fbbf24;--en: #60a5fa;--fr: #fb7185}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(circle at 20% 0%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 80% 100%,rgba(168,85,247,.06) 0%,transparent 40%);background-attachment:fixed}.app{max-width:720px;margin:0 auto;padding:20px 16px 40px}.page-title{font-size:1.5em;font-weight:700;color:var(--text);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.page-title:before{content:"";display:inline-block;width:4px;height:1.2em;background:linear-gradient(180deg,var(--accent),var(--accent-soft));border-radius:2px}.card{display:block;background:var(--card-bg);border-radius:10px;padding:14px 16px;margin-bottom:10px;text-decoration:none;color:inherit;border:1px solid var(--border);transition:transform .15s,box-shadow .15s,border-color .15s}.card:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 4px 16px #6366f126}.card-meta{font-size:.82em;color:var(--text-dim);margin-bottom:4px;font-variant-numeric:tabular-nums}.card-title{font-size:1.02em;font-weight:500;color:var(--text)}.empty{text-align:center;color:var(--text-dim);padding:60px 20px;font-size:.95em}.qa-card{background:var(--card-bg);border-radius:12px;padding:18px;margin-bottom:16px;border:1px solid var(--border)}.lang-block{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.lang-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.lang-block.zh{border-left:3px solid var(--zh);padding-left:14px}.lang-block.en{border-left:3px solid var(--en);padding-left:14px}.lang-block.fr{border-left:3px solid var(--fr);padding-left:14px}.lang-label{font-size:.78em;font-weight:600;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.lang-block.zh .lang-label{color:var(--zh)}.lang-block.en .lang-label{color:var(--en)}.lang-block.fr .lang-label{color:var(--fr)}.qa-role{font-weight:700;color:var(--accent-soft);margin-right:4px}.lang-block p{line-height:1.75;margin-bottom:10px;color:var(--text)}.lang-block p:last-child{margin-bottom:0}.copy-btn{background:var(--bg-soft);color:var(--text-dim);border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-size:.78em;cursor:pointer;transition:all .15s}.copy-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.pager{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:.95em;cursor:pointer;font-weight:600;transition:opacity .15s,transform .15s}.btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn:disabled{opacity:.35;cursor:not-allowed}