:root{--bg: #ffffff;--bg-soft: #f5f7f9;--text: #1b2330;--text-soft: #5b6779;--border: #e4e9ef;--brand: #1960ca;--brand-dark: #124a9e;--accent: #00bcd4;--dark: #14181f;--dark-soft: #1e2530;--radius: 10px;--maxw: 1120px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", "PingFang TC", "Microsoft JhengHei", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-header{background:var(--dark);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px #ffffff0f}.site-header .inner{display:flex;align-items:center;gap:18px;min-height:58px;flex-wrap:wrap}.site-title{font-weight:700;font-size:1.05rem;color:#fff;white-space:nowrap}.site-title:hover{text-decoration:none;color:var(--accent)}.main-nav{display:flex;gap:16px;flex-wrap:wrap}.main-nav a{color:#ffffffc7;font-size:.92rem;padding:4px 0;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--accent);transition:right .18s ease}.main-nav a:hover{color:#fff;text-decoration:none}.main-nav a:hover:after{right:0}.lang-switch{margin-left:auto;display:flex;gap:4px}.lang-switch a,.lang-switch span{font-size:.8rem;padding:3px 8px;border-radius:6px;color:#ffffffa8}.lang-switch a:hover{background:#ffffff1f;color:#fff;text-decoration:none}.lang-switch .active{background:var(--brand);color:#fff}.hero{background:linear-gradient(160deg,#0a0e16b8,#12264ea8) center/cover no-repeat;background-color:var(--dark);color:#fff;text-align:center;padding:96px 20px 88px}.hero h1{font-size:clamp(1.7rem,4vw,2.8rem);margin:0 0 16px;letter-spacing:.01em;text-shadow:0 2px 18px rgb(0 0 0 / .45)}.hero h1:after{content:"";display:block;width:56px;height:3px;margin:18px auto 0;background:var(--accent);border-radius:2px}.hero p{color:#ffffffd9;max-width:620px;margin:0 auto 26px;line-height:1.8}.hero .hero-cta{display:inline-block;padding:10px 26px;border:1px solid rgb(255 255 255 / .45);border-radius:999px;color:#fff;font-size:.92rem;transition:background .15s ease,border-color .15s ease}.hero .hero-cta:hover{background:var(--brand);border-color:var(--brand);text-decoration:none}.page-hero{background:linear-gradient(150deg,var(--dark),var(--dark-soft) 75%);color:#fff;padding:46px 20px;border-bottom:3px solid var(--accent)}.page-hero h1{font-size:clamp(1.3rem,3vw,1.9rem);margin:0;line-height:1.45}.page-hero .meta{color:#ffffffb3;font-size:.88rem;margin-top:12px}.page-hero .meta a{color:var(--accent)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;padding:36px 0 64px}@media(max-width:880px){.layout{grid-template-columns:1fr}}.post-grid{display:grid;gap:16px}.post-card{display:grid;grid-template-columns:200px minmax(0,1fr);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.post-card:hover{box-shadow:0 10px 28px #14181f1a;transform:translateY(-2px);border-color:#1960ca59}.post-card .thumb{background:var(--bg-soft);align-self:stretch}.post-card .thumb img{width:100%;height:100%;min-height:150px;aspect-ratio:4 / 3;object-fit:cover;display:block}.post-card .body{padding:16px 18px;min-width:0;display:flex;flex-direction:column;gap:6px}.post-card.no-thumb{grid-template-columns:1fr}.post-card.no-thumb .body{border-left:3px solid var(--accent)}.post-card h3{margin:0;font-size:1.05rem;line-height:1.5}.post-card h3 a{color:var(--text)}.post-card h3 a:hover{color:var(--brand);text-decoration:none}.post-card .desc{color:var(--text-soft);font-size:.88rem;line-height:1.65;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card .meta{font-size:.8rem;color:var(--text-soft);margin:auto 0 0;padding-top:6px;display:flex;align-items:center;gap:10px}@media(max-width:560px){.post-card{grid-template-columns:1fr}.post-card .thumb img{aspect-ratio:21 / 9;min-height:0}}.badge-cat{display:inline-block;font-size:.74rem;font-weight:600;padding:2px 10px;border-radius:999px;white-space:nowrap;text-decoration:none}.badge-cat:hover{text-decoration:none;filter:brightness(.94)}.badge-traffic{background:#e3edfb;color:#1554ad}.badge-drug{background:#fdeaea;color:#b22424}.badge-juvenile{background:#e4f5e9;color:#1f7a3d}.badge-etc{background:#eef1f5;color:#4a5568}.page-hero .badge-cat{filter:none}.sidebar{display:grid;gap:22px;align-content:start}.widget{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.widget h4{margin:0;padding:12px 16px;background:var(--dark);color:#fff;font-size:.92rem}.widget ul{list-style:none;margin:0;padding:10px 16px}.widget li{padding:5px 0;font-size:.9rem}.widget li a{color:var(--text)}.widget li a:hover{color:var(--brand)}.widget .count{color:var(--text-soft);font-size:.82rem}.article-body{font-size:1.04rem;line-height:1.85;word-break:keep-all}.article-body h2,.article-body h3{line-height:1.4;margin:2em 0 .8em;padding:.2em 0 .45em 14px;border-left:4px solid var(--brand);border-bottom:1px solid var(--border);font-size:1.22rem}.article-body figure{margin:1.8em 0;text-align:center}.article-body figure img{border-radius:var(--radius);box-shadow:0 6px 24px #14181f1f}.article-body figcaption{color:var(--text-soft);font-size:.85rem;margin-top:8px}.article-body p{margin:.95em 0}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li{margin:.35em 0}.article-body blockquote{margin:1.4em 0;padding:12px 20px;border-left:4px solid var(--accent);background:var(--bg-soft);border-radius:0 var(--radius) var(--radius) 0}.article-body table{border-collapse:collapse;margin:1.4em 0;width:100%;font-size:.94rem}.article-body th,.article-body td{border:1px solid var(--border);padding:8px 12px;text-align:left}.article-body th{background:var(--bg-soft)}.toc{border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--radius);background:var(--bg-soft);padding:14px 20px;margin:0 0 26px;font-size:.92rem}.toc strong{display:block;margin-bottom:8px;color:var(--text)}.toc ol{margin:0;padding-left:1.3em;display:grid;gap:4px}.toc a{color:var(--text-soft)}.toc a:hover{color:var(--brand)}.ai-notice{margin:0 0 22px;padding:9px 14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-soft);font-size:.84rem}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}.tag-list .tag{font-size:.8rem;background:var(--bg-soft);border:1px solid var(--border);padding:3px 10px;border-radius:999px;color:var(--text-soft)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}.post-nav a{border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-size:.9rem}.post-nav a:hover{border-color:var(--brand);text-decoration:none}.post-nav .dir{display:block;color:var(--text-soft);font-size:.78rem;margin-bottom:4px}.post-nav .next{text-align:right}.pagination{display:flex;gap:6px;justify-content:center;margin:36px 0 0;flex-wrap:wrap}.pagination a,.pagination span{min-width:36px;text-align:center;padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;color:var(--text)}.pagination a:hover{border-color:var(--brand);color:var(--brand);text-decoration:none}.pagination .current{background:var(--brand);border-color:var(--brand);color:#fff}.site-footer{background:var(--dark);color:#ffffffb8;margin-top:28px;padding:42px 0 30px;font-size:.88rem;border-top:3px solid var(--accent)}.site-footer a{color:#ffffffc7}.site-footer a:hover{color:var(--accent);text-decoration:none}.site-footer .tagline{color:#fff;font-weight:700;font-size:1.02rem;margin:0 0 8px}.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;margin-bottom:22px}.site-footer .col h5{color:#fff;font-size:.84rem;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.site-footer .col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.site-footer .blurb{color:#ffffff9e;line-height:1.7;margin:0}.site-footer .copyright{border-top:1px solid rgb(255 255 255 / .12);padding-top:16px;color:#ffffff80;margin:0}@media(max-width:700px){.site-footer .cols{grid-template-columns:1fr;gap:20px}}.section-title{font-size:1.2rem;margin:0 0 18px}.archive-list ul,.tagindex ul{list-style:none;padding:0}.notfound{text-align:center;padding:90px 20px}.notfound h1{font-size:2rem}
