*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Arial',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#ffffff}header{background-color:#f4f4f4;padding:15px}.header-container{background-color:#f4f4f4;color:#333;padding:15px;display:flex;align-items:center}.header-container img{box-shadow:-8px 5px 10px rgba(0,0,0,0.5);margin-right:30px;border-radius:50%}header h1{font-size:2rem;color:#333}.search-container{margin-bottom:20px;position:relative}.search-input{width:100%;padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:5px}.search-input:focus{outline:none;border-color:#017cff;box-shadow:0 0 5px rgba(1,124,255,0.5)}main{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin:20px}.link-container{background:#f9f9f9;border-color:#ddd;padding:15px;margin-bottom:15px}.link-container h2{margin-bottom:10px;color:#616161}.link{background:#f9f9f9;border-color:#ddd;color:#222;padding:10px 15px;transition:background-color 0.3s}@media (hover:hover){.link:hover{background-color:#e9e9e9;color:#333}}.link:active{background-color:#d9d9d9;color:#222}@media (max-width:768px){header h1{font-size:1.5rem}.link{font-size:1rem}}@media (min-width:768px){main{padding:20px;background-color:#fff}.category-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.link-container{margin:10px;padding:10px;background:#f9f9f9;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:5px;width:calc(33.333% - 20px)}.link-container h2{color:#424242;margin-bottom:10px}.link{display:block;margin-bottom:10px;padding:10px;background:#fff;border:1px solid #ddd;color:#222;border-radius:3px;transition:background-color 0.3s ease,color 0.3s ease;text-decoration:none}@media (hover:hover){.link:hover{background-color:#e9e9e9;color:#333}}.link:active{background-color:#d9d9d9;color:#222}}@media (max-aspect-ratio:16/9){main{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1)}.link-container{background:#f9f9f9;margin-bottom:15px;padding:15px;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,0.1);border-radius:5px}.link-container h2{margin-bottom:10px;color:#616161}.link{display:block;margin-bottom:10px;padding:10px 15px;background:#fff;border:1px solid #ddd;color:#222;border-radius:3px;transition:background-color 0.3s ease,color 0.3s ease;text-decoration:none}@media (hover:hover){.link:hover{background-color:#e9e9e9;color:#333}}.link:active{background-color:#d9d9d9;color:#222}}.theme-switch,.author-qq-button,.level-calc-button{font-size:12px;background-color:#0060f0;color:#EEEEEE;padding:10px 15px;border:none;border-radius:4px;transition:background-color 0.3s;text-decoration:none}@media (hover:hover){.theme-switch:hover,.author-qq-button:hover,.level-calc-button:hover,.back-to-top:hover{background-color:#0050d0}}.theme-switch:active,.author-qq-button:active,.level-calc-button:active,.back-to-top:active{background-color:#0040c0}.back-to-top{position:fixed;bottom:30px;right:30px;background-color:#0060f0;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;display:none}.back-to-top.show{display:block}.dark-mode{background:url("../images/bg.gif") repeat;color:#E0E0E0;font-family:'Arial',Tahoma,Geneva,Verdana,sans-serif}.dark-mode header{background:url("../images/bg.gif") repeat;padding:15px}.dark-mode header h1{color:#00ADB5;font-size:2rem;margin:0}.dark-mode .header-container img{box-shadow:-8px 5px 10px rgb(0 173 181 / 75%);margin-right:30px}@media (max-width:768px){.dark-mode header h1{font-size:1.5rem}}.dark-mode main{background:url("../images/bg.gif") repeat;color:#BBBBBB;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,0.5);padding:20px;margin:20px}.dark-mode .header-container{background:url("../images/bg.gif") repeat;padding:15px}.dark-mode .link-container{background:url("../images/bg.gif") repeat;border-color:#00ADB5;padding:15px;margin-bottom:15px}.dark-mode .link-container h2{color:#00ADB5}.dark-mode .link{background:#222831;border-color:#00ADB5;color:#EEEEEE;padding:10px 15px;transition:background-color 0.3s}@media (hover:hover){.dark-mode .link:hover{background-color:#00ADB5;color:#222831}}.dark-mode .link:active{background-color:#009DAE;color:#EEEEEE}.dark-mode .theme-switch,.dark-mode .author-qq-button,.dark-mode .level-calc-button{background-color:#222831;color:#EEEEEE;padding:10px 15px;border:none;border-radius:4px;transition:background-color 0.3s}.dark-mode .back-to-top{background-color:#00ADB5}@media (hover:hover){.dark-mode .theme-switch:hover,.dark-mode .author-qq-button:hover,.dark-mode .level-calc-button:hover,.dark-mode .back-to-top:hover{background-color:#00ADB5;color:#222831}}@media (hover:hover){.dark-mode .back-to-top:hover{background-color:#222831;color:#eee}}.dark-mode .theme-switch:active,.dark-mode .author-qq-button:active,.dark-mode .level-calc-button:active,.dark-mode .back-to-top:active{background-color:#009DAE;color:#EEEEEE}.dark-mode .back-to-top:active{background-color:#222831;color:#EEEEEE}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);animation:fadeIn 0.5s}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;animation:slideDown 0.5s;position:relative}@keyframes slideDown{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer}.close:hover,.close:focus{color:black;text-decoration:none}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px}.modal-body{padding:10px 0;font-size:16px;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;padding-top:10px;border-top:1px solid #ddd}.btn-confirm{background-color:#4CAF50;color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s}.btn-confirm:hover{background-color:#45a049}.fade-out{animation:fadeOut 0.5s}.sidebar{position:fixed;left:-300px;top:0;width:300px;height:100%;background-color:#282c34;overflow-x:hidden;transition:left 0.5s ease;padding-top:60px;z-index:1000;box-shadow:2px 0 12px rgba(0,0,0,0.4)}.sidebar.open{left:0}.sidebar a{padding:15px 20px;text-decoration:none;font-size:18px;color:#ffffff;display:block;transition:color 0.3s,background-color 0.3s;border-radius:4px;margin:5px 10px}.sidebar a:hover{color:#ffffff;background-color:#444}.sidebar .closebtn{position:absolute;top:15px;right:20px;font-size:36px;cursor:pointer;color:#ffffff}.toggle-sidebar-btn{position:fixed;top:50%;left:0;transform:translateY(-50%);font-size:20px;cursor:pointer;color:#282c34;background-color:#f8f9fa;border-radius:0 4px 4px 0;padding:5px;z-index:1001;transition:left 0.5s ease,background-color 0.3s;box-shadow:2px 0 8px rgba(0,0,0,0.2)}.toggle-sidebar-btn:hover{background-color:#e2e6ea}.toggle-sidebar-btn.open{left:300px}