:root{color-scheme:light;--ink:#111a29;--muted:#526078;--blue:#087cae;--line:#dce4ec;--paper:#fff;--wash:#f3f7fa}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--blue);text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #079bd5;outline-offset:5px}.site-header,main,footer{max-width:1180px;margin:auto;padding:0 32px}.site-header{display:flex;justify-content:space-between;align-items:center;padding-top:26px;padding-bottom:26px}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font-size:21px;font-weight:700}.brand svg{width:36px;height:36px;fill:none;stroke:#079bd5;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}nav{display:flex;gap:26px;align-items:center}nav button{background:none;border:0;color:var(--ink);padding:6px}nav .language{color:var(--ink);text-decoration:none;padding:6px}.intro{padding:65px 0 50px;max-width:840px}h1{font-size:clamp(38px,6vw,70px);line-height:1.16;letter-spacing:-.04em;margin:0 0 24px;font-weight:750}.lead{font-size:21px;max-width:680px;color:var(--muted);margin-bottom:28px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.primary{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:13px 22px;border-radius:8px;font-weight:700}.primary:hover{background:#24415c}.small{font-size:13px;color:var(--muted)}.intro .small{margin-top:18px}.demo{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:44px;padding:38px 0 60px;border-top:1px solid var(--line)}h2{font-size:29px;line-height:1.35;letter-spacing:-.02em;margin:0 0 15px}h3{font-size:17px;line-height:1.4;margin:0 0 8px}.criteria>p{color:var(--muted);margin:0 0 24px}.rule-buttons{display:flex;flex-wrap:wrap;gap:8px}.rule-buttons button{font-size:14px;padding:8px 13px;border:1px solid #b5c5d3;border-radius:20px;background:white;color:var(--ink)}.rule-buttons button[aria-pressed="true"]{color:white;background:var(--blue);border-color:var(--blue)}.rule-detail{margin-top:24px;padding-left:18px;border-left:3px solid #079bd5}.rule-detail p{font-size:14px;margin:0 0 16px}.rule-detail button{background:white;border:1px solid var(--ink);border-radius:6px;padding:8px 12px;font-size:14px}.rule-detail #copy-status{min-height:20px;margin:7px 0 0}.criteria .sample-note{font-size:12px;line-height:1.65;color:var(--muted);margin-top:22px}.feed-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;align-self:start;background:var(--wash)}.feed-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 22px;background:white;border-bottom:1px solid var(--line)}.feed-header span{font-size:12px;color:var(--muted)}.post{padding:21px 23px;border-bottom:1px solid var(--line);background:#fff;transition:background .18s}.post:last-child{border-bottom:0}.post.high{background:#edf9f1;box-shadow:inset 4px 0 #16a34a}.post.mid{background:#fffbea;box-shadow:inset 4px 0 #eab308}.post.low{background:#f7f9fb;box-shadow:inset 4px 0 #cbd5e1}.post-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.author{font-size:14px;font-weight:bold}.badge{font-size:12px;font-weight:bold;white-space:nowrap;padding:3px 10px;border-radius:20px}.high .badge{background:#d1fae5;color:#166534}.mid .badge{background:#fef9c3;color:#854d0e}.low .badge{background:#e2e8f0;color:#475569}.post p{font-size:15px;margin:12px 0}.post .reason{font-size:12px;color:var(--muted);margin-bottom:0}.steps{padding:20px 0 56px}.steps ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-left:22px;margin:30px 0}.steps li{padding-left:6px}.steps li::marker{color:var(--blue);font-weight:bold}.steps p{font-size:14px;color:var(--muted);margin:0}.community{border-top:1px solid var(--line);padding:45px 0;display:flex;gap:50px;align-items:center;justify-content:space-between}.community p{max-width:620px;color:var(--muted);margin:0}.community .actions{flex-shrink:0;flex-direction:column;gap:12px;align-items:flex-start}.privacy{padding:20px 0 35px;max-width:830px;color:var(--muted);font-size:14px}.privacy summary{cursor:pointer;font-weight:bold;color:var(--ink)}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:36px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}
@media(max-width:760px){.site-header,main,footer{padding-left:20px;padding-right:20px}.site-header{padding-top:18px;padding-bottom:18px}.brand{font-size:18px}nav{gap:12px}.intro{padding:35px 0}.lead{font-size:18px}.demo{grid-template-columns:1fr;gap:28px}.steps ol{grid-template-columns:1fr;gap:24px}.community{display:block}.community .actions{margin-top:24px;flex-direction:row;align-items:center;gap:20px}footer{flex-direction:column;gap:8px}.post{padding:18px}.actions{gap:18px}h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.post{transition:none}}