/* ============================================================
   内容页样式（关于/免责声明/侵权投诉）
   与 520so 主题系统共用 --theme-* 变量
   ============================================================ */
:root, [data-theme="blue"] {
  --pg-primary:#4a90e2; --pg-bg:#f0f4f8; --pg-surface:#fff; --pg-card:#f0f8ff;
  --pg-text:#2c3e50; --pg-text2:#5a6c7d; --pg-border:#e1e8ed;
  --pg-gradient:linear-gradient(135deg,#4a90e2 0%,#5fa3f0 100%);
}
[data-theme="red"] { --pg-primary:#ff6b6b;--pg-bg:#f5f5f5;--pg-card:#fff8f0;--pg-text:#333;--pg-text2:#666;--pg-border:#f0f0f0;--pg-gradient:linear-gradient(135deg,#ff6b6b 0%,#ff8e53 100%); }
[data-theme="green"] { --pg-primary:#27ae60;--pg-bg:#f0f7f4;--pg-card:#f0faf4;--pg-text:#1e3a2f;--pg-text2:#4a6356;--pg-border:#d4e6dc;--pg-gradient:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%); }
[data-theme="dark"] { --pg-primary:#6366f1;--pg-bg:#0f0f1a;--pg-surface:#1a1a2e;--pg-card:#252538;--pg-text:#e2e8f0;--pg-text2:#a0aec0;--pg-border:#2d2d44;--pg-gradient:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%); }

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;background:var(--pg-bg);color:var(--pg-text);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
svg{display:block}
.wrap{width:100%;max-width:1026px;margin:0 auto;padding:0 20px}
.header{background:var(--pg-surface);border-bottom:1px solid var(--pg-border);height:64px;display:flex;align-items:center}
.header .wrap{display:flex;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}
.logo-mark{width:34px;height:34px;border-radius:11px;background:var(--pg-gradient);display:grid;place-items:center;color:#fff;flex:none}
.logo-mark svg{width:19px;height:19px}
.nav{margin-left:auto;display:flex;gap:6px}
.nav a{padding:7px 13px;border-radius:9px;font-size:14px;color:var(--pg-text2);transition:all .18s ease}
.nav a:hover{background:var(--pg-card);color:var(--pg-primary)}
.nav a.active{background:var(--pg-card);color:var(--pg-primary);font-weight:600}
.doc{max-width:860px;margin:0 auto;padding:36px 0 64px;flex:1}
.doc-head{margin-bottom:26px}
.doc-head h1{font-size:28px;font-weight:800;letter-spacing:-.5px}
.doc-head p{margin-top:8px;font-size:14px;color:var(--pg-text2)}
.doc-card{background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:14px;padding:28px 30px;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.doc-card h2{font-size:16px;font-weight:800;margin:24px 0 10px;display:flex;align-items:center;gap:8px;color:var(--pg-text)}
.doc-card h2:first-child{margin-top:0}
.doc-card h2 svg{width:17px;height:17px;color:var(--pg-primary);flex:none}
.doc-card p{font-size:14px;line-height:1.9;color:var(--pg-text2);margin-bottom:11px}
.doc-card ul{margin:0 0 13px}
.doc-card ul li{font-size:14px;line-height:1.9;color:var(--pg-text2);padding:4px 0 4px 18px;position:relative}
.doc-card ul li::before{content:"";position:absolute;left:3px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--pg-primary);opacity:.55}
.doc-card ol{counter-reset:n;margin:0 0 13px}
.doc-card ol li{counter-increment:n;font-size:14px;line-height:1.9;color:var(--pg-text2);padding:5px 0 5px 32px;position:relative}
.doc-card ol li::before{content:counter(n);position:absolute;left:0;top:8px;width:21px;height:21px;border-radius:7px;background:var(--pg-card);color:var(--pg-primary);font-size:11.5px;font-weight:800;display:grid;place-items:center}
.doc-card strong{color:var(--pg-text);font-weight:700}
.callout{padding:13px 17px;margin:15px 0;border-radius:10px;background:var(--pg-card);border:1px solid var(--pg-border);font-size:13.5px;line-height:1.85;color:var(--pg-text2)}
.callout.warn{background:#fff8e6;border-color:#ffe0a3;color:#8a6100}
[data-theme="dark"] .callout.warn{background:#31220c;border-color:#5c4212;color:#ffc078}
.field{margin-bottom:15px}
.field label{display:block;font-size:13px;font-weight:600;color:var(--pg-text2);margin-bottom:6px}
.inp{width:100%;display:block;padding:10px 13px;border:1px solid var(--pg-border);border-radius:9px;background:var(--pg-surface);font-size:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
select.inp{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a9bad' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}
textarea.inp{min-height:96px;resize:vertical;line-height:1.7}
.inp:focus{border-color:var(--pg-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--pg-primary) 15%,transparent)}
.hint{font-size:12px;color:#8a9bad;margin-top:5px;line-height:1.7}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-grid .full{grid-column:1/-1}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}.doc-card{padding:20px 16px}.doc-head h1{font-size:22px}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 22px;border-radius:10px;font-size:14px;font-weight:600;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;cursor:pointer}
.btn svg{width:16px;height:16px}
.btn-primary{background:var(--pg-gradient);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--pg-primary) 32%,transparent)}
.btn-primary:hover{transform:translateY(-1px)}
.btn-ghost{background:var(--pg-card);color:var(--pg-text2);border:1px solid var(--pg-border)}
.btn[disabled]{opacity:.55;pointer-events:none}
.result-box{margin-top:16px;padding:14px 17px;border-radius:10px;background:#eafaf0;border:1px solid #b7f0c9;font-size:13.5px;line-height:1.85;color:#1d6b2c}
.result-box b{font-weight:700}
.footer{background:var(--pg-surface);border-top:1px solid var(--pg-border);padding:24px 0 30px;margin-top:auto}
.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:12px}
.footer-links a{font-size:13px;color:var(--pg-text2)}
.footer-links a:hover{color:var(--pg-primary)}
.footer-note{text-align:center;font-size:12.5px;color:#8a9bad;line-height:1.9;max-width:820px;margin:0 auto}
.toasts{position:fixed;top:16px;right:16px;z-index:400;display:flex;flex-direction:column;gap:9px}
.toast{padding:10px 16px;border-radius:9px;background:var(--pg-surface);border:1px solid var(--pg-border);box-shadow:0 6px 20px rgba(0,0,0,.1);font-size:13px;font-weight:500;border-left:3px solid var(--pg-primary)}
.link-box{display:flex;gap:8px}
.link-box input{flex:1;min-width:0;padding:10px 13px;border:1px solid var(--pg-border);border-radius:9px;background:var(--pg-bg);outline:none;font-size:13px;font-family:ui-monospace,Consolas,monospace}
.link-box input:focus{border-color:var(--pg-primary)}
.hidden{display:none !important}