*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#fff;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.topo{border-bottom:1px solid #e8ebf0;background:#fff;position:sticky;top:0;z-index:10}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:800;text-decoration:none;color:#172033}.logo span{color:#2563eb}.nav nav{display:flex;gap:25px}.nav a{color:#526071;text-decoration:none}.hero{padding:90px 0 85px;background:linear-gradient(135deg,#f5f8ff,#fff)}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:800;color:#2563eb;margin:0 0 10px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.05;max-width:800px;margin:0 0 22px;letter-spacing:-2px}.hero-text{font-size:19px;color:#617084;max-width:650px;margin-bottom:30px}.btn{display:inline-block;background:#2563eb;color:white;text-decoration:none;padding:13px 20px;border-radius:9px;font-weight:700}.section{padding:75px 0}.alt{background:#f7f9fc}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section h2{font-size:32px;margin:0 0 8px}.search{width:270px;padding:12px 14px;border:1px solid #dce2ea;border-radius:8px;font-size:15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{display:block;text-decoration:none;color:inherit;border:1px solid #e2e7ee;border-radius:14px;padding:24px;background:white;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #17203312;border-color:#bfd0ef}.icon{font-size:30px}.card h3{margin:14px 0 7px}.card p{color:#667386;font-size:14px;min-height:66px}.tag{font-size:12px;background:#edf3ff;color:#2563eb;padding:5px 9px;border-radius:20px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-grid a{padding:22px;background:white;border:1px solid #e2e7ee;border-radius:12px;text-decoration:none;color:inherit}.category-grid strong,.category-grid span{display:block}.category-grid span{color:#6b7788;font-size:14px;margin-top:5px}.about-box{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about-box>p{color:#637084;font-size:17px}footer{border-top:1px solid #e8ebf0;padding:25px 0}.footer{display:flex;justify-content:space-between;color:#7a8594;font-size:14px}.footer a{margin-left:18px;color:#637084;text-decoration:none}.tool{max-width:800px;margin:60px auto}.tool h1{font-size:42px;line-height:1.15}.tool-box{padding:25px;border:1px solid #e0e5ec;border-radius:14px;background:#f8fafc;margin:25px 0}.field{margin:12px 0}.field label{display:block;font-weight:700;margin-bottom:5px}.field input,.field select{width:100%;padding:11px;border:1px solid #cfd7e2;border-radius:7px;font-size:16px}.result{margin-top:20px;padding:18px;background:#fff;border-radius:10px;border:1px solid #dde3eb}.result strong{display:block;margin-bottom:5px}.result code{word-break:break-all}.error{color:#b42318}.back{display:inline-block;margin-top:20px;color:#2563eb;text-decoration:none}.article p,.article li{color:#5e6b7d}.article code{background:#eef2f7;padding:2px 5px;border-radius:4px}.article pre{background:#101827;color:#e5e7eb;padding:18px;border-radius:9px;overflow:auto}.notice{padding:15px;background:#fff8e6;border:1px solid #f1dfad;border-radius:8px}@media(max-width:800px){.grid,.category-grid{grid-template-columns:1fr 1fr}.about-box{grid-template-columns:1fr}.nav nav{gap:12px}.section-title{align-items:stretch;flex-direction:column}.search{width:100%}}@media(max-width:520px){.grid,.category-grid{grid-template-columns:1fr}.hero{padding:65px 0}.hero h1{letter-spacing:-1px}.footer{display:block}.footer div{margin-top:10px}.footer a{margin:0 15px 0 0}}