:root{--accent:#315ce5;--accent-soft:#eaf0ff;--paper:#f5f7fb;--ink:#17243a;--muted:#637087;--line:#e1e7ef;--radius:20px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:var(--accent);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:min(1160px,calc(100% - 48px));margin:auto}header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.9)}.topbar{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:16px;font-weight:750;text-decoration:none;color:var(--ink)}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:1px}.nav{display:flex;flex-wrap:wrap;gap:22px;font-size:13px}.nav a{text-decoration:none;color:var(--muted)}.hero{padding:74px 0 58px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:52px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:700;margin:0 0 14px}h1{font-size:clamp(30px,4.2vw,52px);line-height:1.3;letter-spacing:-1px;margin:0 0 22px;overflow-wrap:anywhere}h2{font-size:24px;line-height:1.5;margin:0 0 18px}h3{font-size:17px;line-height:1.6;margin:0 0 10px}p{margin:0 0 14px}.lead{font-size:17px;color:var(--muted);max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:10px;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}.button.secondary{background:transparent;color:var(--accent)}.brief{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 14px 38px #17243a08}.brief dt{font-size:12px;color:var(--muted)}.brief dd{margin:0 0 16px;font-weight:650}.brief dd:last-child{margin-bottom:0}.brief dl{margin:0}.content{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:45px}.panel{padding:32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.panel .intro{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-width:0}.card p{color:var(--muted);font-size:14px;margin:0}.number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--accent-soft);color:var(--accent);border-radius:8px;font-size:12px;font-weight:700;margin-bottom:13px}ul,ol{padding-left:22px}li{margin:8px 0}.check-list{list-style:none;padding:0;margin:0}.check-list li{border-bottom:1px solid var(--line);padding:10px 0;display:flex;gap:12px;align-items:flex-start}.check-list li:last-child{border:0}.check-list input{width:18px;height:18px;flex:0 0 18px;margin-top:5px;accent-color:var(--accent)}.hint{font-size:12px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:block;font-size:13px;color:var(--muted)}input[type=number],input[type=url],input[type=text],textarea{display:block;width:100%;min-height:46px;padding:10px 12px;margin-top:7px;border:1px solid #bac6d6;border-radius:9px;background:#fff;color:var(--ink)}textarea{min-height:120px;resize:vertical}.tool-result{margin-top:18px;padding:16px 18px;background:var(--accent-soft);border-radius:10px;color:var(--ink);min-height:55px;overflow-wrap:anywhere}.tool .actions{margin-top:18px}.topic-note{border-left:3px solid var(--accent);padding:12px 20px;background:var(--accent-soft);border-radius:0 10px 10px 0;margin:20px 0}.topic-note p{margin:0;font-size:14px}details{border-bottom:1px solid var(--line);padding:17px 0}details:last-child{border:0}summary{font-weight:650;cursor:pointer;line-height:1.6}details p{margin:12px 0 0;color:var(--muted);font-size:14px}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related a{display:block;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:10px;text-decoration:none;font-size:13px;overflow-wrap:anywhere}.notice{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0 34px;background:#fff;font-size:12px;color:var(--muted)}footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.directory{padding:50px 0}.directory h1{font-size:34px}.directory-tools{max-width:580px;margin-bottom:30px}.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.friend{display:block;padding:16px 20px;border:1px solid var(--line);background:#fff;border-radius:12px;text-decoration:none;overflow-wrap:anywhere}.friend span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.friend[hidden]{display:none}.directory section{margin-bottom:35px}.directory h2{margin-top:25px}.error-page{padding:100px 0;text-align:center}.skip{position:absolute;top:-80px;left:12px;padding:10px;background:white;z-index:5}.skip:focus{top:10px}
body.layout-1 .hero{grid-template-columns:minmax(250px,1fr) minmax(0,1.8fr)}body.layout-1 .hero-copy{order:2}body.layout-2 .hero{grid-template-columns:1fr;text-align:center;max-width:900px;margin:auto;gap:24px}body.layout-2 .hero .lead{margin-inline:auto}body.layout-2 .hero .actions{justify-content:center}body.layout-2 .brief dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}body.layout-3 .content{grid-template-columns:1fr 1fr}body.layout-3 .panel{align-self:start}body.layout-3 .wide{grid-column:1/-1}body.layout-4 .hero{background:var(--accent);color:#fff;padding:46px;margin:34px auto;border-radius:var(--radius)}body.layout-4 .hero .eyebrow,body.layout-4 .hero .lead{color:#f1f4ff}body.layout-4 .hero .button{background:white;border-color:white;color:var(--accent)}body.layout-4 .brief{color:var(--ink)}body.layout-5 .panel{border-radius:0;border-width:0 0 1px;background:transparent;padding:32px 0}body.layout-5 .card{background:#fff}body.layout-6 .hero{border-bottom:3px solid var(--accent)}body.layout-6 .panel>h2{display:flex;align-items:center;gap:14px}body.layout-6 .panel>h2:before{content:"";width:5px;height:25px;background:var(--accent)}body.layout-7 .hero{grid-template-columns:1fr;gap:20px}body.layout-7 .brief dl{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px}body.layout-7 .grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.layout-8 .hero{padding-top:40px}body.layout-8 .brief{border-top:5px solid var(--accent);border-radius:0 0 var(--radius) var(--radius)}body.layout-8 .card{border-top:3px solid var(--accent)}body.layout-9 .content{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}body.layout-9 .panel{align-self:start}body.layout-9 .wide{grid-column:1/-1}body.layout-10 .hero-copy{border-left:5px solid var(--accent);padding-left:30px}body.layout-10 .brief{box-shadow:12px 12px 0 var(--accent-soft)}body.layout-11 .hero{gap:32px}body.layout-11 .hero-copy{background:#fff;padding:36px;border:1px solid var(--line);border-radius:var(--radius)}body.layout-11 .brief{background:var(--accent-soft);border-color:transparent}.shape-1 .card,.shape-1 .button,.shape-1 .related a{border-radius:3px}.shape-2 .brief,.shape-2 .panel{border-radius:28px}.shape-3 .card{border-left:3px solid var(--accent)}.shape-4 .number{border-radius:50%}
@media(max-width:900px){.related,.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.layout-7 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}h1{font-size:36px}.hero-copy{min-width:0}body.layout-3 .content,body.layout-9 .content{grid-template-columns:1fr}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.topbar{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 0}.nav{gap:15px}.hero,body.layout-1 .hero{grid-template-columns:1fr;padding:35px 0 28px;gap:22px}body.layout-1 .hero-copy{order:0}h1{font-size:29px;letter-spacing:0;line-height:1.4}.lead{font-size:15px}.brief,.panel{padding:22px}.grid,.tool-grid,.related,.friend-grid{grid-template-columns:1fr}body.layout-7 .grid{grid-template-columns:1fr}.card{padding:20px}.actions .button{flex:1 1 140px}.content{gap:18px}.panel h2{font-size:21px}body.layout-2 .brief dl{grid-template-columns:1fr;text-align:left;gap:0}body.layout-4 .hero{padding:24px;margin-top:24px}body.layout-10 .hero-copy{padding-left:20px}body.layout-11 .hero-copy{padding:24px}body.layout-7 .brief dl{display:block}.directory{padding:30px 0}.directory h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}