﻿:root{--main-bg: #050505;--card-bg: #0e0e0e;--text-white: #ffffff;--accent-orange: #f39800;--gray-text: #888888;--font-en: Montserrat, sans-serif;--font-jp: Zen Kaku Gothic New, sans-serif}#sidebar{display:none !important}.cyber-main-bg{background-color:#050505;color:#fff;min-height:100vh;padding-bottom:1px}.ArchiveGroup{padding:60px 0 100px}.section-title-cyber{font-family:"Montserrat",sans-serif;font-size:3.2rem;font-weight:900;color:#fff;text-align:center;margin-bottom:30px;letter-spacing:.1em}.section-title-cyber::after{content:"";display:block;width:60px;height:3px;background:#f39800;margin:15px auto 0;box-shadow:0 0 10px #f39800}.intro-text{text-align:center;font-size:1.6rem;color:#ccc;line-height:2;margin-bottom:60px}.group-cyber-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:30px}.group-cyber-card{display:block;text-decoration:none;background:#0a0a0a;border:1px solid #333;transition:all .4s cubic-bezier(0.25, 1, 0.5, 1);position:relative;overflow:hidden}.group-cyber-card:hover{border-color:#f39800;transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.8)}.group-cyber-card:hover .deco-line{width:100%;background:#f39800}.group-cyber-card:hover .thumb-overlay{opacity:1}.group-cyber-card:hover .overlay-text{transform:translate(-50%, -50%) scale(1);letter-spacing:.2em}.group-cyber-card:hover .card-title{color:#f39800}.group-cyber-card:hover .card-arrow{color:#f39800;transform:translateX(5px)}.group-cyber-card:hover .corner-deco{background:#f39800}.group-cyber-card:hover .scan-line{opacity:1}.card-deco-top{display:flex;align-items:center;padding:8px 10px;background:#111;border-bottom:1px solid #333}.card-deco-top .deco-dot{width:6px;height:6px;background:#f39800;border-radius:50%;margin-right:10px;box-shadow:0 0 5px #f39800}.card-deco-top .deco-line{flex:1;height:1px;background:#444;transition:.4s}.card-thumb-box{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #333;background:#fff}.card-thumb-box .cyber-thumb-img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .6s}.group-cyber-card:hover .card-thumb-box .cyber-thumb-img{transform:scale(1.05)}.card-thumb-box .thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;transition:.4s;backdrop-filter:blur(2px)}.card-thumb-box .overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.8);color:#f39800;font-family:"Montserrat",sans-serif;font-weight:bold;border:1px solid #f39800;padding:10px 20px;white-space:nowrap;transition:.4s}.card-thumb-box .scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(243,152,0,.5);animation:scan-vertical 2s linear infinite;opacity:0;transition:.3s;pointer-events:none}@keyframes scan-vertical{0%{top:0%}100%{top:100%}}.card-info-box{padding:20px;position:relative}.card-title{color:#fff;font-size:1.6rem;font-weight:bold;line-height:1.5;margin-bottom:15px;transition:.3s}@media screen and (min-width: 769px){.card-title{font-size:1.8rem}}.card-meta{display:flex;align-items:center;gap:10px;font-size:1.2rem;color:#888;margin-bottom:10px;font-family:"Montserrat",monospace}.card-meta .meta-label{color:#f39800}.card-arrow{text-align:right;font-family:monospace;color:#444;font-weight:bold;transition:.3s}.corner-deco{position:absolute;width:15px;height:15px;background:#333;transition:.3s;z-index:2}.corner-deco.bottom-right{bottom:0;right:0;clip-path:polygon(100% 100%, 100% 0, 0 100%)}.cyber-pagination-wrapper{margin-top:60px;text-align:center}.cyber-pagination-wrapper .pagination,.cyber-pagination-wrapper .page-numbers{color:#fff}.cyber-pagination-wrapper .pagination a.page-numbers,.cyber-pagination-wrapper .page-numbers a.page-numbers{background:#111;border:1px solid #333;color:#fff;transition:.3s}.cyber-pagination-wrapper .pagination a.page-numbers:hover,.cyber-pagination-wrapper .page-numbers a.page-numbers:hover{background:#f39800;color:#000;border-color:#f39800}.cyber-pagination-wrapper .pagination .current,.cyber-pagination-wrapper .page-numbers .current{background:#f39800;color:#000;border-color:#f39800}.cyber-pagination-wrapper .pagination .dots,.cyber-pagination-wrapper .page-numbers .dots{color:#666}.no-data{text-align:center;color:#666;padding:100px 0;font-family:"Montserrat",sans-serif}.SingleGroup{padding:60px 0 100px}.cyber-article-box{background:rgba(10,10,10,.8);border:1px solid #333;padding:40px 30px;position:relative;backdrop-filter:blur(5px);margin-bottom:60px}@media screen and (min-width: 769px){.cyber-article-box{padding:60px 80px}}.cyber-article-box .corner-deco{position:absolute;width:20px;height:20px;background:#444;transition:.3s}.cyber-article-box .corner-deco.top-left{top:-1px;left:-1px;clip-path:polygon(0 0, 100% 0, 0 100%)}.cyber-article-box .corner-deco.top-right{top:-1px;right:-1px;clip-path:polygon(100% 0, 100% 100%, 0 0)}.cyber-article-box .corner-deco.bottom-left{bottom:-1px;left:-1px;clip-path:polygon(0 100%, 0 0, 100% 100%)}.cyber-article-box .corner-deco.bottom-right{bottom:-1px;right:-1px;clip-path:polygon(100% 100%, 100% 0, 0 100%)}.cyber-article-box:hover .corner-deco{background:#f39800}.article-header{border-bottom:1px dashed #333;padding-bottom:30px;margin-bottom:40px;text-align:center}.article-meta{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:20px}.article-meta .article-date{font-family:"Montserrat",sans-serif;color:#888;font-size:1.4rem}.article-meta .article-cat{color:#f39800;border:1px solid #f39800;padding:2px 10px;font-size:1.2rem;border-radius:20px;background:rgba(243,152,0,.1)}.article-title{font-size:2.4rem;font-weight:bold;color:#fff;line-height:1.4}@media screen and (min-width: 769px){.article-title{font-size:3.2rem}}.article-thumbnail{margin-bottom:50px;position:relative;border:1px solid #333;overflow:hidden}.article-thumbnail img{width:100%;height:auto;display:block;filter:grayscale(20%);transition:.5s}.article-thumbnail .thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.2) 3px);pointer-events:none;z-index:1}.article-thumbnail:hover img{filter:grayscale(0%);transform:scale(1.02)}.cyber-content{color:#ddd;line-height:1.8;font-size:1.6rem}.cyber-content p{margin-bottom:2em;color:#ddd}.cyber-content h2{font-size:2.2rem;color:#fff;border-left:5px solid #f39800;padding-left:20px;margin:60px 0 30px;background:linear-gradient(90deg, rgba(243, 152, 0, 0.1), transparent);padding:15px 20px;border-bottom:1px solid #333}.cyber-content h3{font-size:1.8rem;color:#f39800;margin:40px 0 20px;padding-bottom:10px;border-bottom:1px dashed #444}.cyber-content h4{font-size:1.6rem;color:#fff;margin:30px 0 15px;font-weight:bold}.cyber-content h4::before{content:"■";color:#f39800;margin-right:10px;font-size:.8em}.cyber-content img{max-width:100%;height:auto;border:1px solid #333;margin:20px 0}.cyber-content ul,.cyber-content ol{background:#111;padding:30px 40px;border:1px solid #333;margin-bottom:30px;border-radius:4px}.cyber-content ul li,.cyber-content ol li{margin-bottom:10px;list-style:disc}.cyber-content ul li::marker,.cyber-content ol li::marker{color:#f39800}.cyber-content table{width:100%;border-collapse:collapse;margin:30px 0}.cyber-content table th,.cyber-content table td{border:1px solid #444;padding:15px}.cyber-content table th{background:#222;color:#f39800;font-weight:bold}.cyber-content table td{background:#111}.cyber-content a{color:#f39800;text-decoration:underline}.cyber-content a:hover{text-decoration:none;color:#fff}
