header,header .nav a.active::after,header .nav a:hover::after{width:100%}.hero,.hero .container,body,header .nav a{position:relative}.back-to-blog,.back-to-portfolio,.form-submit-area,.hero,.page-header,.section-heading,.skill-list i{text-align:center}.about-image,.hero,.hero-section,.portfolio-card,.section,body#page-home,body.nav-open{overflow:hidden}.hero h1,.main-title,header .logo h1{font-family:Roboto,sans-serif}.main-title,.splash-typed{line-height:1.1;text-shadow:none}.btn,.pagination a,.scroll-down,.social-link-button,a{text-decoration:none}*,.display-item-wrapper,.hero-section,.section>.container,::after,::before{box-sizing:border-box}:root{--bg-color:#f8f9fa;--bg-light-color:#fff;--text-color:#4a5568;--heading-color:#1a202c;--card-bg-color:rgba(255,255,255,.95);--card-border-color:#fff;--card-shadow:0 4px 10px -2px rgba(0,0,0,.08),0 2px 6px -4px rgba(0,0,0,.08);--card-shadow-hover:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--primary-color:#3b82f6;--primary-color-dark:#2563eb;--accent-color:#14b8a6;--footer-bg-color:#fff;--footer-text-color:#6b7280;--footer-heading-color:#1a202c;--hero-bg-color:#111827;--border-color:#e2e8f0;--home-bg-dark:#f0f8ff;--home-bg-light:#fff;--home-text-dark:#333;--home-accent-cyan-light:#00008b;--home-accent-green-light:#008000;--home-accent-blue-light:#00008b;--home-accent-grey-light:#4a5568}body.dark-mode{--bg-color:#111827;--bg-light-color:#1f2937;--text-color:#d1d5db;--heading-color:#f9fafb;--card-bg-color:rgba(31,41,55,.55);--card-border-color:rgba(255,255,255,.1);--card-shadow:0 8px 32px 0 rgba(0,0,0,.25);--card-shadow-hover:0 12px 40px 0 rgba(0,0,0,.3);--footer-bg-color:#1a202c;--footer-text-color:#a0aec0;--footer-heading-color:#fff;--home-bg-dark:#000;--home-bg-light:#0d1a26;--home-text-light:#e0e0e0;--home-accent-cyan:#00e0ff;--home-accent-green:#00ffaa;--home-accent-blue:#00c0ff;--home-accent-grey:#a0c0e0}html{scroll-behavior:smooth}body{font-family:'Noto Sans JP',sans-serif;margin:0;line-height:1.7;background-color:var(--bg-color);color:var(--text-color);transition:background-color .4s,color .4s;padding-top:80px;overflow-x:hidden}#category-list li a:hover,#ranking-list li a:hover,.article-item h3 a:hover,.footer-col ul a:hover,.interest-tags i,a{color:var(--primary-color)}.container{width:90%;max-width:1140px;margin:0 auto;padding:0 15px}a{transition:color .3s}a:hover{color:var(--primary-color-dark)}img{max-width:100%;height:auto;display:block}body::after,body::before{content:'';position:fixed;width:50vw;height:50vw;border-radius:50%;z-index:-1;filter:blur(100px);opacity:.15;pointer-events:none;transition:opacity .4s}body::before{background:radial-gradient(circle,var(--primary-color) 0,transparent 70%);top:-10%;left:-20%}body::after{background:radial-gradient(circle,var(--accent-color) 0,transparent 70%);bottom:-10%;right:-20%}.nav-open .hamburger span:nth-child(2),body.dark-mode::after,body.dark-mode::before{opacity:0}header{position:fixed;top:0;z-index:1000;transition:background-color .4s,box-shadow .4s;padding:15px 0}body#page-home header,header.scrolled{background-color:var(--card-bg-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.05)}#ranking-list a,.header-container{display:flex;justify-content:space-between;align-items:center}.admin-article-selection,.header-controls,.hero{display:flex;align-items:center}header .logo h1{margin:0;font-size:1.8rem}.theme-toggle-btn,header .logo a,header .nav a{color:var(--heading-color);transition:color .3s}.hamburger span,body#page-home:not(.dark-mode) .hamburger span{background-color:var(--heading-color)}.interest-tags span,.search-form input,body.dark-mode .page-header{background-color:var(--bg-color)}#page-home header.scrolled .hamburger span,#page-home header.scrolled .logo a,#page-home header.scrolled .nav a,#page-home header.scrolled .theme-toggle-btn,.article-item h3 a,.main-title,.sidebar-widget h3,.splash-typed,body#page-home:not(.dark-mode) header .logo a,body#page-home:not(.dark-mode) header .nav a{color:var(--heading-color)}#page-home:not(.scrolled-past-hero) header .logo a,#page-home:not(.scrolled-past-hero) header .nav a,#page-home:not(.scrolled-past-hero) header .theme-toggle-btn,.hero,.scroll-down{color:#fff}#page-home:not(.scrolled-past-hero) header .hamburger span{background-color:#fff}.search-form,header .nav{display:flex}header .nav ul{list-style:none;padding:0;margin:0;display:flex}header .nav li{margin:0 20px}header .nav a{font-size:1.1rem;padding:5px 0;font-weight:500}header .nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent-color);transition:width .3s}.header-controls{gap:20px}.hero{background-color:var(--hero-bg-color);height:100vh;justify-content:center}.hero .container{z-index:1}.hero h1{font-size:3.5rem;margin:0 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero p{font-size:1.25rem;margin:0 0 30px;color:#d1d5db;letter-spacing:1px}.hero .splash-typed{font-size:1.5rem;color:#fff;min-height:50px}.scroll-down{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);font-size:.9rem;letter-spacing:1px}.scroll-down span{display:block;margin-bottom:10px}.scroll-down .arrow{display:block;width:20px;height:20px;border-bottom:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0) rotate(45deg)}40%{transform:translateY(10px) rotate(45deg)}60%{transform:translateY(5px) rotate(45deg)}}.page-header{padding:80px 0;background-color:transparent;position:relative;border-bottom:1px solid var(--border-color)}.btn,.btn-small{background:var(--primary-color);color:#fff!important}.page-header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color))}.btn-small:hover,.btn:hover{background:var(--primary-color-dark)}.page-header h1{font-size:3rem;color:var(--heading-color)}.page-header p{font-size:1.1rem;max-width:600px;margin:15px auto 0}.btn{display:inline-block;padding:14px 40px;border-radius:50px;font-weight:700;transition:.3s;border:none;box-shadow:0 4px 15px rgba(0,0,0,.1);letter-spacing:.5px}.btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(59,130,246,.3)}.btn-small{padding:8px 18px;font-size:.9rem;box-shadow:none;border-radius:8px}.service-feature-image,body.dark-mode .section.bg-light{background-color:var(--bg-light-color)}.about-image,.article-item,.aurora-card,.portfolio-card,.service-feature-image{border-radius:16px;box-shadow:var(--card-shadow)}.btn-small:hover{transform:translateY(-2px)}.section{padding:100px 0;position:relative}.section-heading{margin-bottom:60px}.section-heading h2{font-size:2.8rem;color:var(--heading-color);font-weight:700;margin-bottom:15px}.section-heading p{font-size:1.1rem;max-width:600px;margin:0 auto;color:var(--text-color)}.content-area{text-align:left}.section.bg-light{background-color:transparent}.about-content{display:flex;align-items:center;gap:60px}.about-text{flex:1.2}.about-image{flex:1;max-width:400px}.about-detailed-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.about-main-column .aurora-card,.about-sidebar-column .aurora-card{margin-bottom:30px}.about-main-column .aurora-card:last-child,.about-sidebar-column .aurora-card:last-child,.display-item-wrapper:last-child,.interest-category:last-child,.service-feature:last-child,.skill-category:last-child{margin-bottom:0}#category-list,#ranking-list,.skill-list{list-style:none;padding:0;margin:0}.skill-list li{margin-bottom:15px;display:flex;align-items:center}.skill-list i{margin-right:15px;color:var(--accent-color);width:20px}.service-feature{display:flex;align-items:center;gap:50px;margin-bottom:80px}.service-feature-image,.service-feature-text{flex:1}.service-feature-image{padding:30px;text-align:center}.service-feature-image i{font-size:6rem;color:var(--accent-color)}.service-feature-text h3{font-size:2rem;color:var(--heading-color);margin:0 0 15px}.service-feature.reverse{flex-direction:row-reverse}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:30px}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.portfolio-card{position:relative;transition:transform .4s,box-shadow .4s;aspect-ratio:4/3}.portfolio-card:hover{transform:translateY(-10px);box-shadow:var(--card-shadow-hover)}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.portfolio-card:hover img{transform:scale(1.05)}.portfolio-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 25px 25px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.portfolio-card-overlay h4{margin:0 0 5px;font-size:1.5rem}.portfolio-card-overlay p{margin:0;font-size:.9rem;opacity:.8}.portfolio-card-details{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(29,78,216,.9);color:#fff;padding:25px;opacity:0;transition:opacity .4s;display:flex;flex-direction:column;justify-content:center}.footer,.footer-col ul a{color:var(--footer-text-color)}#article-list-container,.footer-top{display:grid;gap:40px}.portfolio-card:hover .portfolio-card-details{opacity:1}.project-hero-image{width:100%;height:400px;margin-top:-80px}.project-hero-image img{width:100%;height:100%;object-fit:cover}.project-detail-container{max-width:800px}.project-content,.project-summary{margin-bottom:40px;padding:40px}.project-summary-table{width:100%;border-collapse:collapse;margin-top:20px}.project-summary-table td,.project-summary-table th{padding:15px;text-align:left;border-bottom:1px solid var(--border-color)}.project-summary-table th{width:30%;font-weight:700;color:var(--heading-color)}.project-content h3{font-size:1.8rem;color:var(--heading-color);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--accent-color)}.article-item,.aurora-card{background:var(--card-bg-color);padding:35px;border-top:3px solid var(--accent-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;z-index:1}.footer,body#page-home .footer,body#page-home.dark-mode .footer{background-color:var(--footer-bg-color)}body.dark-mode #article-detail article,body.dark-mode .article-item,body.dark-mode .aurora-card{border-top:1px solid var(--card-border-color)}.article-item:hover,.aurora-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)}.article-item::before,.aurora-card::before{content:'';position:absolute;top:-150px;left:-150px;width:300px;height:300px;background:radial-gradient(circle,var(--accent-color) 0,rgba(255,255,255,0) 70%);opacity:.15;transition:opacity .4s;z-index:-1;pointer-events:none}body.dark-mode .article-item::before,body.dark-mode .aurora-card::before{opacity:.2}.article-item:hover::before,.aurora-card:hover::before{opacity:.3}.article-item h3,.aurora-card h3,.aurora-card h4{font-size:1.4rem;color:var(--heading-color);margin:0 0 10px}.back-to-blog{margin-top:40px}.reveal,.slide-in-left,.slide-in-right{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.reveal{transform:translateY(50px)}.slide-in-left{transform:translateX(-50px)}.slide-in-right{transform:translateX(50px)}.visible{opacity:1;transform:translate(0,0)}.contact-form{max-width:750px;margin:0 auto;text-align:left}.form-group,.interest-category,.skill-category{margin-bottom:25px}.form-group label{display:block;font-weight:700;margin-bottom:10px;color:var(--heading-color)}.form-group input,.form-group textarea{width:100%;padding:15px;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:var(--bg-color);color:var(--text-color);transition:.3s}.footer-col .logo a,.footer-col h4{color:var(--footer-heading-color)}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.footer,.footer-bottom{border-top:1px solid var(--border-color)}.footer{padding:80px 0 30px;font-size:.95rem}.footer-top{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:60px;text-align:left}.hamburger,.theme-toggle-btn .moon,.typed-cursor,body.dark-mode .theme-toggle-btn .sun{display:none}.footer-col .logo h1{font-size:1.8rem;margin-bottom:15px}.footer-col>p{margin:0;padding-right:20px}.footer-col h4{font-size:1.2rem;margin-bottom:20px}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:12px}.footer-col ul a:hover,.privacy-consent-group a{text-decoration:underline}.footer-bottom{padding-top:30px;text-align:center;opacity:.7}body.dark-mode .footer-bottom{border-top-color:#4a5568}.hamburger,.theme-toggle-btn{background:0 0;border:none;cursor:pointer}.hamburger{flex-direction:column;gap:5px}.hamburger span{display:block;width:25px;height:3px;transition:.3s}.nav-open .hamburger span:first-child{transform:translateY(8px) rotate(45deg)}.nav-open .hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.theme-toggle-btn .moon,.theme-toggle-btn .sun{width:24px;height:24px;transition:transform .3s}.theme-toggle-btn:hover .moon,.theme-toggle-btn:hover .sun{transform:scale(1.1)}body.dark-mode .theme-toggle-btn .moon{display:block}.article-item{background:var(--card-bg-color);box-shadow:var(--card-shadow);text-align:left}.skill-category h4{font-size:1.1rem;color:var(--heading-color);margin:0 0 8px;display:flex;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:8px}.skill-category h4 i{margin-right:10px;color:var(--accent-color)}.skill-category p{font-size:.95rem;line-height:1.6;margin:0;padding-left:28px}.skill-subcategory{margin-top:15px;margin-left:10px}.skill-subcategory h5{font-size:1rem;color:var(--heading-color);margin:0 0 5px;display:flex;align-items:center}.skill-subcategory h5 i{margin-right:8px;color:var(--accent-color);width:16px;text-align:center}.skill-subcategory p{font-size:.9rem;line-height:1.6;margin:0;padding-left:24px}.qualification-badges{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding-left:30px;margin-top:10px}.qualification-badges img{height:90px;width:auto;transition:transform .3s,box-shadow .3s;border-radius:8px}.qualification-badges img:hover{transform:scale(1.05) translateY(-5px);box-shadow:var(--card-shadow-hover)}.social-links-about{display:flex;flex-direction:column;gap:15px;margin-top:20px;padding-left:30px}.social-link-button{display:flex;align-items:center;padding:12px 20px;border-radius:8px;font-weight:700;transition:background-color .3s,color .3s,border-color .3s;border:1px solid transparent}.social-link-button i{font-size:1.5rem;margin-right:15px;width:25px;text-align:center}.social-link-button.github,.social-link-button.x-twitter{background-color:#e7eaf0;color:#333;border-color:#dde1e6}.social-link-button.github:hover,.social-link-button.x-twitter:hover{background-color:#d8dce3}body.dark-mode .social-link-button.github{background-color:#333;color:#fff;border-color:#555}body.dark-mode .social-link-button.github:hover{background-color:#444}body.dark-mode .social-link-button.x-twitter{background-color:#000;color:#fff;border-color:#333}body.dark-mode .social-link-button.x-twitter:hover{background-color:#222}.social-link-button.linkedin{background-color:#e7eaf0;color:#333;border-color:#e7eaf0}.social-link-button.linkedin:hover{background-color:#e7eaf0}body.dark-mode .social-link-button.linkedin{background-color:#0077b5;color:#fff;border-color:#0077b5}body.dark-mode .social-link-button.linkedin:hover{background-color:#00669c}.interest-grid{padding-top:10px}.interest-category h4{font-size:1.1rem;color:var(--heading-color);margin:0 0 15px;display:flex;align-items:center}.interest-tags span,.search-form input,.sub-title,.view-count{color:var(--text-color)}.interest-category h4 i{margin-right:10px;color:var(--accent-color);width:20px;text-align:center}.interest-tags{display:flex;flex-wrap:wrap;gap:10px;padding-left:30px}.interest-tags span{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:8px;font-size:.9rem;font-weight:500;border:1px solid var(--border-color)}.project-content p{font-weight:400}@media (hover:none){.portfolio-card.is-active{transform:translateY(-10px);box-shadow:var(--card-shadow-hover)}.portfolio-card.is-active img{transform:scale(1.05)}.portfolio-card.is-active .portfolio-card-details{opacity:1}}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at center,var(--home-bg-light) 0,var(--home-bg-dark) 100%)}.hero-section{flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;position:relative;z-index:1;height:calc(100vh - 80px - 60px)}.splash-split-container{display:flex;width:100%;height:100%}.splash-content-left{flex-basis:70%;display:flex;justify-content:center;align-items:center;padding:0 5%;position:relative}.splash-content-right{flex-basis:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1%}.splash-content-left::after{content:'';position:absolute;top:20%;bottom:20%;right:0;width:1px;background-color:var(--border-color)}body.dark-mode .splash-content-left::after{background-color:rgba(255,255,255,.1)}.display-item-wrapper{opacity:0;transform:translateY(20px);animation:1s ease-out forwards fadeInSlideUp;position:relative;text-align:center;padding:5px 10px;margin-bottom:25px;transition:.3s;z-index:2;width:100%}.splash-content-left .display-item-wrapper{margin:0;padding:0;transform:none}.display-item-wrapper:hover{transform:translateY(-5px) scale(1.02)}.splash-typed{font-size:clamp(3.5rem,7vw,7rem);min-height:70px;letter-spacing:.05em;display:block;opacity:0;animation:2s ease-out .8s forwards fadeInAndGlow;text-align:left}body.dark-mode .splash-typed{color:var(--home-accent-green)}.main-title{font-size:clamp(2.5rem,5vw,5rem);margin-top:15px;letter-spacing:.08em}body.dark-mode .main-title{color:var(--home-accent-cyan);text-shadow:0 0 40px #00e0ff,0 0 80px rgba(0,224,255,.7),0 0 100px rgba(0,224,255,.4)}.sub-title{font-size:clamp(1rem,1.8vw,1.8rem);letter-spacing:1.5px;text-transform:uppercase;margin-top:10px;text-shadow:none}body.dark-mode .sub-title{color:var(--home-accent-grey);text-shadow:0 0 20px rgba(160,192,224,.9),0 0 40px rgba(160,192,224,.6)}@keyframes fadeInSlideUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInAndGlow{0%{opacity:0;transform:translateY(20px);text-shadow:none}100%{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}body#page-home .footer{position:fixed;bottom:0;left:0;width:100%;box-shadow:0 -2px 10px rgba(0,0,0,.05);border-top:1px solid var(--border-color);height:60px;z-index:1000;display:flex;justify-content:center;align-items:center;padding:0!important;box-sizing:border-box}body#page-home.dark-mode .footer{box-shadow:0 -2px 10px rgba(0,0,0,.3);border-top:1px solid rgba(255,255,255,.1)}body#page-home .footer .container{padding:0 15px!important;height:100%;display:flex;align-items:center;justify-content:center}body#page-home .footer .footer-top{display:none!important}body#page-home .footer .footer-bottom{display:flex;justify-content:center;align-items:center;text-align:center;color:var(--footer-text-color);font-size:.85rem;height:100%;width:100%;border-top:none!important;padding-top:0!important}@media (max-width:992px){.header-controls .hamburger,.nav{display:flex}.nav{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;transform:translateX(100%);transition:transform .4s ease-in-out;z-index:999}.nav.active{transform:translateX(0)}.about-content,header .nav ul{flex-direction:column;text-align:center}header .nav li{margin:20px 0}header .nav a{font-size:2rem;color:var(--heading-color)!important}.hamburger{z-index:1001}.about-text{order:2}.about-image{order:1}.service-feature,.service-feature.reverse{flex-direction:column}.about-detailed-content{grid-template-columns:1fr}.splash-typed{font-size:clamp(2.8rem,7vw,4.5rem);min-height:60px}.main-title{font-size:clamp(2rem,5vw,3.5rem);margin-top:10px}.sub-title{font-size:clamp(.9rem,1.8vw,1.5rem);margin-top:8px}.typed-cursor{font-size:clamp(2.8rem,7vw,4.5rem)}body#page-home .footer{height:auto;padding:15px 0!important}body#page-home .footer .footer-bottom{font-size:.75rem;padding:0 15px!important}#page-home:not(.scrolled-past-hero) header .hamburger span{background-color:var(--heading-color)}#page-home:not(.scrolled-past-hero) header .theme-toggle-btn{color:var(--heading-color)}#page-home:not(.dark-mode):not(.scrolled-past-hero) .theme-toggle-btn svg{fill:var(--heading-color)}}.article-item,.sidebar-widget{background:var(--card-bg-color);padding:20px;box-shadow:var(--card-shadow)}@media (max-width:576px){.splash-typed{font-size:clamp(2rem,8vw,3.5rem);min-height:50px}.main-title{font-size:clamp(1.5rem,6vw,2.8rem);margin-top:8px}.sub-title{font-size:clamp(.8rem,3vw,1.1rem);margin-top:6px}.typed-cursor{font-size:clamp(2rem,8vw,3.5rem)}body#page-home .footer{padding:10px 0!important}body#page-home .footer .footer-bottom{font-size:.7rem}}body#page-home:not(.dark-mode) .theme-toggle-btn svg{fill:var(--heading-color)}@media (min-width:769px){.splash-content-left{transform:translateY(-5vh)}}body#page-home .nav.active ul{transform:translateY(-40px)}body.dark-mode .splash-typed{text-shadow:0 0 8px rgba(0,255,170,.6),0 0 20px rgba(0,255,170,.4)}.splash-typed{font-family:'Russo One',sans-serif;letter-spacing:.08em;text-transform:none}.blog-layout{display:flex;flex-direction:column;gap:30px}.blog-sidebar{display:contents}.blog-sidebar-top{order:1}.blog-main{order:2}.blog-sidebar-bottom{order:3}.sidebar-widget h3,.view-count{align-items:center;display:flex}.sidebar-widget{margin-bottom:30px;border-radius:8px;border:1px solid var(--border-color)}.sidebar-widget h3{margin:0 0 15px;font-size:1.1rem;font-weight:700;padding-bottom:10px;border-bottom:1px solid var(--border-color);gap:8px}.search-form input{width:100%;padding:10px 15px;border:1px solid var(--border-color);border-radius:8px 0 0 8px;font-size:.9rem;outline:0}.search-form input:focus{border-color:var(--primary-color)}.search-form button{padding:0 12px;border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;border-radius:0 8px 8px 0;cursor:pointer;font-size:1rem}#category-list li a,#ranking-list li a{display:block;padding:8px 5px;text-decoration:none;color:var(--text-color);border-bottom:1px solid var(--border-color);transition:color .3s;font-size:.9rem;word-break:break-all}#category-list li:last-child a,#ranking-list li:last-child a{border-bottom:none}.view-count{font-size:.8rem;opacity:.7;gap:5px;flex-shrink:0}.article-item{border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color);transition:box-shadow .3s}.article-item:hover{transform:none;box-shadow:var(--card-shadow-hover)}.article-item h3{font-size:1.25rem;margin:0 0 10px}.article-meta{font-size:.8rem;color:#888;margin-bottom:15px;display:flex;align-items:center;flex-wrap:wrap;gap:15px}body.dark-mode .article-meta{color:#aaa}.article-item p{font-size:.9rem;margin:0 0 15px}.pagination{text-align:center;margin-top:30px}.pagination a{color:var(--primary-color);padding:6px 12px;margin:0 4px;border:1px solid var(--border-color);border-radius:8px;transition:background-color .3s,color .3s}.meta-categories .category-tag:hover,.pagination a.active,.pagination a:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}#article-detail .blog-main{max-width:800px;margin:0 auto}#article-main-title{font-size:2.5rem;line-height:1.3;color:var(--heading-color);margin-bottom:10px}.article-body h1,.article-body h2,.article-body h3{color:var(--heading-color);margin:40px 0 20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.article-body blockquote,.meta-categories .category-tag{background-color:var(--bg-color);color:var(--text-color)}.article-body p{margin-bottom:20px}.article-body img{margin:20px auto;max-width:100%;height:auto;border-radius:8px}.article-body ol,.article-body ul{padding-left:30px;margin-bottom:20px}.article-body blockquote{margin:20px 0;padding:15px 20px;border-left:4px solid var(--primary-color)}.article-body pre{margin:20px 0;white-space:pre-wrap;overflow-wrap:break-word;overflow-x:auto}.article-body pre code{border-radius:8px;padding:1em}@media (min-width:992px){.blog-layout{display:grid;grid-template-columns:280px 1fr;gap:0 50px;align-items:start}.blog-sidebar{display:block;grid-column:1;position:sticky;top:0;order:0}.blog-main{grid-column:2;order:0}#article-detail .blog-main{max-width:800px}}.section>.container{max-width:1000px;width:90%;margin:0 auto;padding:0 20px}@media (max-width:768px){body{padding-top:70px}header{padding:10px 0}header .nav a{font-size:1.5rem}.hero h1{font-size:2.8rem}.hero p{font-size:1.1rem}.hero h2{font-size:2.5rem;min-height:100px}.section{padding:60px 0}.page-header h1,.section-heading h2{font-size:2rem}.page-header p,.section-heading p{font-size:1rem}.service-feature-text h3{font-size:1.6rem}.splash-split-container{flex-direction:column}.splash-content-left{flex-basis:60%;align-items:center;justify-content:flex-end;padding:0 5% 2vh}.splash-content-right{flex-basis:40%;justify-content:flex-start;padding-top:2vh}.splash-content-left::after{display:none}.splash-typed{text-align:center}.article-item h3{font-size:1.15rem}#article-main-title{font-size:1.75rem;line-height:1.4}.article-body p{margin-bottom:24px}.article-body h2{font-size:1.4rem}.article-body h3{font-size:1.2rem}.section>.container{padding:0 20px;width:auto}.article-body{font-size:15px;line-height:1.7}.contact-form.aurora-card{padding-left:20px;padding-right:20px}.privacy-consent-group label{font-size:.9rem}}.meta-categories .category-tag{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);margin-right:6px;margin-bottom:6px;line-height:1.4;transition:background-color .3s,color .3s}.article-body h1{font-size:1.8rem}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.3rem}#bulk-delete-btn{background-color:#dc3545;border-color:#dc3545;margin-bottom:20px}#bulk-delete-btn:hover{background-color:#c82333;border-color:#bd2130}.admin-article-item{display:flex;align-items:center;gap:15px}.bulk-delete-checkbox{width:18px;height:18px;cursor:pointer}.admin-article-info{flex-grow:1}.privacy-consent-group{text-align:center;margin-top:40px;margin-bottom:0}.privacy-consent-group label{display:inline-flex;align-items:center;cursor:pointer;font-weight:400}.privacy-consent-group input[type=checkbox]{margin-right:10px;width:16px;height:16px}.privacy-policy-box{height:300px;overflow-y:scroll;border:1px solid var(--border-color);border-radius:8px;padding:15px;margin-bottom:20px;background-color:var(--bg-color);text-align:left}.privacy-policy-box h3,.privacy-policy-box h4{font-size:1.1rem;margin-top:0;margin-bottom:10px;color:var(--heading-color)}.privacy-policy-box li,.privacy-policy-box p{font-size:.9rem}.privacy-policy-box ul{padding-left:20px}.layout-wide .section>.container{max-width:1280px}@media (max-width:992px){.service-feature-text{text-align:center}}