﻿: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}.Hero_sub{max-width:800px}.cyber-main-bg{background-color:#050505;color:#fff;min-height:100vh;padding-bottom:1px}.Works_Categories{padding:60px 0 40px;position:relative;z-index:2}.cyber-filter-box{border-bottom:1px solid #333;padding-bottom:20px;display:flex;flex-direction:column;gap:15px}@media screen and (min-width: 769px){.cyber-filter-box{flex-direction:row;align-items:center;gap:30px}}.filter-label{font-family:"Montserrat",sans-serif;color:#f39800;font-weight:bold;letter-spacing:.1em;font-size:1.4rem;text-shadow:0 0 5px rgba(243,152,0,.5)}.cyber-filter-list{display:flex;flex-wrap:wrap;gap:10px}.cyber-filter-list li{list-style:none}.cyber-btn-filter{display:block;padding:8px 20px;font-size:1.4rem;color:#888;border:1px solid #333;background:rgba(255,255,255,.05);text-decoration:none;transition:all .3s;position:relative;overflow:hidden;clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px)}.cyber-btn-filter:hover,.cyber-btn-filter.is-active{color:#000;background:#f39800;border-color:#f39800;font-weight:bold;box-shadow:0 0 15px rgba(243,152,0,.5)}.ArchiveWorks{padding:40px 0 100px}.works-cyber-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:40px 30px}.works-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}.works-cyber-card:hover{border-color:#f39800;transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.8)}.works-cyber-card:hover .thumb-overlay{opacity:1}.works-cyber-card:hover .overlay-text{transform:translate(-50%, -50%) scale(1);letter-spacing:.2em}.works-cyber-card:hover .card-title{color:#f39800}.works-cyber-card:hover .card-arrow{margin-left:10px;color:#f39800;opacity:1}.works-cyber-card:hover .corner-deco{background:#f39800}.card-thumb-box{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #333}.card-thumb-box .cyber-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.works-cyber-card:hover .card-thumb-box .cyber-thumb-img{transform:scale(1.1)}.card-thumb-box .thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;transition:.4s;background-image:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(243, 152, 0, 0.1) 3px)}.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 .corner-deco{position:absolute;width:20px;height:20px;background:#555;transition:.3s;z-index:2}.card-thumb-box .corner-deco.top-left{top:0;left:0;clip-path:polygon(0 0, 100% 0, 0 100%)}.card-thumb-box .corner-deco.bottom-right{bottom:0;right:0;clip-path:polygon(100% 100%, 100% 0, 0 100%)}.card-info-box{padding:20px}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:"Montserrat",monospace}.card-date{color:#888;font-size:1.2rem}.card-arrow{color:#444;transition:.3s;font-weight:bold;opacity:.5}.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-tags{display:flex;flex-wrap:wrap;gap:8px}.cyber-tag{font-size:1.1rem;color:#aaa;border:1px solid #333;padding:2px 8px;border-radius:2px;background:#111}.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;font-family:"Montserrat",sans-serif;letter-spacing:.2em;padding:100px 0}.Works_Categories{margin:0 0 30px}@media screen and (min-width: 769px){.Works_Categories .Works_Categories_inner .works-cat-list{gap:2%}}.Works_Categories .Works_Categories_inner .works-cat-list li{width:100%;margin-bottom:10px}@media screen and (min-width: 769px){.Works_Categories .Works_Categories_inner .works-cat-list li{width:48%}}.Works_Categories .Works_Categories_inner .works-cat-list li a{display:block;text-align:center;border:1px solid #aaa;padding:4px 0}.ArchiveWorks_inner ul{gap:20px}.ArchiveWorks_inner li{width:100%;background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}@media screen and (min-width: 769px){.ArchiveWorks_inner li{width:31%}}.ArchiveWorks_inner li:hover{transform:translateY(-5px)}.SingleWorks{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}
