[data-v-33bac0df]:root{--bg:#f5f7fb;--panel:#fff;--line:#d9e0ee;--text:#1f2a44;--muted:#5f6b86;--accent:#006d77}.app[data-v-33bac0df]{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:0 auto;overflow:hidden;box-shadow:0 8px 26px #18274b14}.app-header[data-v-33bac0df]{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.app-title[data-v-33bac0df]{margin:0;font-size:20px}.app-tip[data-v-33bac0df]{color:var(--muted);margin:0;font-size:13px}.rule-status[data-v-33bac0df]{color:var(--muted);font-size:12px}.panels-with-sidebar[data-v-33bac0df]{grid-template-columns:280px 1fr;gap:0;min-height:70vh;display:grid}.sidebar[data-v-33bac0df]{border-right:1px solid var(--line);background:#fafbfc;padding:16px;overflow-y:auto}.sidebar-title[data-v-33bac0df]{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.rule-tables[data-v-33bac0df]{flex-direction:column;gap:16px;display:flex}.category-section[data-v-33bac0df]{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.category-header-toggle[data-v-33bac0df]{border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0f2f5;align-items:center;gap:8px;padding:12px;transition:background-color .2s;display:flex}.category-header-toggle[data-v-33bac0df]:hover{background:#e8ecf0}.toggle-icon[data-v-33bac0df]{width:16px;height:16px;color:var(--text);justify-content:center;align-items:center;font-size:12px;transition:transform .2s;display:inline-flex}.toggle-icon.open[data-v-33bac0df]{transform:rotate(90deg)}.category-name[data-v-33bac0df]{color:var(--text);flex:1;font-size:14px;font-weight:600}.rule-count[data-v-33bac0df]{color:var(--muted);background:#fafbfc;border-radius:4px;padding:2px 8px;font-size:12px}.rule-table[data-v-33bac0df]{border-collapse:collapse;width:100%;font-size:13px}.category-header[data-v-33bac0df]{border-bottom:2px solid var(--line);background:#f0f2f5}.category-title[data-v-33bac0df]{text-align:left;color:var(--text);padding:12px;font-weight:600}.category-checkbox[data-v-33bac0df]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;display:flex}.category-checkbox input[type=checkbox][data-v-33bac0df]{cursor:pointer;flex-shrink:0;width:16px;height:16px}.category-checkbox span[data-v-33bac0df]{color:var(--text);font-weight:500}.table-header[data-v-33bac0df]{border-bottom:1px solid var(--line);background:#fafbfc}.table-header th[data-v-33bac0df]{text-align:left;color:var(--text);border-right:1px solid var(--line);padding:10px 12px;font-weight:600}.table-header th[data-v-33bac0df]:last-child{border-right:0}.col-select[data-v-33bac0df]{width:60px}.col-content[data-v-33bac0df]{flex:1}.rule-row[data-v-33bac0df]{border-bottom:1px solid var(--line);transition:background-color .2s}.rule-row[data-v-33bac0df]:hover{background:#f9fafb}.rule-row[data-v-33bac0df]:last-child{border-bottom:0}.rule-row td[data-v-33bac0df]{border-right:1px solid var(--line);padding:10px 12px}.rule-row td[data-v-33bac0df]:last-child{border-right:0}.rule-row input[type=checkbox][data-v-33bac0df]{cursor:pointer;width:18px;height:18px}.rule-label[data-v-33bac0df]{cursor:pointer;color:var(--text);margin:0;display:inline-block}.panels[data-v-33bac0df]{grid-template-rows:1fr 1fr;gap:0;display:grid}.panel[data-v-33bac0df]{border-bottom:1px solid var(--line);padding:12px}.panel[data-v-33bac0df]:last-child{border-bottom:0}.panel-label[data-v-33bac0df]{color:var(--accent);background:#ecf9fa;border:1px solid #b6e0e3;border-radius:999px;margin:0 0 8px;padding:4px 8px;font-size:12px;display:inline-block}.panel-header[data-v-33bac0df]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-btn[data-v-33bac0df]{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.panel-btn[data-v-33bac0df]:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.panel-btn[data-v-33bac0df]:active{transform:scale(.98)}.panel-btn.copied[data-v-33bac0df]{color:#fff;background:#22863a;border-color:#22863a}textarea[data-v-33bac0df]{resize:vertical;border:1px solid var(--line);color:#1a2238;word-break:break-all;background:#fbfdff;border-radius:10px;outline:none;width:100%;min-height:35vh;padding:14px;font:14px/1.6 SF Mono,Menlo,Consolas,monospace}textarea[data-v-33bac0df]:focus{border-color:#8dc8cd;box-shadow:0 0 0 3px #006d7726}.output[data-v-33bac0df]{background:#f8fafc}@media (max-width:960px){.panels-with-sidebar[data-v-33bac0df]{grid-template-columns:1fr;min-height:auto}.sidebar[data-v-33bac0df]{border-right:0;border-bottom:1px solid var(--line);max-height:400px;margin-bottom:12px}.rule-tables[data-v-33bac0df]{gap:12px}.table-header th[data-v-33bac0df],.rule-row td[data-v-33bac0df]{padding:8px;font-size:12px}.col-select[data-v-33bac0df]{width:50px}.panels[data-v-33bac0df]{grid-template-columns:1fr}.panel[data-v-33bac0df]{border-right:0;border-bottom:1px solid var(--line)}.panel[data-v-33bac0df]:last-child{border-bottom:0}.panel-header[data-v-33bac0df]{flex-direction:column;align-items:flex-start;gap:8px}.panel-btn[data-v-33bac0df]{width:100%}textarea[data-v-33bac0df]{min-height:30vh}}:root{--bg:#f5f7fb;--panel:#fff;--line:#d9e0ee;--text:#1f2a44;--muted:#5f6b86;--accent:#006d77}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 10% 10%, #e7f6f7 0, transparent 40%), radial-gradient(circle at 90% 90%, #eef4ff 0, transparent 45%), var(--bg);min-height:100vh;margin:0;padding:24px;font-family:PingFang SC,Microsoft YaHei,sans-serif}html,body,#app{height:100%}