:root{--bg-main: #020617;--bg-card: #0f172a;--bg-elevated: #1e293b;--border: #1e293b;--border-cyan: rgba(34, 211, 238, .35);--text-main: #f1f5f9;--text-muted: #94a3b8;--cyan: #22d3ee;--cyan-dark: #0891b2;--indigo: #6366f1}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-main);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--cyan);text-decoration:none;transition:opacity .15s}a:hover{opacity:.85}img{max-width:100%;height:auto;border-radius:12px}.site-header{position:sticky;top:0;z-index:50;background:#020617eb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{max-width:1080px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text-main)}.brand-logo{width:34px;height:34px;border-radius:8px;background:var(--cyan);color:#020617;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px #22d3ee66}.brand-title{font-weight:800;font-size:17px;line-height:1.1;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.header-nav{display:none;gap:20px;font-size:13px;font-weight:600}.header-nav a{color:var(--text-muted)}.header-nav a:hover{color:var(--cyan)}@media (min-width: 768px){.header-nav{display:flex}}.container{max-width:1080px;margin:0 auto;padding:28px 16px 64px;display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 960px){.container{grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px}@media (min-width: 640px){.card{padding:28px}}.pill{display:inline-block;padding:3px 11px;font-size:12px;font-weight:700;border-radius:999px;background:#22d3ee24;color:#67e8f9;border:1px solid var(--border-cyan)}.article-body{font-size:15.5px;color:#e2e8f0}.article-body h2{font-size:20px;font-weight:800;color:#67e8f9;background:linear-gradient(90deg,#0f172af2,#1e293b66);border-left:4px solid var(--cyan);padding:12px 16px;border-radius:0 10px 10px 0;margin:40px 0 18px;line-height:1.4}.article-body h3{font-size:17px;font-weight:700;color:#f8fafc;border-bottom:1px solid var(--border);padding-bottom:6px;margin:28px 0 14px}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{background:#0f172aa6;border:1px solid var(--border);border-radius:12px;padding:16px 20px 16px 36px;margin:18px 0}.article-body li{margin-bottom:6px}.article-body strong{color:#fff;background:linear-gradient(transparent 65%,#22d3ee59 65%)}.article-body blockquote{margin:20px 0;padding:14px 18px;background:#6366f11f;border-left:4px solid #818cf8;border-radius:0 12px 12px 0;color:#e0e7ff}.article-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:13.5px;background:#0f172ab3;border:1px solid var(--border);border-radius:12px;overflow:hidden;display:block;overflow-x:auto}.article-body th{background:#0f172a;color:#67e8f9;font-weight:700;padding:11px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.article-body td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.ai-pr-label{font-size:12px!important;color:var(--text-muted)!important;background:#0f172acc!important;border:1px solid var(--border)!important;padding:6px 12px!important;border-radius:6px!important;margin-bottom:20px!important}.ai-product-box{border:1px solid var(--border-cyan)!important;background:linear-gradient(135deg,#0f172ae6,#08334440)!important;border-radius:14px!important;padding:18px!important;margin:26px 0!important;color:var(--text-main)!important}.ai-a8-box{border:1px solid var(--border-cyan);background:linear-gradient(135deg,#0f172af2,#1e1b4b99);border-radius:14px;padding:20px;margin:26px 0;text-align:center}.site-footer{border-top:1px solid var(--border);background:#01040f;padding:32px 16px;text-align:center;font-size:12px;color:var(--text-muted)}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:12px;flex-wrap:wrap}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--cyan)}