.opc-page{max-width:860px}.opc-hero{border:1px solid var(--border-color);background:radial-gradient(1100px 500px at 115% -20%, var(--accent-light), transparent 60%), linear-gradient(160deg, var(--bg-secondary), var(--bg-secondary) 60%, var(--accent-light));box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:20px;padding:36px 36px 32px;position:relative;overflow:hidden}.opc-hero:after{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(700px 300px at 90% 0,#000 30%,#0000 80%);mask-image:radial-gradient(700px 300px at 90% 0,#000 30%,#0000 80%)}.opc-hero>*{z-index:1;position:relative}.opc-kicker{letter-spacing:.16em;text-transform:uppercase;color:#b8860b;background:linear-gradient(135deg,#b8860b24,#b8860b0d);border:1px solid #b8860b4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.opc-hero h1{letter-spacing:.01em;color:var(--text-primary);margin:0 0 12px;font-size:34px;font-weight:800;line-height:1.2}.opc-hero h1 .serif{letter-spacing:.02em;font-family:Georgia,STSong,SimSun,Songti SC,serif;font-weight:700}.opc-hero .lead{max-width:560px;color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.85}.opc-features{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;display:grid}.opc-feature{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:18px 16px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.opc-feature:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-3px)}.opc-feature .num{color:var(--accent-light);font-family:Georgia,serif;font-size:34px;font-weight:700;line-height:1;transition:color .2s;position:absolute;top:10px;right:14px}.opc-feature:hover .num{color:#b8860b47}.opc-feature .icon{margin-bottom:10px;font-size:22px;line-height:1}.opc-feature h4{color:var(--text-primary);margin:0 0 6px;font-size:15px;font-weight:700}.opc-feature p{color:var(--text-secondary);margin:0;font-size:12.5px;line-height:1.7}.opc-meaning{border-top:1px dashed var(--border-color);margin-top:26px;padding-top:22px}.opc-meaning h2{color:var(--text-primary);margin:0 0 14px;font-size:16px;font-weight:700}.opc-meaning ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.opc-meaning li{color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.7;display:flex}.opc-meaning li .dot{width:22px;height:22px;color:var(--accent);background:var(--accent-light);border-radius:6px;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:12px;font-weight:800;display:flex}.opc-meaning li strong{color:var(--text-primary)}.opc-disclaimer{color:var(--text-muted);margin:20px 0 0;font-size:12px;font-style:italic}.opc-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:20px;padding:26px 28px}.opc-panel-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.opc-panel-head h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.opc-panel-head .sub{color:var(--text-muted);font-size:12px}.opc-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.opc-field{flex-direction:column;gap:6px;display:flex}.opc-field label{color:var(--text-secondary);letter-spacing:.02em;font-size:12.5px;font-weight:600}.opc-field .readonly{border-radius:var(--radius);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:11px 14px;font-size:14px;line-height:1.4}.opc-field input,.opc-field textarea{border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:11px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.opc-field input:focus,.opc-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.opc-field textarea{resize:vertical;min-height:56px;font-family:inherit;line-height:1.6}.opc-count{color:var(--text-muted);align-self:flex-end;font-size:11.5px;font-weight:500}.opc-count.over{color:var(--danger)}.opc-error{border-radius:var(--radius);background:var(--danger-light);color:var(--danger);border:1px solid #e5484d40;margin-bottom:16px;padding:11px 14px;font-size:13px}.opc-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.opc-submit{border-radius:var(--radius);background:var(--accent);color:#fff;letter-spacing:.04em;cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:11px 30px;font-size:14px;font-weight:700}.opc-submit:disabled{opacity:.55;cursor:default;transform:none}.opc-notice{color:var(--success);font-size:13px;font-weight:600}.opc-lock-note{color:var(--text-muted);margin-left:auto;font-size:12px}.opc-license-frame{background:linear-gradient(180deg, var(--bg-tertiary), var(--bg-secondary));border:1px solid var(--border-color);border-radius:4px;padding:22px;position:relative}.opc-license-frame img{border-radius:3px;width:100%;height:auto;display:block;box-shadow:0 10px 30px #00000024}.opc-download{border-radius:var(--radius);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#b8860b,#d4a017);border:none;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;display:inline-flex}.opc-download:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:default;box-shadow:none;transform:none}@keyframes opc-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.opc-rise{animation:.5s cubic-bezier(.22,1,.36,1) both opc-rise}.opc-rise-1{animation-delay:20ms}.opc-rise-2{animation-delay:.12s}.opc-rise-3{animation-delay:.22s}@media (width<=720px){.opc-features,.opc-grid{grid-template-columns:1fr}.opc-hero{padding:26px 22px}.opc-hero h1{font-size:26px}}:root,[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-hover:#e2e8f0;--text-primary:#111827;--text-secondary:#374151;--text-tertiary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#eff6ff;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--sidebar-bg:#1e293b;--sidebar-text:#e2e8f0;--sidebar-hover:#334155;--sidebar-active:#3b82f6;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--radius:8px}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#252540;--bg-tertiary:#2a2a45;--bg-hover:#35355a;--text-primary:#e0e0e0;--text-secondary:#c0c0d0;--text-tertiary:#9090a0;--text-muted:#707080;--border-color:#3a3a5c;--accent:#60a5fa;--accent-hover:#93bbfd;--accent-light:#1e3a5f;--success:#34d399;--success-light:#064e3b;--warning:#fbbf24;--warning-light:#78350f;--danger:#f87171;--danger-light:#7f1d1d;--sidebar-bg:#12122a;--sidebar-text:#c0c0d0;--sidebar-hover:#2a2a45;--sidebar-active:#3b82f6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006}[data-theme=eye]{--bg-primary:#f5f0e8;--bg-secondary:#fefaf1;--bg-tertiary:#efe5d5;--bg-hover:#e5d8c0;--text-primary:#4a3728;--text-secondary:#5c4a35;--text-tertiary:#8b7355;--text-muted:#b0a090;--border-color:#d4c5b0;--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#e8f0fe;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--sidebar-bg:#4a3728;--sidebar-text:#efe5d5;--sidebar-hover:#5c4a35;--sidebar-active:#3b82f6;--shadow-sm:0 1px 2px #4a37280d;--shadow-md:0 4px 6px #4a372814}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button,input,select,textarea{font-family:inherit;transition:all .2s}button:hover{opacity:.9;transform:translateY(-1px)}button:active{transform:translateY(0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:#fff}.card{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.btn-primary{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:8px 20px;font-size:14px;font-weight:600}.btn-secondary{border-radius:var(--radius);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;padding:8px 20px;font-size:14px}.btn-ghost{border-radius:var(--radius);border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;padding:6px 14px;font-size:13px}.table-clean{border-collapse:collapse;width:100%;font-size:13px}.table-clean th{text-align:left;color:var(--text-secondary);border-bottom:2px solid var(--border-color);background:var(--bg-secondary);padding:10px 14px;font-weight:500}.table-clean td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:10px 14px}.table-clean tr:hover td{background:var(--bg-hover)}.tag{border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500}.tag-accent{background:var(--accent-light);color:var(--accent)}.tag-success{background:var(--success-light);color:var(--success)}.tag-danger{background:var(--danger-light);color:var(--danger)}.avatar-placeholder{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.gradient-card{background:linear-gradient(135deg, var(--accent-light), var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--radius);padding:20px}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-hover) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite skeleton-shine}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}