nav a.active { background: rgba(255, 255, 255, 0.25); border: none; color: var(--header-text); padding: 0.5rem 0.9rem; border-radius: 999px; cursor: pointer; font-size: 0.9rem; }:root{--bg:#f8f8f8;--card-bg:#ffffff;--text:#333333;--text-light:#666666;--accent:#ff69b4;--border:#eeeeee;--header-bg:#ff69b4;--header-text:#ffffff;--link-hover:#ff69b4;}body.dark{--bg:#1a1a1a;--card-bg:#2a2a2a;--text:#f0f0f0;--text-light:#b0b0b0;--accent:#ff8ac4;--border:#3a3a3a;--header-bg:#c03a7a;--header-text:#ffe6f0;}body.dark .tag-card{background:transparent;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}header{background:var(--header-bg);color:var(--header-text);padding:0.8rem 1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;}.site-title{font-size:1.5rem;font-weight:bold;color:var(--header-text);text-decoration:none;}nav a{color:var(--header-text);margin:0 0.8rem;text-decoration:none;font-weight:500;}nav a:hover{text-decoration:underline;}.theme-toggle{background:rgba(255,255,255,0.25);border:none;color:var(--header-text);padding:0.5rem 0.9rem;border-radius:999px;cursor:pointer;font-size:0.9rem;}.container{max-width:1200px;margin:2rem auto;padding:0 1rem;}.page-header{text-align:center;margin-bottom:2rem;}.page-title{font-size:2rem;color:var(--text);margin-bottom:0.8rem;}.page-desc{color:var(--text-light);font-size:1rem;}.tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;margin-bottom:3rem;}.tag-card{position:relative;padding:10px;background:#fff;margin:0;width:100%;box-sizing:border-box;}.tag-card img{width:100%;display:block;object-fit:cover;}.tag-article-list{text-align:left;width:100%;display:block;padding:0;margin:0;box-sizing:border-box;margin-top:8px;}.tag-article-list ul,.tag-article-list ol{list-style:none;padding-left:0;margin:0;}.tag-img{width:180px;height:120px;object-fit:cover;border-radius:4px;flex-shrink:0;}.tag-content{flex:1;padding: 1.5rem;}.tag-title a{color:var(--accent);text-transform: uppercase;font-size:0.9rem;text-decoration:none;display:flex;align-items:center;gap:0.3rem;}.tag-title a:hover{text-decoration:underline;}.tag-desc{color:var(--text-light);font-size:0.95rem;margin-bottom:0.8rem;line-height:1.5;}.tag-article-count{color:var(--accent);font-size:0.85rem;margin-bottom:1rem;}.tag-article-list{list-style:none;}.tag-article-item{margin-bottom:0.6rem;font-size:0.95rem;}.tag-article-item::before{content:"▸";color:var(--accent);margin-right:0.5rem;font-size:0.8rem;}.tag-article-item a{color:var(--text);text-decoration:none;}.tag-article-item a:hover{color:var(--link-hover);text-decoration:underline;}.pagination{display:flex;justify-content:center;align-items:center;gap:0.8rem;margin-top:2rem;flex-wrap:wrap;}.pagination-btn{padding:0.6rem 1rem;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:4px;cursor:pointer;text-decoration:none;font-size:0.95rem;}.pagination-btn:hover{background:var(--accent);color:white;border-color:var(--accent);}.pagination-btn.active{background:var(--accent);color:white;border-color:var(--accent);}.pagination-btn:disabled{opacity:0.5;cursor:not-allowed;background:var(--card-bg);color:var(--text-light);border-color:var(--border);}footer{text-align:center;padding:2rem 1rem;color:var(--text-light);font-size:0.9rem;border-top:1px solid var(--border);margin-top:4rem;}@media (max-width:1080px){.tag-grid{grid-template-columns:1fr;}}@media (max-width:768px){.container{margin:1.5rem auto;padding:0 0.8rem;}.page-title{font-size:1.6rem;}.tag-card{flex-direction:column;gap:1rem;padding:1.2rem;}.tag-img{width:100%;height:180px;}.tag-title{font-size:1.2rem;}header{padding:0.6rem 0.8rem;flex-direction:column;align-items:center;}nav{margin-top:0.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;}nav a{margin:0 0.5rem;font-size:0.9rem;}}@media (max-width:480px){.page-title{font-size:1.4rem;}.tag-img{height:150px;}.pagination-btn{padding:0.5rem 0.8rem;font-size:0.85rem;}}.tag-pagination{margin:3rem auto;text-align:center;padding:1rem 0;}.tag-pagination ul.page-numbers{list-style:none;padding:0;margin:0;display:inline-flex;gap:0.5rem;flex-wrap:wrap;justify-content:center;}.tag-pagination ul.page-numbers li{margin:0;padding:0;}.tag-pagination a.page-numbers,.tag-pagination span.page-numbers{display:inline-block;padding:0.8rem 1.2rem;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;text-decoration:none;font-size:0.95rem;transition:all 0.2s ease;min-width:40px;text-align:center;}.age-modal{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:999999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);}.age-modal-content{background:var(--card-bg,#ffffff);color:var(--text,#333);max-width:480px;width:90%;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.6);text-align:center;border:1px solid var(--border,#ffd1e8);}.age-modal-content h2{color:var(--accent,#ff69b4);margin-bottom:1.2rem;font-size:1.8rem;}.age-modal-content p{margin-bottom:1rem;line-height:1.6;font-size:1.05rem;}.age-modal-content ul{text-align:left;margin:1.2rem 0 1.8rem 1.5rem;font-size:1.05rem;}.age-modal-content ul li{margin-bottom:0.6rem;}.age-buttons{display:flex;flex-direction:column;gap:1rem;margin:2rem 0 1.5rem;}.btn-confirm,.btn-exit{padding:1rem 2rem;font-size:1.15rem;font-weight:bold;border:none;border-radius:8px;cursor:pointer;transition:all 0.2s;}.btn-confirm{background:var(--accent,#ff69b4);color:white;}.btn-confirm:hover{background:var(--accent-dark,#d6408f);transform:translateY(-2px);}.btn-exit{background:#555;color:white;text-decoration:none;display:inline-block;}.btn-exit:hover{background:#444;}.age-note{font-size:0.9rem;color:var(--text-light,#666);margin-top:1.5rem;line-height:1.5;}body.dark .age-modal-content{background:var(--card-bg,#2a1a22);color:var(--text,#f0e0e8);border-color:var(--border,#4a2a3a);}body.dark .age-modal-content h2{color:var(--accent,#ff8ac4);}body.dark .age-note{color:var(--text-light,#c0a0b0);}@media (max-width:480px){.age-modal-content{padding:2rem 1.5rem;}.age-modal-content h2{font-size:1.6rem;}.btn-confirm,.btn-exit{padding:0.9rem 1.5rem;font-size:1.05rem;}}.tag-pagination span.page-numbers.current{background:var(--accent);color:white;border-color:var(--accent);font-weight:600;}.tag-pagination span.page-numbers.dots{background:transparent;border:none;padding:0.8rem 0.5rem;color:var(--text-light);}.tag-pagination a.page-numbers:hover{background:var(--accent);color:white;border-color:var(--accent);transform:translateY(-2px);}.tag-pagination a.prev.page-numbers,.tag-pagination a.next.page-numbers{padding:0.8rem 1.5rem;font-weight:500;}@media (max-width:768px){.tag-pagination a.page-numbers,.tag-pagination span.page-numbers{padding:0.6rem 0.9rem;font-size:0.85rem;min-width:35px;}.tag-pagination ul.page-numbers{gap:0.3rem;}}nav a.active { background: rgba(255, 255, 255, 0.25); border: none; color: var(--header-text); padding: 0.5rem 0.9rem; border-radius: 999px; cursor: pointer; font-size: 0.9rem; }