body{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6;color:#333;background-color:#fff;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:700;line-height:1.4;margin:.5em 0}@media (prefers-color-scheme: dark){.main-page{background-color:#121212;color:#f1f1f1}a{color:#80bfff}}.admin-sidebar{width:220px;background-color:#1f2937;color:#fff;min-height:100vh;transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column}.admin-sidebar.collapsed{width:60px}.admin-sidebar.collapsed .admin-hamburger{display:block}.admin-sidebar.collapsed .admin-nav{display:none}.admin-hamburger{background:none;border:none;font-size:24px;color:#fff;padding:12px 16px;cursor:pointer;text-align:left}.admin-nav{display:flex;flex-direction:column;padding:0;margin-top:10px;flex:1}.admin-nav a{color:#fff;padding:12px 16px;text-decoration:none;border-radius:4px;display:flex;align-items:center;gap:12px;white-space:nowrap;transition:background .2s ease}.admin-nav a:hover{background-color:#374151}.admin-label{transition:opacity .2s ease,visibility .2s ease}.admin-sidebar.collapsed .admin-label{opacity:0;visibility:hidden;width:0;overflow:hidden}.nav-section{margin-bottom:1.5rem;border-bottom:1px solid #374151;padding-bottom:.75rem}.nav-section-title{color:#9ca3af;font-weight:700;font-size:.9rem;margin-bottom:.5rem;padding-left:16px;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme: dark){.admin-sidebar{background-color:#111827;color:#f9fafb}.admin-hamburger{color:#f9fafb}.admin-nav a{color:#d1d5db}.admin-nav a:hover{background-color:#4b5563}.nav-section{border-bottom:1px solid #4b5563}.nav-section-title{color:#9ca3af}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f4f6f9}.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px #0000001a;width:100%;max-width:400px}.login-title{text-align:center;margin-bottom:24px;font-size:1.8rem;color:#333}.login-input{width:100%;padding:12px;margin-bottom:16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;box-sizing:border-box}.login-button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#0056b3}.login-error{color:red;text-align:center;margin-bottom:16px}@media (prefers-color-scheme: dark){.login-container{background:#121212}.login-box{background:#1e1e1e;box-shadow:0 8px 30px #000c}.login-title{color:#eee}.login-input{background-color:#2a2a2a;border:1px solid #444;color:#eee}.login-input::placeholder{color:#bbb}.login-button{background-color:#3b82f6;color:#fff}.login-button:hover{background-color:#2563eb}.login-error{color:#f87171}}.images-group{display:flex;flex-wrap:wrap;gap:12px}.images{position:relative;width:200px;height:180px;margin:8px;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.images:hover{transform:scale(1.02)}.image-thumbnail{width:100%;height:auto;max-height:150px;object-fit:cover;border-radius:4px;display:block}.image-name{font-size:12px;word-break:break-word;margin-top:6px}.image-delete-button{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.images:hover .image-delete-button{opacity:1}.image-add-button{width:200px;height:120px;border:2px dashed #ccc;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;background-color:#f9f9f9;border-radius:6px;font-size:32px;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.image-add-button:hover{background-color:#e0e0e0}@media (prefers-color-scheme: dark){.images-group{gap:12px}.images{margin:8px;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.images:hover{transform:scale(1.02)}.image-thumbnail{border-radius:4px;display:block;max-height:150px;object-fit:cover;background-color:#2a2a2a}.image-name{font-size:12px;word-break:break-word;margin-top:6px;color:#ccc}.image-delete-button{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#ffffff4d;color:#111;border:none;cursor:pointer;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.images:hover .image-delete-button{opacity:1}.image-add-button{width:200px;height:120px;border:2px dashed #555;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#aaa;background-color:#1e1e1e;border-radius:6px;font-size:32px;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.image-add-button:hover{background-color:#333}}.thumbnail{position:relative;width:200px;margin:8px;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center}.thumbnail:hover{transform:scale(1.02)}.thumbnail-img{width:100%;height:auto;display:block;border-radius:4px}.thumbnail-delete-button{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.thumbnail:hover .thumbnail-delete-button{opacity:1}.thumbnail-not-exists{width:200px;height:120px;border:2px dashed #ccc;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;background-color:#f9f9f9;border-radius:6px;font-size:32px;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.thumbnail-upload-button:hover{background-color:#e0e0e0}.thumbnail-upload-button input[type=file]{display:none}@media (prefers-color-scheme: dark){.thumbnail{color:#ddd}.thumbnail-delete-button{background:#ffffff4d;color:#222}.thumbnail-not-exists{border-color:#555;color:#666;background-color:#222}.thumbnail-upload-button:hover{background-color:#333}}.editpost-container{max-width:100%;margin:0 auto;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.editpost-container h1{margin-top:0;margin-bottom:2rem}.editpost-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.half-width{width:50%}label{font-weight:600;font-size:1rem}input[type=text],select,textarea{padding:.5rem;font-size:1rem;border-radius:6px;border:1px solid #ccc;font-family:inherit;box-sizing:border-box}select[multiple]{height:100px}.markdown-area{display:flex;gap:2rem}.markdown-input{flex:1;display:flex;flex-direction:column}.markdown-input textarea{flex-grow:1;min-height:400px;font-family:monospace;resize:vertical;border-radius:6px}.preview-content{border:1px solid #ddd;border-radius:6px;background-color:#fff}.markdown-preview{flex:1;border-left:1px solid #ddd;padding-left:1.5rem;display:flex;flex-direction:column}.markdown-preview h2{margin:0 0 1rem}.preview-content p{padding:0}.preview-content{flex-grow:1;min-height:400px;overflow-y:auto}.select2-container{position:relative;display:inline-block;width:100%;font-size:1rem;font-family:inherit}.select2-container .select2-selection--multiple{min-height:38px;border:1px solid #ccc;border-radius:6px;background-color:#fff;padding:.25rem .5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;cursor:text}.select2-container .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #ccc;border-radius:3px;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem}.select2-container .select2-selection--multiple .select2-selection__choice__remove{color:#777;cursor:pointer;font-weight:700}.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover{color:#000}.select2-container .select2-search--inline .select2-search__field{border:none;outline:none;font-size:1rem;padding:0;margin:0;flex-grow:1;min-width:60px}@media (max-width: 768px){.markdown-area{flex-direction:column}.markdown-preview{border-left:none;padding-left:0;margin-top:2rem}}.post-button-group{display:flex;justify-content:center;gap:80px;margin-top:48px;flex-wrap:wrap}.post-button-group button{padding:23px 60px;font-size:18px;font-weight:600;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #0000001a;min-width:180px;letter-spacing:.5px}.button-group-post{background-color:#c8e6c9;color:#2e7d32}.button-group-save{background-color:#bbdefb;color:#1565c0}.button-group-delete{background-color:#ffcdd2;color:#c62828}.post-button-group button:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026;opacity:1}.post-button-group button:active{transform:translateY(-2px);box-shadow:0 6px 12px #0000001f}@media (prefers-color-scheme: dark){.editpost-container{background-color:#121212;color:#eee}.editpost-container h1{color:#ddd}.editpost-form{color:#eee}.form-group label{color:#ccc}input[type=text],select,textarea,select[multiple]{background-color:#1e1e1e;border:1px solid #444;color:#eee}.markdown-input textarea{background-color:#121212;border:1px solid #444;color:#eee}.preview-content{background-color:#1e1e1e;border:1px solid #444;color:#eee}.markdown-preview{border-left:1px solid #444;color:#eee}.markdown-preview h2{color:#ddd}.select2-container .select2-selection--multiple{background-color:#1e1e1e;border:1px solid #444;color:#eee}.select2-container .select2-selection--multiple .select2-selection__choice{background-color:#333;border:1px solid #555;color:#eee}.select2-container .select2-selection--multiple .select2-selection__choice__remove{color:#bbb}.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover{color:#eee}.post-button-group button{box-shadow:0 8px 20px #ffffff1a}.button-group-post{background-color:#388e3c;color:#c8e6c9}.button-group-save{background-color:#1976d2;color:#bbdefb}.button-group-delete{background-color:#c62828;color:#ffcdd2}.post-button-group button:hover{box-shadow:0 12px 24px #ffffff26}.post-button-group button:active{box-shadow:0 6px 12px #ffffff1f}}.markdown-body{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#2e2e2e;line-height:1.8;font-size:1rem;padding:1rem;box-sizing:border-box}.markdown-body h1{font-size:2.4rem;margin-top:.5rem;margin-bottom:1rem;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem;font-weight:700;color:#1a1a1a}.markdown-body h2{font-size:2rem;margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid #dcdcdc;padding-bottom:.4rem;font-weight:600;color:#222}.markdown-body h3{font-size:1.6rem;margin-top:1.8rem;margin-bottom:.8rem;font-weight:600;color:#333}.markdown-body p{margin-bottom:1.2rem;color:#444}.markdown-body ul,.markdown-body ol{padding-left:1.5rem;margin-bottom:1.2rem}.markdown-body li{margin-bottom:.6rem}.markdown-body blockquote{border-left:4px solid #60a5fa;background-color:#f0f9ff;padding:.8rem 1.2rem;margin:1.5rem 0;color:#374151;font-style:italic;border-radius:6px}.markdown-body pre{margin:1.5rem 0;border-radius:8px;overflow-x:auto;background-color:#282c34;padding:1rem;max-width:90%}.code-block{background-color:#282c34;color:#abb2bf;padding:1em;margin:1.5rem 0;border-radius:8px;font-family:Fira Code,Courier New,monospace;font-size:.95em;overflow-x:auto;line-height:1.6}.markdown-body code{background-color:#f4f4f5;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.95em}.markdown-body img{max-width:70%;border-radius:8px;display:block;object-fit:contain;box-shadow:0 2px 8px #0000000d}.markdown-body hr{border:none;border-top:1px solid #ddd;margin:2rem 0}.markdown-body table{border-collapse:collapse;width:100%;margin:1.5rem 0}.markdown-body th,.markdown-body td{border:1px solid #ddd;padding:.6rem;text-align:left}.markdown-body th{background-color:#f3f4f6;font-weight:700}@media (prefers-color-scheme: dark){.markdown-body{color:#ddd;background-color:#121212}.markdown-body h1{border-bottom-color:#444;color:#eee}.markdown-body h2{border-bottom-color:#555;color:#eee}.markdown-body h3{color:#ddd}.markdown-body p,.markdown-body ul,.markdown-body ol{color:#ccc}.markdown-body blockquote{border-left-color:#3b82f6;background-color:#1e293b;color:#cbd5e1}.markdown-body pre,.code-block{background-color:#1e1e2f;color:#abb2bf}.markdown-body code{background-color:#2a2a2a;color:#d1d5db}.markdown-body img{box-shadow:0 2px 8px #ffffff1a}.markdown-body hr{border-top-color:#444}.markdown-body table{border-color:#444}.markdown-body th,.markdown-body td{border-color:#555}.markdown-body th{background-color:#2a2a2a}}.dashboard-container{padding:2rem}.dashboard-container h1{margin-bottom:1.5rem;font-size:1.8rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.dashboard-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 6px #0000000d;text-align:center}.dashboard-card:hover{background:#f0f8ff;transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.dashboard-card h2{margin-bottom:.5rem;font-size:1.2rem}.dashboard-card p{font-size:1rem;color:#666}@media (max-width: 768px){.dashboard-grid{grid-template-columns:repeat(1,1fr)}}@media (prefers-color-scheme: dark){.dashboard-container{background-color:#121212;color:#eee}.dashboard-card{background:#1e1e1e;border:1px solid #444;box-shadow:0 2px 6px #ffffff0d}.dashboard-card:hover{background:#2a3b5a;box-shadow:0 4px 12px #ffffff1a}.dashboard-card h2{color:#ddd}.dashboard-card p{color:#aaa}}.category-container{padding:1rem}.category-table{width:100%;border-collapse:collapse;margin-top:1rem}.category-table th,.category-table td{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:middle}.category-table th{background-color:#f4f6f8;font-weight:600}.category-table input[type=text]{width:100%;padding:6px 8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:border-color .2s ease}.category-table input[type=text]:focus{outline:none;border-color:#4caf50}.actions{display:flex;gap:8px;justify-content:center}.save-button,.delete-button,.add-button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#45a045}.delete-button{background-color:#e53e3e;color:#fff}.delete-button:hover{background-color:#cc2f2f}.add-button{background-color:#007bff;color:#fff}.add-button:hover{background-color:#0056b3}@media (prefers-color-scheme: dark){.category-container{background-color:#121212;color:#ddd}.category-table{border-collapse:collapse;margin-top:1rem;width:100%}.category-table th,.category-table td{border:1px solid #444;padding:10px;text-align:left;vertical-align:middle;color:#ddd}.category-table th{background-color:#1e1e1e;font-weight:600}.category-table input[type=text]{width:100%;padding:6px 8px;box-sizing:border-box;border:1px solid #555;border-radius:4px;font-size:1rem;background-color:#2a2a2a;color:#ddd;transition:border-color .2s ease}.category-table input[type=text]:focus{outline:none;border-color:#4caf50;background-color:#1e1e1e}.actions{display:flex;gap:8px;justify-content:center}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#45a045}.delete-button{background-color:#e53e3e;color:#fff}.delete-button:hover{background-color:#cc2f2f}.add-button{background-color:#3b82f6;color:#fff}.add-button:hover{background-color:#2563eb}}h2{margin:1rem 0;font-size:1.6rem;color:#333}@media (prefers-color-scheme: dark){h2{color:#ddd}.pagination{-webkit-user-select:none;user-select:none}.page-btn{background-color:#2a2a2a;color:#bbb;box-shadow:0 0 5px #ffffff0d}.page-btn:hover:not(:disabled){background-color:#3b82f6;color:#fff;box-shadow:0 4px 8px #3b82f699}.page-btn:disabled{opacity:.3}.page-btn.active{background-color:#3b82f6;color:#fff;font-weight:600;box-shadow:0 4px 12px #3b82f6cc}}table{width:100%;border-collapse:collapse;margin-top:1rem;font-family:Segoe UI,sans-serif;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000001a}thead{background-color:#f0f0f0}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #ddd}tbody tr:hover{background-color:#f9f9f9}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#4caf50;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;right:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:not(:checked)+.toggle-slider{background-color:#f44336}.toggle-switch input:not(:checked)+.toggle-slider:before{transform:translate(-26px)}@media (max-width: 768px){table{font-size:14px}th,td{padding:8px 12px}.toggle-switch{width:40px;height:20px}.toggle-slider:before{height:14px;width:14px;right:3px;bottom:3px}.toggle-switch input:not(:checked)+.toggle-slider:before{transform:translate(-20px)}}@media (prefers-color-scheme: dark){table{background-color:#1e1e1e;color:#ddd;box-shadow:0 2px 6px #ffffff0d}thead{background-color:#2a2a2a}th,td{border-bottom:1px solid #444}tbody tr:hover{background-color:#333}.toggle-slider{background-color:#4caf50}.toggle-switch input:not(:checked)+.toggle-slider{background-color:#f44336}}.footer{background-color:#ccfe7d;color:#3a3a2c;padding:30px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;text-align:center}.footer-logo{text-align:left;padding-left:10vw;margin-bottom:10px}.footer-logo h2{font-weight:700;font-size:1.8rem;margin:0;color:#2f2f1f}.footer-nav{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.footer-nav a{color:#556b2f;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-nav a:hover{color:#8fbc8f}.footer-copy{display:block;font-size:.8rem;color:#4b5320}@media (max-width: 600px){.footer-nav{gap:15px;flex-wrap:wrap;justify-content:center}}@media (prefers-color-scheme: dark){.footer{background-color:#ccfe7d;color:#000}.footer-logo h2{color:#000}.footer-nav a{color:#a9c975}.footer-nav a:hover{color:#dce775}.footer-copy{color:#252525}}.header{text-align:center;margin-bottom:1.5rem;font-family:Helvetica Neue,Segoe UI,sans-serif;background-color:#ccfe7d;max-width:100%;width:100%;box-sizing:border-box}.header-banner{width:100%;max-height:350px;object-fit:cover;border-radius:20px;transition:transform .3s ease}.content-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:3rem;margin-top:.5rem;margin-bottom:.5rem;padding:0 1rem;box-sizing:border-box}.category-card{display:flex;border-radius:16px;flex-direction:column;align-items:center;text-decoration:none;color:#5a5a5a;transition:all .3s ease;padding:.5rem}.category-card img{width:100px;height:100px;object-fit:contain;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin-bottom:.5rem;background-color:#fff;padding:.5rem}.category-card p{font-size:1rem;font-weight:500;margin:0}.category-card:hover{transform:translateY(-6px);color:#d77b6b;cursor:pointer}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width: 767px){.category-card img{width:80px;height:80px}.category-card span{font-size:.9rem}}@media (prefers-color-scheme: dark){.header{color:#d7e8a1}.category-card{color:#333}.category-card img{box-shadow:0 4px 8px #ffffff1a}.category-card:hover{color:#f28b74}}.sidebar{width:300px;padding:.7rem;background-color:#f8f8f8;border-left:1px solid #ddd}.sidebar-section{margin-bottom:1.5rem;padding:.5rem;background-color:#fff;border-radius:8px}.sidebar-section h3{font-size:1.2rem;margin-top:.5rem}.popular-posts{padding:.5rem;background-color:#fff;border-radius:8px;margin-bottom:1.5rem}.popular-posts-list{list-style:none;padding:0;margin:0}.popular-posts-list li{margin-bottom:12px}.popular-post-link{display:flex;align-items:center;text-decoration:none;color:inherit;transition:background .2s;padding:6px;border-radius:6px}.popular-post-link:hover{background-color:#f0f0f0}.popular-post-cover{width:40px;height:40px;object-fit:cover;border-radius:4px;margin-right:8px}.popular-post-title{font-size:.85rem;font-weight:400;color:#333}.rank{width:1.5em;font-weight:700;color:#555;flex-shrink:0;text-align:right;margin-right:8px}.tab-buttons{display:flex;justify-content:space-between;margin-bottom:1rem;background-color:#f0f4f8;border-radius:8px;overflow:hidden}.tab-button{flex:1;padding:.5rem 0;background:transparent;border:none;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:background-color .2s,color .2s}.tab-button:hover{background-color:#dceeff}.tab-button.active{background-color:#a5d8ff;color:#036;font-weight:600}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0 0 1rem}.tag-list li{margin:0;list-style:none}.tag-link{display:inline-block;background-color:#e0e7ff;color:#3730a3;padding:.3rem .8rem;border-radius:16px;font-size:.85rem;font-weight:500;text-decoration:none;box-shadow:0 2px 5px #6366f133;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap}.tag-link:hover{background-color:#3730a3;color:#fff;box-shadow:0 4px 10px #6366f166;transform:translateY(-2px)}.profile-section{padding:0}.profile-container{background-color:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 8px #0000000d}.profile-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;display:block;margin:0 auto .5rem}.profile-name{font-size:1.1rem;font-weight:700;margin:.3rem 0}.profile-role{font-size:.85rem;color:#666;margin-bottom:.5rem}.profile-bio{font-size:.85rem;color:#333;margin-bottom:1rem}.profile-links a{margin:0 .3rem;font-size:1.25rem;color:#555;transition:transform .2s,color .2s}.profile-links a:hover{color:#1e90ff;transform:scale(1.2)}.profile-detail-link{margin-top:1rem}.profile-detail-button{display:inline-block;font-size:.85rem;color:#1e90ff;text-decoration:none;font-weight:500;transition:color .2s ease}.profile-detail-button:hover{color:#0056b3;text-decoration:underline}@media (prefers-color-scheme: dark){.sidebar{background-color:#1e1e1e;border-left:1px solid #333;color:#ddd}.sidebar-section,.popular-posts{background-color:#2a2a2a;box-shadow:none}.popular-post-link:hover{background-color:#3a3a3a}.popular-post-title{color:#ddd}.rank{color:#aaa}.tab-buttons{background-color:#222}.tab-button{color:#bbb}.tab-button:hover{background-color:#333}.tab-button.active{background-color:#05a;color:#eee}.tag-link{background-color:#444877;color:#ccd9ff;box-shadow:0 2px 5px #42429680}.tag-link:hover{background-color:#1c1c6d;color:#fff;box-shadow:0 4px 10px #424296cc}.profile-container{background-color:#2b2b2b;box-shadow:none;color:#ddd}.profile-name,.profile-role,.profile-bio{color:#ddd}.profile-links a{color:#bbb}.profile-links a:hover,.profile-detail-button{color:#6af}.profile-detail-button:hover{color:#39f}}.container{display:flex;gap:2rem;max-width:1440px;margin:0 auto;padding:1rem}main{flex:1}@media (prefers-color-scheme: dark){.container{background-color:#121212;color:#eee}main{color:#eee}}.mobile-footer{background-color:var(--footer-bg, #f8f8f8);padding:1rem .5rem;text-align:center;border-top:1px solid var(--footer-border, #ddd)}.mobile-footer-logo h3{font-size:1.25rem;margin:0 0 .5rem}.mobile-footer-nav{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.mobile-footer-nav a{font-size:.85rem;color:var(--footer-link, #333);text-decoration:none}.mobile-footer-nav a:hover{text-decoration:underline}.mobile-footer-copy{font-size:.7rem;color:var(--footer-text, #777)}@media (prefers-color-scheme: dark){.mobile-footer{--footer-bg: #1a1a1a;--footer-border: #333;--footer-link: #eee;--footer-text: #aaa}}.mobile-header{position:relative;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;z-index:1100}.mobile-header-wrapper{width:100%;height:100%;touch-action:pan-y}.mobile-header-banner{width:100%;object-fit:contain}.hamburger-button{position:fixed;top:10px;left:10px;width:20px;height:20px;display:flex;flex-direction:column;justify-content:space-around;background:transparent;border:none;cursor:pointer;padding:0;z-index:1110}.hamburger-line{width:100%;height:3px;background-color:#333;border-radius:3px;transition:background-color .3s ease}.hamburger-button:hover .hamburger-line{background-color:#555}.mobile-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background-color:#fff;box-shadow:3px 0 12px #00000026;transform:translate(-100%);transition:transform .3s ease;padding:20px 20px 40px;z-index:1120;overflow-y:auto;will-change:transform;clip-path:inset(0 100% 0 0)}.mobile-sidebar.open{transform:translate(0);clip-path:none}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1115}.close-button{position:absolute;top:12px;right:12px;width:30px;height:30px;background:#0000000d;border:none;border-radius:50%;font-size:22px;line-height:1;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.close-button:hover{background:#0000001f}.menu-list{list-style:none;margin:50px 0 0;padding:0}.menu-list>li{margin-bottom:18px}.menu-list a,.menu-list button.accordion-btn{color:#222;font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;background:none;border:none;padding:6px 0;width:100%;text-align:left;transition:color .3s ease;display:flex;justify-content:space-between;align-items:center}.menu-list a:hover,.menu-list button.accordion-btn:hover{color:#005ea3}.submenu{list-style:none;margin-top:8px;padding-left:16px;max-height:500px;overflow:hidden;transition:max-height .3s ease}.submenu li{margin-bottom:10px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.submenu li:hover{background-color:#d0e4ff}.submenu li:hover a{color:#005ea3}.submenu li a{font-weight:400;font-size:.9rem;color:#444;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease;text-decoration:none;width:100%}.submenu li a .item-count{background-color:#007acc;color:#fff;font-size:.75rem;font-weight:600;border-radius:12px;padding:2px 8px;min-width:24px;text-align:center;-webkit-user-select:none;user-select:none}.mobile-sidebar::-webkit-scrollbar{width:6px}.mobile-sidebar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.mobile-sidebar::-webkit-scrollbar-track{background:transparent}@media (prefers-color-scheme: dark){.mobile-sidebar{background-color:#121212;box-shadow:3px 0 12px #000000b3}.close-button{background:#ffffff1a;color:#ddd}.close-button:hover{background:#fff3}.menu-list a,.menu-list button.accordion-btn{color:#eee}.menu-list a:hover,.menu-list button.accordion-btn:hover{color:#6af}.submenu li{background-color:transparent}.submenu li:hover{background-color:#2a3a4a}.submenu li a{color:#ccc}.submenu li:hover a{color:#6af}.submenu li a .item-count{background-color:#39f;color:#fff}}.mobile-layout{position:relative;width:100%;height:100vh}.about-container{max-width:800px;margin:0 auto;padding:2rem;font-size:16px;line-height:1.8}.about-container h1{font-size:2rem;margin-bottom:1.5rem}.about-container h2{font-size:1.3rem;margin-top:2rem}.about-container ul{padding-left:1.5rem;list-style-type:disc}.profile-img{max-width:50%}.contact-container{max-width:600px;margin:0 auto;padding:2rem}.contact-form label{display:block;margin-bottom:1rem;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:.8rem;margin-top:.3rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.contact-form button{margin-top:1rem;padding:.8rem 1.5rem;font-size:1rem;background-color:#007acc;color:#fff;border:none;border-radius:4px;cursor:pointer}.contact-form button:hover{background-color:#005fa3}.error-message{color:red;margin-bottom:1rem}.success-message{font-weight:700;color:green}@media (prefers-color-scheme: dark){.contact-container{background-color:#121212;color:#eee}.contact-form label{color:#ddd}.contact-form input,.contact-form textarea{background-color:#1e1e1e;border:1px solid #444;color:#eee}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}.contact-form button{background-color:#3b82f6;color:#fff}.contact-form button:hover{background-color:#2563eb}.error-message{color:#f87171}.success-message{color:#4ade80}}.relation-group{margin:0 1rem 2rem}.relation-wrapper{padding:1rem;background-color:#f9f9f9;border-radius:8px;border:1px solid #ddd}.relation-article{background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;flex:0 0 auto;width:200px;scroll-snap-align:start;-webkit-user-select:none;user-select:none}.relation-article a{display:block;text-decoration:none;color:inherit}.relation-article img{width:100%;height:auto;object-fit:cover;display:block;margin:auto}.relation-article h4{margin:.5rem;font-size:1rem;font-weight:700;text-align:left}.relation-article p{margin:0 .5rem .5rem;font-size:.875rem;color:#555;text-align:left}.mobile-relation{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory}.mobile-relation::-webkit-scrollbar{height:8px}.mobile-relation::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.desktop-relation{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.desktop-relation .relation-article{width:100%}@media (prefers-color-scheme: dark){.relation-wrapper{background-color:#1e1e1e;border-color:#333}.relation-article{background:#2a2a2a;border-color:#444}.relation-article h4{color:#f1f1f1}.relation-article p{color:#bbb}.mobile-relation::-webkit-scrollbar-thumb{background-color:#fff3}}.post-footer{margin-top:4rem;border-top:1px solid #e0e0e0;padding:1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 15px #0000000d;margin-left:auto;margin-right:auto}.desktop-post-content-thumbnail{text-align:center;margin:auto;width:100%}.mobile-categories-section{padding:1rem;background:#fff;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif}.mobile-categories-title{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:#222}.mobile-categories-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.mobile-category-item{position:relative;transition:transform .15s ease,box-shadow .15s ease}.mobile-category-item:hover{transform:translateY(-2px)}.mobile-category-item a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;text-decoration:none;color:inherit;border-radius:6px;box-shadow:2px 4px 6px #0000001a;position:relative}.mobile-category-item a:before{content:"";position:absolute;top:0;left:0;border-top:18px solid rgba(0,0,0,.05);border-right:18px solid transparent;border-top-left-radius:6px}.mobile-category-name{font-size:1rem;font-weight:500}.mobile-category-count{font-size:.85rem;font-weight:700;color:#fff;padding:4px 10px;border-radius:9999px;min-width:28px;text-align:center}.mobile-category-item:nth-child(6n+1) a{background-color:#fff7c2}.mobile-category-item:nth-child(6n+2) a{background-color:#fde2e4}.mobile-category-item:nth-child(6n+3) a{background-color:#e0f7fa}.mobile-category-item:nth-child(6n+4) a{background-color:#e2f0cb}.mobile-category-item:nth-child(6n+5) a{background-color:#f3e8ff}.mobile-category-item:nth-child(6n) a{background-color:#ffe5b4}.mobile-category-count{background:linear-gradient(135deg,#4f8cff,#2a68e6);box-shadow:0 1px 3px #4f8cff4d}@media (prefers-color-scheme: dark){.mobile-categories-section{background:#1e1e1e}.mobile-categories-title{color:#f3f4f6}.mobile-category-item:nth-child(6n+1) a{background-color:#7c6f3f;color:#fff7c2}.mobile-category-item:nth-child(6n+2) a{background-color:#733f45;color:#fde2e4}.mobile-category-item:nth-child(6n+3) a{background-color:#2b4f52;color:#e0f7fa}.mobile-category-item:nth-child(6n+4) a{background-color:#3f5430;color:#e2f0cb}.mobile-category-item:nth-child(6n+5) a{background-color:#4b3d64;color:#f3e8ff}.mobile-category-item:nth-child(6n) a{background-color:#704c2a;color:#ffe5b4}.mobile-category-count{background:linear-gradient(135deg,#5a9bff,#3570d6);box-shadow:0 1px 3px #5a9bff4d}}.mobile-profile-section{margin:2.5rem 1rem 1.5rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;text-align:center;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif}.mobile-profile-section h3{text-align:left;font-size:1.25rem;font-weight:600;margin:.2rem .1rem .5rem;padding-bottom:.2rem;color:#333;border-bottom:2px solid #494949}.mobile-profile-avatar{width:100px;height:100px;object-fit:cover;border-radius:50%;margin:1rem 0 .5rem;box-shadow:0 2px 8px #00000026}.mobile-profile-name{font-size:1.1rem;font-weight:600;margin:.5rem 0 .25rem;color:#222}.mobile-profile-role{font-size:.9rem;color:#666;margin:.5rem 0}.mobile-profile-bio{font-size:.9rem;color:#444;line-height:1.5;margin-bottom:1rem}.mobile-profile-links{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem}.mobile-profile-links a{font-size:1.25rem;color:#e4405f;transition:transform .2s ease,color .2s ease}.mobile-profile-links a:hover{transform:scale(1.1);color:#c13584}.mobile-profile-detail-link{margin-top:1rem}.mobile-profile-detail-button{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#4f8cff,#2a68e6);color:#fff;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;transition:background .2s ease}.mobile-profile-detail-button:hover{background:linear-gradient(135deg,#3b79e3,#2159c7)}@media (prefers-color-scheme: dark){.mobile-profile-section{background:#1e1e1e;box-shadow:0 4px 12px #0006}.mobile-profile-section h3,.mobile-profile-name{color:#f3f4f6}.mobile-profile-role{color:#9ca3af}.mobile-profile-bio{color:#d1d5db}.mobile-profile-detail-button{background:linear-gradient(135deg,#5a9bff,#3570d6)}.mobile-profile-detail-button:hover{background:linear-gradient(135deg,#4a8af0,#2c6fc0)}}.mobile-tags-section{padding:1rem;background:#fff;font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:2rem}.mobile-tags-title{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:#222}.mobile-tags-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.mobile-tags-item{margin:0}.mobile-tags-item a{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,transform .15s ease}.mobile-tags-item a:hover{transform:translateY(-1px)}.mobile-tags-name{white-space:nowrap}.mobile-tags-item:nth-child(6n+1) a{background-color:#e0f2fe;color:#0369a1}.mobile-tags-item:nth-child(6n+2) a{background-color:#fce7f3;color:#9d174d}.mobile-tags-item:nth-child(6n+3) a{background-color:#ecfccb;color:#365314}.mobile-tags-item:nth-child(6n+4) a{background-color:#fef3c7;color:#92400e}.mobile-tags-item:nth-child(6n+5) a{background-color:#ede9fe;color:#5b21b6}.mobile-tags-item:nth-child(6n) a{background-color:#cffafe;color:#155e75}@media (prefers-color-scheme: dark){.mobile-tags-section{background:#1e1e1e;box-shadow:none}.mobile-tags-title{color:#f3f4f6}.mobile-tags-item a{color:#fff}.mobile-tags-item:nth-child(6n+1) a{background-color:#0369a1;color:#e0f2fe}.mobile-tags-item:nth-child(6n+2) a{background-color:#9d174d;color:#fce7f3}.mobile-tags-item:nth-child(6n+3) a{background-color:#365314;color:#ecfccb}.mobile-tags-item:nth-child(6n+4) a{background-color:#92400e;color:#fef3c7}.mobile-tags-item:nth-child(6n+5) a{background-color:#5b21b6;color:#ede9fe}.mobile-tags-item:nth-child(6n) a{background-color:#155e75;color:#cffafe}}.mobile-markdown-body{font-family:Segoe UI,Roboto,Helvetica Neue,sans-serif;color:#2e2e2e;line-height:1.6;font-size:.9rem;padding:.75rem;box-sizing:border-box}.mobile-markdown-body h1{font-size:1.8rem;margin-top:.4rem;margin-bottom:.8rem;border-bottom:2px solid #e0e0e0;padding-bottom:.4rem;font-weight:700;color:#1a1a1a}.mobile-markdown-body h2{font-size:1.5rem;margin-top:1.5rem;margin-bottom:.8rem;border-bottom:1px solid #dcdcdc;padding-bottom:.3rem;font-weight:600;color:#222}.mobile-markdown-body h3{font-size:1.2rem;margin-top:1.2rem;margin-bottom:.6rem;font-weight:600;color:#333}.mobile-markdown-body p{margin-bottom:1rem;color:#444}.mobile-markdown-body ul,.mobile-markdown-body ol{padding-left:1.2rem;margin-bottom:1rem}.mobile-markdown-body li{margin-bottom:.4rem}.mobile-markdown-body blockquote{border-left:3px solid #60a5fa;background-color:#f0f9ff;padding:.6rem 1rem;margin:1rem 0;color:#374151;font-style:italic;border-radius:4px}.mobile-markdown-body pre{margin:1rem 0;border-radius:8px;overflow-x:auto;background-color:#282c34;padding:.8rem;max-width:100%;font-size:.85rem}.code-block{background-color:#282c34;color:#abb2bf;padding:.8em;margin:1rem 0;border-radius:8px;font-family:Fira Code,Courier New,monospace;font-size:.85em;overflow-x:auto;line-height:1.6}.mobile-markdown-body code{background-color:#f4f4f5;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:.85em}.mobile-markdown-body img{max-width:100%;border-radius:6px;display:block;object-fit:contain;box-shadow:0 2px 8px #0000000d}.mobile-markdown-body hr{border:none;border-top:1px solid #ddd;margin:1.5rem 0}.mobile-markdown-body table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.85rem}.mobile-markdown-body th,.mobile-markdown-body td{border:1px solid #ddd;padding:.4rem .5rem;text-align:left}.mobile-markdown-body th{background-color:#f3f4f6;font-weight:700}@media (prefers-color-scheme: dark){.mobile-markdown-body{color:#ddd;background-color:#121212}.mobile-markdown-body h1{border-bottom-color:#444;color:#eee}.mobile-markdown-body h2{border-bottom-color:#555;color:#eee}.mobile-markdown-body h3{color:#ddd}.mobile-markdown-body p,.mobile-markdown-body ul,.mobile-markdown-body ol{color:#ccc}.mobile-markdown-body blockquote{border-left-color:#3b82f6;background-color:#1e293b;color:#cbd5e1}.mobile-markdown-body pre,.code-block{background-color:#1e1e2f;color:#abb2bf}.mobile-markdown-body code{background-color:#2a2a2a;color:#d1d5db}.mobile-markdown-body img{box-shadow:0 2px 8px #ffffff1a}.mobile-markdown-body hr{border-top-color:#444}.mobile-markdown-body table{border-color:#444}.mobile-markdown-body th,.mobile-markdown-body td{border-color:#555}.mobile-markdown-body th{background-color:#2a2a2a}}.post-footer{margin-top:4rem;border-top:1px solid #e0e0e0;padding:2rem 1rem;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 15px #0000000d;margin-left:auto;margin-right:auto}.post-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.post-meta{font-size:.9rem;color:#555;display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.meta-item{display:flex;align-items:center;gap:.5rem;color:#444}.meta-item span.post-tag{margin-right:.5rem;color:#007acc;font-size:.9rem}.meta-item .meta-link{color:#007acc;text-decoration:none;transition:color .3s ease}.meta-item .meta-link:hover{color:#005f99;text-decoration:underline}.post-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.post-tag-link{background-color:#e0f2fe;color:#0284c7;padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:background-color .3s ease,color .3s ease,transform .2s ease;border:1px solid #b3e5fc}.post-tag-link:hover{background-color:#0284c7;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.share-buttons{display:flex;gap:.75rem;align-items:end;margin-top:1rem}.share-buttons span{font-weight:600;color:#555;margin-right:.5rem}.share-buttons a{width:36px;height:36px;min-width:36px;background-color:#eee;border-radius:50%;padding:0;text-decoration:none;font-size:.9rem;color:#333;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:background-color .3s ease,transform .2s ease,opacity .3s ease;box-sizing:border-box}.share-buttons a:hover{opacity:.85;transform:scale(1.1)}.share-buttons a.X{background-color:#000;color:#fff}.share-buttons a.facebook{background-color:#4267b2;color:#fff}.share-buttons a.line{background-color:#00c300;color:#fff}.share-button img{width:20px;height:20px;object-fit:contain;display:block;transition:transform .2s}.share-button:hover img{transform:scale(1.2)}.mobile-post-content-thumbnail{text-align:center;margin:auto}@media (prefers-color-scheme: dark){.post-footer{background-color:#222;border-color:#444;box-shadow:0 4px 15px #ffffff0d;color:#ccc}.post-footer-inner{gap:1.5rem}.post-meta{color:#bbb}.meta-item{color:#aaa}.meta-item span.post-tag,.meta-item .meta-link{color:#6cb2eb}.meta-item .meta-link:hover{color:#3a8dd5}.post-tags{margin-top:.5rem}.post-tag-link{background-color:#1e40af;color:#bfdbfe;border-color:#3b82f6}.post-tag-link:hover{background-color:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f6b3}.share-buttons{margin-top:1rem}.share-buttons span{color:#bbb}.share-buttons a{background-color:#444;color:#ddd}.share-buttons a.X{background-color:#222;color:#eee}.share-buttons a.facebook{background-color:#2a458c}.share-buttons a.line{background-color:#017a00}.share-button img{filter:brightness(0) invert(1)}}.privacy-container{max-width:800px;margin:0 auto;padding:2rem;font-size:16px;line-height:1.7}.privacy-container h1{font-size:2rem;margin-bottom:1.5rem}.privacy-container h2{font-size:1.2rem;margin-top:1.8rem}@media (prefers-color-scheme: dark){.privacy-container{color:#ccc;background-color:#121212}.privacy-container h1{color:#eee}.privacy-container h2{color:#bbb}}.post-card{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;background-color:#fff;margin-bottom:.8rem}.post-card a{text-decoration:none;color:inherit}.post-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.post-card-wrapper{display:flex;gap:1.2rem;padding:.8rem 1rem;align-items:center}.post-card-image-container{flex-shrink:0;width:180px;height:120px;border-radius:8px;overflow:hidden}.post-card-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.post-card-content{display:flex;flex-direction:column;justify-content:space-between;flex:1;position:relative;padding:0 16px}.post-title{font-size:1.4rem;font-weight:700;line-height:1.4;margin:.4rem 0;color:#222}.post-title a:hover{text-decoration:underline;color:#0056b3}.post-main-text{color:#666;font-size:.95rem;line-height:1.6;margin:.4rem 0 .8rem}.post-card-meta{display:flex;flex-direction:column;gap:8px}.category-badge{display:inline-flex;align-items:center;font-size:.75rem;font-weight:500;padding:0 8px 4px;border-radius:6px;gap:4px;background-color:#e3f2fd;color:#1976d2}.desktop-tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{background-color:#f0f0f0;color:#777;font-size:.75rem;padding:3px 8px;border-radius:12px}.post-card-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:.4rem;flex-wrap:wrap;gap:8px}.post-date-container{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:.75rem;color:#888}.meta-icon,.calendar-icon{width:16px;height:16px;vertical-align:middle}@media (prefers-color-scheme: dark){.post-card{background-color:#1e1e1e;border-color:#333;box-shadow:none}.post-card:hover{box-shadow:0 4px 12px #ffffff1f;transform:translateY(-2px)}.post-title{color:#ddd}.post-title a:hover{color:#82aaff}.post-main-text{color:#aaa}.post-card-meta{gap:8px}.category-badge{background-color:#26418f;color:#bbdefb}.tag-badge{background-color:#333;color:#bbb}.post-card-footer{color:#aaa}.post-date-container{color:#888}.meta-icon,.calendar-icon{filter:brightness(0) invert(1)}}.mobile-article-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden;margin-bottom:20px;transition:box-shadow .3s ease}.mobile-article-card:hover{box-shadow:0 6px 18px #00000026}.mobile-article-card-link{color:inherit;text-decoration:none;display:block}.mobile-article-card-image-container{height:200px;overflow:hidden;border-bottom:1px solid #eee;justify-content:center;display:flex}.mobile-article-card-image{width:auto;height:100%;object-fit:cover;display:block;transition:transform .3s ease;margin:0 auto}.mobile-article-card:hover .mobile-article-card-image{transform:scale(1.05)}.mobile-article-card-content{padding:16px}.mobile-article-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;color:#666}.mobile-category-badge{display:flex;align-items:center;gap:6px;font-weight:600;color:#007acc}.mobile-post-date{display:flex;align-items:center;gap:4px}.mobile-meta-icon{width:16px;height:16px;display:inline-block}.mobile-post-title{font-size:1.1rem;font-weight:700;margin:0 0 8px;line-height:1.3}.mobile-post-summary{font-size:.8rem;color:#444;line-height:1.4;max-height:3.6em;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px}.mobile-tag-list{display:flex;flex-wrap:wrap;gap:.3rem}.mobile-tag-badge{background:#e6f0ff;color:#007acc;font-size:.7rem;padding:3px 7px;border-radius:12px;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme: dark){.mobile-article-card{background:#1e1e1e;box-shadow:0 2px 12px #000c}.mobile-article-card-meta,.mobile-post-summary{color:#bbb}.mobile-category-badge,.mobile-tag-badge{background:#036;color:#80b3ff}.mobile-post-title{color:#fff}.mobile-article-card-image-container{border-bottom:1px solid #444}}.mobile-main-page{margin:0 1rem 2rem}h3{margin:1rem 0;font-size:1.25rem;color:#333}.pagination{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.page-btn{background-color:#f0f0f0;border:none;padding:8px 14px;font-size:14px;color:#555;border-radius:6px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 5px #0000000d}.page-btn:hover:not(:disabled){background-color:#0070f3;color:#fff;box-shadow:0 4px 8px #0070f34d}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-btn.active{background-color:#0070f3;color:#fff;font-weight:600;box-shadow:0 4px 12px #0070f380}@media (prefers-color-scheme: dark){h3{color:#ddd}.pagination{-webkit-user-select:none;user-select:none}.page-btn{background-color:#2a2a2a;color:#bbb;box-shadow:0 0 5px #ffffff0d}.page-btn:hover:not(:disabled){background-color:#3b82f6;color:#fff;box-shadow:0 4px 8px #3b82f699}.page-btn:disabled{opacity:.3}.page-btn.active{background-color:#3b82f6;color:#fff;font-weight:600;box-shadow:0 4px 12px #3b82f6cc}}