:root{--color-ai: #6366f1;--color-local: #facc15;--color-bg: #f8fafc;--color-card-bg: #fffbe7;--color-card-shadow: rgba(99,102,241,0.13);--color-text-main: #22223b;--color-text-sub: #6366f1;--color-border: #e0e7ff}body{font-family:'Noto Sans JP', 'Roboto', Arial, sans-serif;background:linear-gradient(120deg, var(--color-bg) 0%, #e0e7ff 100%);margin:0;min-height:100vh}.ai-hero{display:flex;align-items:center;justify-content:center;gap:36px;background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;padding:64px 0 48px 0;position:relative;overflow:hidden;box-shadow:0 4px 32px var(--color-card-shadow);animation:heroFadeIn 0.8s cubic-bezier(0.4, 2, 0.6, 1);border-radius:40px;margin:0 10px 0 10px}@keyframes heroFadeIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.ai-hero-content{text-align:left;max-width:520px}.ai-hero-title{font-size:2.7rem;font-weight:bold;letter-spacing:2px;margin-bottom:18px;text-shadow:0 2px 12px #b6d0ff;color:#fff;text-align:center}.ai-hero-lead{font-size:1.20rem;margin-bottom:0;line-height:1.7;color:#fff;background:rgba(0,0,0,0.08);border-radius:8px;padding:8px 12px;display:block;text-align:center}@media (max-width: 900px){.ai-hero{flex-direction:column;gap:18px;padding:24px 0 18px 0;text-align:center;border-radius:0 0 24px 24px;margin:0;width:100vw;min-width:0;max-width:100vw;box-sizing:border-box}.ai-hero-content{text-align:center;margin:0 auto;width:100vw;max-width:100vw;padding:0 4vw;box-sizing:border-box}.ai-hero-lead{text-align:left;margin-left:0;width:100%;max-width:100vw;box-sizing:border-box}.ai-blog-list{grid-template-columns:1fr;max-width:100vw;width:100vw;gap:18px;padding:18px 0 0 0;box-sizing:border-box}.ai-blog-card{width:96vw;min-width:0;max-width:98vw;margin:0 auto;box-sizing:border-box}.ai-blog-detail-container{max-width:100vw;width:100vw;padding:14px 2vw;margin:24px 0 0 0;box-sizing:border-box}.ai-markdown-body{padding:14px 2vw;width:100vw;max-width:100vw;box-sizing:border-box}}@media (max-width: 600px){.ai-hero{border-radius:0 0 16px 16px;margin:0;padding:12px 0 8px 0;width:100vw;min-width:0;max-width:100vw;box-sizing:border-box}.ai-hero-content{padding:0 2vw;width:100vw;max-width:100vw;box-sizing:border-box}.ai-hero-lead{text-align:center;font-size:0.8rem;width:100vw;max-width:100vw;box-sizing:border-box}.ai-blog-list{display:block;padding:12px 0 0 0;gap:0;width:100vw;max-width:100vw;box-sizing:border-box}.ai-blog-card-link{margin-bottom:18px;width:100vw;max-width:100vw;display:block;box-sizing:border-box}.ai-blog-card{min-width:0;max-width:100vw;width:98vw;margin:0 auto 18px auto;scroll-snap-align:unset;box-sizing:border-box}.ai-blog-detail-container{max-width:100vw;width:100vw;padding:8px 1vw;margin:12px 0 0 0;box-sizing:border-box}.ai-markdown-body{padding:8px 1vw;width:100vw;max-width:100vw;box-sizing:border-box}.ai-markdown-body h2{font-size:1.1rem;padding-left:8px;margin-top:22px;margin-bottom:10px}.ai-markdown-body h3{font-size:1.0rem;padding-left:6px;margin-top:16px;margin-bottom:8px}.ai-markdown-body p{font-size:0.9rem;line-height:1.8}}.ai-blog-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));grid-template-columns:repeat(2, 1fr);gap:36px;justify-content:center;margin:0 auto;max-width:900px;padding:48px 0 0 0;width:100%;box-sizing:border-box}.ai-blog-card-link{width:100%;display:block;box-sizing:border-box}.ai-blog-card{width:100%;min-width:0;max-width:100%;margin:0 auto;box-sizing:border-box}@media (max-width: 900px){.ai-blog-list{grid-template-columns:1fr;max-width:100vw;width:100vw;gap:18px;padding:18px 0 0 0;box-sizing:border-box}.ai-blog-card{width:96vw;min-width:0;max-width:98vw;margin:0 auto;box-sizing:border-box}}.ai-blog-card-link{text-decoration:none;transition:transform 0.18s cubic-bezier(0.4, 2, 0.6, 1),box-shadow 0.18s;display:block;width:100%;box-sizing:border-box}.ai-blog-card{background:linear-gradient(120deg, var(--color-card-bg) 60%, #e6f5e6 100%);border-radius:26px;box-shadow:0 8px 36px var(--color-card-shadow),0 0 0 4px rgba(250,204,21,0.2);padding:36px 32px 26px 32px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--color-border);position:relative;overflow:hidden;transition:box-shadow 0.18s, border-color 0.18s, transform 0.18s;cursor:pointer;animation:cardFadeIn 0.6s cubic-bezier(0.4, 2, 0.6, 1);width:100%;box-sizing:border-box}.ai-blog-card-link:hover .ai-blog-card{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 48px #6366f1cc, 0 0 0 4px #facc15cc;border-color:var(--color-local)}.ai-card-title{font-size:1.35rem;color:var(--color-ai);margin-bottom:12px;font-weight:bold;letter-spacing:1px;transition:color 0.18s}.ai-blog-card-link:hover .ai-card-title{color:var(--color-local)}.ai-card-meta{font-size:0.99rem;color:var(--color-ai);display:flex;align-items:center;gap:8px}.ai-admin-card-link{display:block;max-width:400px;margin:48px auto 10px auto;text-decoration:none}.ai-admin-card{background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;border-radius:32px;box-shadow:0 4px 24px #6366f1aa;padding:20px 25px;text-align:center;font-size:1.18rem;font-weight:bold;letter-spacing:1px;transition:background 0.18s, transform 0.18s}.ai-admin-card:hover{background:linear-gradient(90deg, var(--color-local) 60%, var(--color-ai) 100%);color:#fffbe7;transform:scale(1.03) rotate(-1deg)}.ai-blog-detail-hero{display:flex;align-items:center;gap:32px;margin-bottom:40px;position:relative;justify-content:center;animation:heroFadeIn 0.8s cubic-bezier(0.4, 2, 0.6, 1)}.ai-blog-detail-title{font-size:2.1rem;color:var(--color-ai);margin-bottom:10px;letter-spacing:1px;text-shadow:0 2px 8px #b6d0ff}.ai-blog-detail-meta{color:var(--color-ai);font-size:1.08rem;margin-bottom:10px}.ai-blog-detail-container{max-width:900px;margin:56px auto 0 auto;background:linear-gradient(120deg, #f1f5e6 60%, #e0e7ff 100%);border-radius:26px;box-shadow:0 8px 36px var(--color-card-shadow),0 0 0 4px rgba(250,204,21,0.2);padding:48px 40px 32px 40px;animation:cardFadeIn 0.6s cubic-bezier(0.4, 2, 0.6, 1)}.ai-markdown-body{background:#fff;border-radius:20px;box-shadow:0 4px 24px var(--color-card-shadow);padding:36px 28px;margin-bottom:32px;font-size:1.13rem;line-height:2.1;color:var(--color-text-main);overflow-x:auto;word-break:break-word;max-width:100%;box-sizing:border-box}.ai-markdown-body h2,.ai-markdown-body h3{color:var(--color-ai);border-left:8px solid var(--color-local);padding-left:14px;margin-top:36px;margin-bottom:18px;background:linear-gradient(90deg, #e0e7ff 60%, #fff 100%);border-radius:8px}.ai-markdown-body ul{margin:18px 0 18px 32px;padding-left:0}.ai-markdown-body li{margin-bottom:10px;position:relative;padding-left:18px}.ai-markdown-body code{background:#e0e7ff;color:var(--color-ai);padding:2px 8px;border-radius:6px;font-size:1em}.ai-markdown-body blockquote{border-left:8px solid var(--color-ai);background:#f1f5f9;color:#334155;margin:28px 0;padding:14px 22px;border-radius:12px;font-style:italic}.ai-blog-detail-back{text-align:right;margin-top:32px}.ai-back-link{color:var(--color-ai);font-weight:bold;text-decoration:none;font-size:1.13rem;transition:color 0.18s}.ai-back-link:hover{color:var(--color-local)}.ai-back-btn{display:inline-block;background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;border:none;border-radius:24px;font-weight:bold;font-size:1.08rem;padding:10px 28px;margin-top:12px;box-shadow:0 2px 8px #6366f1aa;text-align:center;text-decoration:none;transition:background 0.18s, color 0.18s, transform 0.18s;cursor:pointer}.ai-back-btn:hover{background:linear-gradient(90deg, var(--color-local) 60%, var(--color-ai) 100%);color:#fffbe7;transform:scale(1.04);text-decoration:none}.ai-search-form{display:flex;justify-content:center;margin:32px 0 12px 0}.ai-search-box{display:flex;align-items:center;gap:12px;background:#fffbe7;border-radius:24px;box-shadow:0 2px 12px var(--color-card-shadow);padding:10px 18px;border:2px solid var(--color-border);transition:box-shadow 0.18s, border-color 0.18s}.ai-search-label{display:flex;align-items:center;font-size:1.3em;color:var(--color-ai);margin-right:8px;cursor:pointer}.ai-search-label i.fa-search{font-size:1.2em;color:var(--color-ai);margin-right:2px}.ai-search-input{border:none;background:transparent;font-size:1.08rem;padding:6px 10px;outline:none;color:var(--color-text-main);min-width:320px;width:100%;max-width:480px}@media (max-width: 600px){.ai-search-input{min-width:0;width:100%;max-width:100%}}.ai-search-btn,.ai-search-clear-btn{background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;border:none;border-radius:18px;font-weight:bold;font-size:1.02rem;padding:6px 18px;margin-left:8px;cursor:pointer;box-shadow:0 2px 8px #facc15aa;transition:background 0.18s, color 0.18s, transform 0.18s}.ai-search-btn{display:flex;align-items:center;gap:6px;text-decoration:none}.ai-search-btn:hover{background:linear-gradient(90deg, var(--color-local) 60%, var(--color-ai) 100%);color:#fffbe7;transform:scale(1.05);text-decoration:none}.ai-search-clear-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#eee;color:#888;border:none;border-radius:50%;font-size:1.2em;margin-left:4px;cursor:pointer;transition:background 0.2s, color 0.2s;text-decoration:none;padding:0}.ai-search-clear-btn i.fa-times{font-size:1.1em}.ai-search-clear-btn:hover{background:#f44336;color:#fff}.ai-pagination{display:flex;justify-content:center;margin:36px 0 0 0}.ai-pagination .pagination{display:flex;flex-wrap:wrap;gap:8px;background:#fffbe7;border-radius:24px;box-shadow:0 2px 12px var(--color-card-shadow);padding:10px 24px;border:2px solid var(--color-border);list-style:none;margin:0}.ai-pagination .pagination>li{display:inline-block}.ai-pagination .pagination>li>a,.ai-pagination .pagination>li>span{display:inline-block;min-width:40px;text-align:center;font-weight:bold;font-size:1.08rem;color:var(--color-ai);background:#fff;border-radius:18px;border:2px solid var(--color-ai);box-shadow:0 2px 8px #6366f122;transition:background 0.18s, color 0.18s, border-color 0.18s, transform 0.18s;padding:7px 16px;margin:0 4px;cursor:pointer;position:relative;z-index:1;text-decoration:none}.ai-pagination .pagination>li>a:hover{background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;border-color:var(--color-local);transform:translateY(-2px) scale(1.07);box-shadow:0 4px 16px #6366f1aa;text-decoration:none}.ai-pagination .pagination>li.active>span,.ai-pagination .pagination>li>span.current{background:linear-gradient(90deg, var(--color-ai) 60%, var(--color-local) 100%);color:#fff;border-radius:18px;border:2px solid var(--color-local);box-shadow:0 4px 16px #6366f1aa;position:relative;z-index:2;cursor:default}.ai-pagination .pagination>li.disabled>span,.ai-pagination .pagination>li.disabled>a{color:#bbb;background:#f3f3f3;border:2px solid #eee;cursor:not-allowed;opacity:0.6;box-shadow:none}@media (max-width: 600px){.ai-pagination .pagination{padding:8px 2vw;flex-wrap:wrap;gap:4px}.ai-pagination .pagination>li>a,.ai-pagination .pagination>li>span{min-width:28px;font-size:0.98rem;padding:5px 8px;border-radius:12px}}.ai-blog-detail-header-responsive{display:flex;flex-direction:row;align-items:flex-end;gap:18px;flex-wrap:wrap}@media (max-width: 600px){.ai-blog-detail-header-responsive{flex-direction:column;align-items:flex-start;gap:4px;width:100%;word-break:break-all}.ai-blog-detail-title{font-size:1.25rem;word-break:break-all;line-height:1.3;margin-bottom:2px}.ai-blog-detail-meta{font-size:0.98rem;margin-bottom:6px}.ai-markdown-body ul{margin:12px 0 12px 18px;padding-left:0}.ai-markdown-body li{margin-bottom:8px;padding-left:16px;font-size:0.98rem;word-break:break-word;position:relative}.ai-markdown-body li::marker{font-size:1em;color:var(--color-ai);line-height:1.2}}.ai-article-disclaimer{margin:32px auto 0 auto;width:100%;max-width:900px;background:#fffbe6;border:1.5px solid #ffe066;color:#856404;border-radius:12px;padding:18px 6vw;font-size:15px;line-height:1.7;box-shadow:0 2px 8px rgba(255,224,102,0.08);text-align:left;box-sizing:border-box}@media (max-width: 900px){.ai-article-disclaimer{max-width:98vw;padding:14px 3vw;font-size:0.99rem}}@media (max-width: 600px){.ai-article-disclaimer{max-width:100vw;padding:12px 2vw;font-size:0.97rem}}