:root{--bg: #f1f5f9;--card: #ffffff;--text: #1e293b;--muted: #64748b;--line: #e2e8f0;--line-strong: #cbd5e1;--brand: #0284c7;--ink: #0f172a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ticker{background:#e0e7ff;border-bottom:1px solid #c7d2fe;font-size:.85rem}.ticker-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 20px}.ticker-label{flex:none;background:#dc2626;color:#fff;padding:2px 8px;border-radius:4px;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.ticker-track{overflow:hidden;flex:1;min-width:0}.ticker-move{display:inline-flex;white-space:nowrap;animation:tick 70s linear infinite}.ticker-move:hover{animation-play-state:paused}.ticker-grp{display:inline-flex}.ticker-grp a{color:#312e81;font-weight:500;padding:0 22px 0 0}.ticker-grp a:before{content:"●";color:#dc2626;font-size:.5rem;margin-right:10px;vertical-align:middle}.ticker-grp a:hover{text-decoration:underline}@keyframes tick{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ticker-move{animation:none}.ticker-track{overflow-x:auto}}.site-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 3px #0000000d}.header-in{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.logo{font-size:1.9rem;margin:0;color:var(--brand);font-weight:900;letter-spacing:-1px;line-height:1.1}.logo span{color:var(--ink)}.nav{display:flex;gap:20px;font-size:.9rem;font-weight:600;color:var(--muted);overflow-x:auto;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--brand)}.date-line{font-size:.8rem;color:var(--muted)}main.wrap{margin-top:28px;margin-bottom:20px}.hero{display:grid;grid-template-columns:2.2fr 1fr;gap:24px;margin-bottom:32px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}@media(max-width:960px){.hero,.layout{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line-strong);border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.panel-title{margin:0 0 14px;font-size:1.05rem;color:var(--brand);border-bottom:1px solid var(--line);padding-bottom:10px}.section-title{font-size:1.25rem;margin:0 0 16px;color:var(--ink);border-left:4px solid var(--brand);padding-left:10px}.badge{display:inline-block;color:#fff;padding:3px 10px;border-radius:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.slider{position:relative;height:450px;border-radius:12px;overflow:hidden;border:1px solid var(--line-strong);background:#e2e8f0;box-shadow:0 10px 25px -5px #0000001a}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease-in-out,visibility .8s;display:flex;flex-direction:column;justify-content:flex-end;padding:40px}.slide.active{opacity:1;visibility:visible;z-index:2}.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slide-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f172a0d 20%,#0f172ae0 92%)}.slide-content{position:relative;z-index:3;max-width:760px}.slide-content h2{font-size:1.7rem;margin:10px 0 6px;color:#fff;font-weight:800;line-height:1.3}.slide-content p{color:#e2e8f0;font-size:.95rem;margin:0;line-height:1.45}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;color:var(--ink);border:1px solid var(--line-strong);width:42px;height:42px;cursor:pointer;z-index:10;border-radius:50%;font-size:1rem;font-weight:700;transition:background .3s,color .3s}.slider-btn:hover{background:var(--brand);color:#fff}.slider-btn.prev{left:14px}.slider-btn.next{right:14px}.slider-dots{position:absolute;bottom:14px;right:24px;z-index:10;display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff8c;border:0;padding:0;cursor:pointer;transition:all .3s}.dot.active{background:#38bdf8;width:24px;border-radius:6px}@media(max-width:640px){.slider{height:340px}.slide{padding:20px 20px 36px}.slide-content h2{font-size:1.2rem}.slide-content p{display:none}.slider-btn{width:36px;height:36px}}.feed{display:flex;flex-direction:column;gap:14px;font-size:.9rem}.feed a{display:block;border-bottom:1px solid var(--line);padding-bottom:12px}.feed a:last-child{border-bottom:0;padding-bottom:0}.feed small{color:var(--brand);font-size:.72rem;font-weight:700;text-transform:uppercase}.feed p{margin:3px 0 0;font-weight:600;color:var(--text);line-height:1.4}.feed a:hover p{color:var(--brand)}.mostread{list-style:none;margin:0;padding:0;counter-reset:mr;display:flex;flex-direction:column;gap:14px}.mostread li{counter-increment:mr;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px}.mostread li:last-child{border-bottom:0;padding-bottom:0}.mostread li:before{content:counter(mr);flex:none;width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center}.mostread a{font-weight:600;font-size:.92rem;line-height:1.4}.mostread a:hover{color:var(--brand)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:960px){.grid3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid3,.grid2{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:0 12px 20px -8px #0000002e}.card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#e2e8f0}.card-body{padding:16px 18px 18px}.card-cat{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.card h3{font-size:1.05rem;margin:8px 0 6px;color:var(--ink);line-height:1.4}.card p{color:var(--muted);font-size:.85rem;margin:0 0 10px;line-height:1.5}.meta{color:var(--muted);font-size:.78rem}.article{background:var(--card);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}.article-head{padding:28px 32px 0}.article-head h1{font-size:2.1rem;line-height:1.25;margin:12px 0;color:var(--ink);letter-spacing:-.5px}.article-lead{font-size:1.1rem;color:var(--muted);margin:0 0 16px}.article-meta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;color:var(--muted);font-size:.85rem;padding-bottom:16px;border-bottom:1px solid var(--line)}.article-meta .spacer{flex:1}.article figure{margin:0}.article figure img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.article-body{padding:24px 32px 12px;font-size:1.05rem;line-height:1.8}.article-body h2{font-size:1.45rem;margin:1.8em 0 .5em;color:var(--ink);line-height:1.3}.article-body h3{font-size:1.2rem;margin:1.5em 0 .4em;color:var(--ink)}.article-body p{margin:0 0 1.1em}.article-body a{color:var(--brand);text-decoration:underline}.article-body blockquote{margin:1.2em 0;padding:10px 18px;background:#f0f9ff;border-left:4px solid var(--brand);color:#334155;border-radius:0 8px 8px 0}.article-body blockquote p{margin:0}.article-body img{border-radius:8px;margin:1.2em 0}.article-body ul,.article-body ol{padding-left:1.4em;margin:0 0 1.1em}.article-foot{padding:8px 32px 28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{background:#f1f5f9;border:1px solid var(--line);border-radius:999px;padding:2px 12px;font-size:.8rem;color:var(--muted)}@media(max-width:640px){.article-head,.article-body,.article-foot{padding-left:18px;padding-right:18px}.article-head h1{font-size:1.55rem}}.crumbs{font-size:.82rem;color:var(--muted);margin-bottom:14px}.crumbs a:hover{color:var(--brand)}.btn-share{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;border:0;border-radius:8px;padding:9px 18px;font-weight:700;font-size:.9rem;cursor:pointer;font-family:inherit}.btn-share:hover{background:#0369a1}dialog.share{border:0;border-radius:16px;padding:0;width:min(440px,calc(100vw - 24px));box-shadow:0 25px 60px #00000059;color:var(--text)}dialog.share::backdrop{background:#0f172a8c}.share-in{padding:20px 22px 24px}.share-head{text-align:center;position:relative}.share-head h2{margin:0;font-size:1.15rem;color:var(--ink)}.share-head p{margin:4px 24px 0;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-close{position:absolute;top:-6px;right:-8px;width:34px;height:34px;border-radius:50%;border:0;background:#e2e8f0;cursor:pointer;font-size:1rem;color:var(--ink)}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 10px;color:#fff;font-weight:700;font-size:.92rem;border:0;cursor:pointer;font-family:inherit;transition:filter .15s,transform .1s}.share-btn:hover{filter:brightness(1.08)}.share-btn:active{transform:scale(.98)}.share-btn i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#ffffff38;display:grid;place-items:center;font-size:.78rem;font-weight:800}.share-btn.wide{grid-column:1 / -1}.share-or{text-align:center;color:#94a3b8;font-size:.82rem;margin:18px 0 10px}.share-copy{display:flex;gap:8px;align-items:center;background:#f1f5f9;border-radius:10px;padding:8px 8px 8px 14px}.share-copy input{flex:1;min-width:0;border:0;background:transparent;color:var(--muted);font-size:.88rem;font-family:inherit;outline:none;text-overflow:ellipsis}.share-copy button{background:#4c1d95;color:#fff;border:0;border-radius:8px;padding:9px 18px;font-weight:700;cursor:pointer;font-family:inherit}.c-pin{background:#e60023}.c-fb{background:#1877f2}.c-x{background:#111}.c-wa{background:#25d366}.c-tg{background:#2aabee}.c-ms{background:#0084ff}.c-rd{background:#ff4500}.c-in{background:#0a66c2}.c-mail{background:#6b7280}.page-head{margin-bottom:20px}.page-head h1{margin:0 0 6px;font-size:1.8rem;color:var(--ink)}.page-head p{margin:0;color:var(--muted)}.prose{max-width:760px}.prose h2{margin-top:1.6em;color:var(--ink)}.site-footer{background:#fff;border-top:1px solid var(--line);margin-top:50px;padding:30px 0;color:var(--muted);font-size:.85rem}.footer-in{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:var(--brand)}
