*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--pri:#1e40af;--acc:#f59e0b;--text:#111827;--gray:#6b7280;--lgray:#9ca3af;--bg:#fff;--bg2:#f9fafb;--border:#e5e7eb;--r:8px;--sh:0 1px 3px rgba(0,0,0,.08);--font:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body{font-family:var(--font);color:var(--text);background:var(--bg2);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto;display:block}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}.hd{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);background:rgba(255,255,255,.92)}.hd-in{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.hd-logo{font-size:1.1rem;font-weight:800;color:var(--text);display:flex;align-items:center;gap:10px}.hd-logo svg{flex-shrink:0}.hd-logo em{color:var(--pri);font-style:normal}.hd-nav{display:flex;gap:4px}.hd-nav a{font-size:.8rem;font-weight:600;color:var(--gray);padding:6px 14px;border-radius:99px;transition:all .2s}.hd-nav a:hover{background:var(--pri);color:#fff}.hd-ham{display:none;background:none;border:none;cursor:pointer;padding:6px}.hd-ham svg{width:24px;height:24px;stroke:var(--text);stroke-width:2;fill:none}.hero{margin:24px 0;border-radius:12px;overflow:hidden;position:relative;background:var(--text);min-height:400px;display:flex;align-items:flex-end}.hero-bg{position:absolute;inset:0;opacity:.5}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-bd{position:relative;padding:36px 40px;width:100%;background:linear-gradient(transparent 0%,rgba(0,0,0,.85) 100%)}.hero-cat{display:inline-block;background:var(--pri);color:#fff;font-size:.68rem;font-weight:700;padding:4px 14px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.hero-bd h2{font-size:1.55rem;font-weight:800;color:#fff;line-height:1.35;margin-bottom:10px;max-width:680px}.hero-meta{font-size:.78rem;color:rgba(255,255,255,.65);display:flex;gap:16px}.mg{display:grid;grid-template-columns:1fr 300px;gap:36px;margin-bottom:48px}.ph{font-size:1rem;font-weight:800;margin-bottom:18px;padding-bottom:10px;border-bottom:3px solid var(--pri);display:inline-block}.cd{display:flex;gap:0;background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .2s,box-shadow .2s;margin-bottom:18px}.cd:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.cd-th{flex-shrink:0;width:220px;min-height:155px;overflow:hidden;background:#f8fafc}.cd-th img{width:100%;height:100%;object-fit:cover}.cd-bd{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;flex:1}.cd-cat{font-size:.66rem;font-weight:700;color:var(--pri);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.cd-bd h3{font-size:.94rem;font-weight:700;line-height:1.4;margin-bottom:6px}.cd-bd h3:hover{color:var(--pri)}.cd-ex{font-size:.82rem;color:var(--gray);line-height:1.6;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cd-m{font-size:.73rem;color:var(--lgray);display:flex;gap:12px;margin-top:auto}.sb{display:flex;flex-direction:column;gap:22px}.sb-bx{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:20px}.sb-t{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;padding-bottom:8px;border-bottom:3px solid var(--pri)}.sb-l{list-style:none}.sb-l li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.sb-l li:last-child{border:none}.sb-n{font-size:1.3rem;font-weight:800;color:color-mix(in srgb,var(--pri) 25%,#ddd);flex-shrink:0;width:26px;text-align:center;line-height:1.2}.sb-tx h4{font-size:.8rem;font-weight:700;line-height:1.4;margin-bottom:2px}.sb-tx h4 a:hover{color:var(--pri)}.sb-tx span{font-size:.7rem;color:var(--lgray)}.sb-c{list-style:none}.sb-c li{padding:7px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;font-size:.82rem}.sb-c li:last-child{border:none}.sb-c a{color:var(--text);font-weight:500}.sb-c a:hover{color:var(--pri)}.sb-c .n{font-size:.7rem;color:var(--lgray);background:var(--bg2);padding:2px 8px;border-radius:99px}.sb-ab p{font-size:.82rem;color:var(--gray);line-height:1.6}.ps{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);padding:34px 38px;margin-bottom:26px}.ps-cat{display:inline-block;background:var(--pri);color:#fff;font-size:.66rem;font-weight:700;padding:4px 14px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.ps h1{font-size:1.6rem;font-weight:800;line-height:1.35;margin-bottom:12px}.ps-m{font-size:.78rem;color:var(--lgray);display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--border)}.ps-img{margin:20px 0;border-radius:var(--r);overflow:hidden;background:#f8fafc}.ps-img img{width:100%;display:block}.ps-b h2{font-size:1.15rem;font-weight:700;margin:26px 0 10px;color:var(--text)}.ps-b h3{font-size:1rem;font-weight:600;margin:18px 0 8px}.ps-b p{font-size:.9rem;color:#444;line-height:1.8;margin-bottom:13px}.ps-b ul,.ps-b ol{margin:10px 0 16px 20px;font-size:.9rem;color:#444;line-height:1.8}.ps-b li{margin-bottom:4px}.ps-b blockquote{border-left:3px solid var(--pri);padding:14px 18px;margin:16px 0;background:var(--bg2);border-radius:0 var(--r) var(--r) 0;font-style:italic;color:#555;font-size:.88rem}.ps-b .art-img{margin:20px 0;border-radius:var(--r);overflow:hidden;background:#f8fafc}.ps-b .art-img img{width:100%}.ps-sh{display:flex;gap:8px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}.ps-sh span{font-size:.78rem;font-weight:600;color:var(--gray)}.ps-sh a{font-size:.73rem;font-weight:700;padding:6px 16px;border-radius:99px;color:#fff;transition:opacity .2s}.ps-sh a:hover{opacity:.85}.sfb{background:#1877f2}.stw{background:#111}.swa{background:#25d366}.ps-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.ps-tags a{font-size:.72rem;color:var(--gray);border:1px solid var(--border);padding:4px 12px;border-radius:99px;transition:all .2s}.ps-tags a:hover{border-color:var(--pri);color:var(--pri)}.pr{margin-bottom:28px}.pr h3{font-size:1rem;font-weight:800;margin-bottom:14px;padding-bottom:8px;border-bottom:3px solid var(--pri);display:inline-block}.rg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rc{background:var(--bg);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .2s}.rc:hover{transform:translateY(-2px)}.rc-th{height:120px;background:#f8fafc;overflow:hidden}.rc-th img{width:100%;height:100%;object-fit:cover}.rc-bd{padding:12px}.rc-bd h4{font-size:.82rem;font-weight:700;line-height:1.35;margin-bottom:3px}.rc-bd h4 a:hover{color:var(--pri)}.rc-bd span{font-size:.7rem;color:var(--lgray)}.ft{background:#1a1a2e;color:rgba(255,255,255,.5);padding:24px 0;margin-top:16px}.ft-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.78rem}.ft a{color:rgba(255,255,255,.5)}.ft a:hover{color:#fff}.p4{text-align:center;padding:80px 20px}.p4 .code{font-size:5rem;font-weight:900;color:var(--pri);opacity:.12;line-height:1}.p4 h1{font-size:1.2rem;font-weight:700;margin:8px 0}.p4 p{color:var(--gray);margin-bottom:18px;font-size:.88rem}.p4 a.btn{display:inline-block;background:var(--pri);color:#fff;padding:9px 24px;border-radius:99px;font-weight:700;font-size:.82rem}@media(max-width:900px){.mg{grid-template-columns:1fr}.sb{order:2}.hd-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,.98);flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.08)}.hd-nav.open{display:flex}.hd-ham{display:block}}@media(max-width:640px){.hero{min-height:260px}.hero-bd h2{font-size:1.15rem}.hero-bd{padding:22px}.cd{flex-direction:column}.cd-th{width:100%;min-height:160px}.cd-bd{padding:16px}.ps{padding:22px 18px}.ps h1{font-size:1.3rem}.rg{grid-template-columns:1fr}}