:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#17283f;background:#f5f7fb;font-size:15px;line-height:1.55;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}a{color:inherit}button{cursor:pointer}.topbar{background:#172d4b;color:#fff;border-bottom:3px solid #4c8ca2}.topbar-inner{max-width:1240px;margin:auto;padding:19px 32px;display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #628399;border-radius:12px;color:#a8e0e0;font-size:23px}.brand-label{font-size:10px;letter-spacing:.15em;color:#a9c1d1;font-weight:700}.topbar h1{font-size:18px;line-height:1.3;margin:1px 0 0}.topbar p{margin:0 0 0 auto;color:#c3d1df;font-size:13px}main{max-width:1240px;margin:auto;padding:34px 32px 72px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.eyebrow{color:#4e8191;font-weight:750;font-size:10px;letter-spacing:.14em}.page-heading h2{font-size:28px;letter-spacing:-.025em;margin:3px 0}.page-heading p,.section-heading p{margin:4px 0 0;color:#6c7d90}.heading-tag{font-size:12px;color:#49677b;background:#eaf2f4;padding:6px 11px;border-radius:30px;white-space:nowrap}.section-nav{display:flex;gap:8px;overflow:auto;padding-bottom:5px;margin-bottom:14px}.section-nav a{text-decoration:none;color:#607286;padding:8px 13px;border-radius:8px;font-size:13px;font-weight:650;white-space:nowrap}.section-nav a:hover,.section-nav a:focus-visible{background:#e8eef4;color:#173a53}.card,.login-card{background:#fff;border:1px solid #e2e9f0;border-radius:16px;box-shadow:0 6px 24px rgba(29,49,73,.035);padding:26px 28px;margin:16px 0;scroll-margin-top:18px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.section-heading h2,.login-card h2{font-size:19px;letter-spacing:-.02em;margin:3px 0}.section-heading p{font-size:13px}.login-card{max-width:440px;margin:60px auto}.login-card form{display:grid;gap:16px;margin-top:22px}.login-card .hint{font-size:12px;color:#758699}label{display:grid;gap:7px;color:#455a6d;font-size:13px;font-weight:650;min-width:0}input:not([type=checkbox]):not([type=radio]),select{display:block;width:100%;min-width:0;height:41px;background:#fff;color:#203449;border:1px solid #d3dee8;border-radius:8px;padding:8px 11px;outline:none}input::placeholder{color:#9baab8}input:not([type=checkbox]):not([type=radio]):focus,select:focus{border-color:#548e9e;box-shadow:0 0 0 3px rgba(83,145,160,.14)}input[type=checkbox],input[type=radio]{accent-color:#207487;width:16px;height:16px;margin:0;flex:0 0 16px;cursor:pointer}button{border:1px solid #236c7d;border-radius:8px;background:#236c7d;color:#fff;font-weight:650;padding:10px 16px;line-height:19px;white-space:nowrap}button:hover{background:#18586a}button:focus-visible,a:focus-visible{outline:3px solid #99d6d8;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.secondary{color:#335b6a;background:#f4f8fa;border-color:#d5e3e8}.secondary:hover{background:#e9f2f4}.target-grid{display:grid;grid-template-columns:1fr 1fr 1.65fr auto;align-items:end;gap:14px}.search-label{max-width:480px;margin:18px 0}.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.choice-group{margin:18px 0 0;padding:12px 15px 14px;border:1px solid #e1e9ef;border-radius:10px}.choice-group legend{padding:0 6px;color:#455a6d;font-size:13px;font-weight:700}.choices{display:flex;flex-wrap:wrap;gap:10px 20px}.choices label{display:inline-flex;align-items:center;gap:7px;font-weight:500;color:#364f61}.actions{display:flex;gap:10px;margin-top:20px}.callout{background:#f0f6f7;border-left:3px solid #77aab2;border-radius:6px;color:#466373;font-size:13px;line-height:1.65;padding:11px 14px}.callout:empty{display:none}.help{color:#5a7182;font-size:13px}.help summary{cursor:pointer;font-weight:650;color:#346879}.help p{max-width:900px;line-height:1.7}.preview-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px}.preview-controls{display:grid;align-content:start;gap:14px}.preview-controls>button{justify-self:start}.test-action{border-top:1px solid #e8edf2;padding-top:18px;display:grid;gap:12px}.test-action button{justify-self:start}.preview-pane{border:1px solid #e1e9ef;background:#f8fafc;border-radius:12px;min-width:0;min-height:240px;overflow:hidden}.preview-caption{display:flex;justify-content:space-between;gap:8px;padding:13px 16px;border-bottom:1px solid #e6edf2;color:#4c6173;font-size:12px;font-weight:700}.preview-caption span+span{color:#8b9cab;font-weight:500}pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px;color:#263e50;line-height:1.65;font-size:13px}pre:empty::before{content:'选择来源和消息类型后，点击生成预览';color:#99a8b6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.table-wrap{width:100%;overflow-x:auto;margin-top:20px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#8796a5;font-size:11px;font-weight:700;letter-spacing:.02em;background:#f8fafc}th,td{padding:12px;border-bottom:1px solid #eaf0f4;vertical-align:middle;text-align:left}td{color:#425769;overflow-wrap:anywhere}td button{font-size:12px;padding:5px 9px;line-height:18px}#notice:empty{display:none}#notice:not(:empty){padding:12px 15px;border-radius:8px;background:#edf5f5;color:#245c68;margin:12px 0}dialog{border:1px solid #d8e3e9;border-radius:14px;padding:24px;box-shadow:0 16px 55px #152c4a33}dialog::backdrop{background:#14263880}dialog form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}@media(max-width:850px){.target-grid{grid-template-columns:1fr 1fr}.target-grid button{justify-self:start}.preview-grid{grid-template-columns:1fr}.preview-pane{min-height:180px}}@media(max-width:600px){.topbar-inner{padding:16px 18px}.topbar p,.heading-tag{display:none}main{padding:25px 16px 50px}.page-heading h2{font-size:24px}.card,.login-card{padding:20px 17px;border-radius:12px}.target-grid,.rule-grid{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading button{padding:8px 10px}.actions{flex-wrap:wrap}.choices{gap:12px 16px}.table-wrap table{min-width:520px}.login-card{margin:30px auto}}.section-nav{border-bottom:1px solid #dce5ec;gap:6px;padding-bottom:0}.section-nav button{position:relative;border:0;border-radius:8px 8px 0 0;background:transparent;color:#607286;padding:11px 15px;font-size:13px}.section-nav button:hover{background:#eaf0f4;color:#173a53}.section-nav button[aria-selected=true]{color:#1c6475;background:transparent}.section-nav button[aria-selected=true]::after{content:'';position:absolute;height:3px;bottom:0;left:10px;right:10px;background:#378797;border-radius:3px}.composer{border:1px solid #e1eaf0;border-radius:10px;background:#fbfcfd;padding:0 16px}.composer>summary{padding:13px 0;color:#246d7d;font-weight:700;font-size:13px;cursor:pointer}.composer[open]>summary{margin-bottom:15px;border-bottom:1px solid #e7edf2}.composer>form{padding-bottom:18px}.composer>label{margin-top:0}.composer>summary:focus-visible{outline:3px solid #99d6d8;outline-offset:3px}.card[role=tabpanel]:focus-visible{outline:2px solid #99d6d8;outline-offset:3px}.scope-selector{display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,2fr);gap:14px;margin:16px 0}.scope-choices label,.choice-group .choices label{min-height:42px;padding:9px 14px;border:1px solid #d5e3e8;background:#fff;border-radius:9px;cursor:pointer}.choices label:has(input:checked){border-color:#498a98;background:#eaf5f5;color:#194f60}.choices label:has(input:focus-visible),.mode-options label:has(input:focus-visible){outline:3px solid #99d6d8;outline-offset:2px}.choices label:has(input:disabled){opacity:.5;cursor:not-allowed}.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-options label{display:flex;align-items:flex-start;gap:10px;min-height:74px;padding:12px 14px;border:1px solid #d5e3e8;border-radius:9px;background:#fff;cursor:pointer}.mode-options label:has(input:checked){border-color:#498a98;background:#eaf5f5}.mode-options input{accent-color:#207487;margin:4px 0 0}.mode-options strong,.mode-options small{display:block}.mode-options strong{color:#294b5a}.mode-options small{font-size:12px;line-height:1.5;font-weight:400;color:#65798a;margin-top:3px}@media(max-width:600px){.scope-selector,.mode-options{grid-template-columns:1fr}}.mute-choice{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:12px;padding:10px 12px;border:1px solid #e4e9ee;border-radius:8px;color:#665758;cursor:pointer}.mute-choice small{flex-basis:100%;padding-left:25px;font-weight:400;color:#798893}.scope-choices label{white-space:nowrap}.choice-group .choices label{max-width:100%;overflow-wrap:anywhere}.mode-options label>span{min-width:0;overflow-wrap:anywhere}.mode-options input[type=radio]{margin:3px 0 0}.mute-choice:has(input:focus-visible){outline:3px solid #99d6d8;outline-offset:2px}