body{font-family:sans-serif;margin:0;background-color:#f4f4f4;color:#333;transition:background-color .3s ease,color .3s ease}header{background-color:#333;color:#fff;padding:2rem 0;text-align:center}header h1{margin:0;font-size:2.5rem}#expertise{padding:2rem}#expertise h2{text-align:center;font-size:2rem;margin-bottom:2rem}.expertise-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.expertise-item{background-color:#fff;padding:1.5rem;border-radius:5px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.expertise-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.expertise-item i{font-size:3rem;margin-bottom:1rem;color:#333}.skill-bar-container{width:80%;background-color:#ddd;border-radius:5px;margin-top:1rem}.skill-bar{height:10px;background-color:#4caf50;border-radius:5px}footer{text-align:center;padding:1rem 0;background-color:#333;color:#fff;width:100%;display:flex;flex-direction:column;align-items:center;position:static}.social-links{margin-top:1rem}.social-links a{color:#fff;margin:0 1rem;font-size:1.5rem;text-decoration:none;display:inline-flex;align-items:center}.social-links a:hover{color:#62c462}.gitea-logo,.twice-logo{width:1.5rem;height:1.5rem;vertical-align:middle}.theme-switcher{position:fixed;top:20px;right:20px;background-color:transparent;color:#fff;border:none;font-size:1.5rem;cursor:pointer;z-index:1000;mix-blend-mode:difference}body.dark-mode .theme-switcher{color:#fff}body.dark-mode{background-color:#121212;color:#e0e0e0}body.dark-mode header{background-color:#1f1f1f}body.dark-mode .expertise-item{background-color:#1f1f1f;box-shadow:0 2px 5px #ffffff1a}body.dark-mode .expertise-item h3,body.dark-mode .expertise-item i{color:#e0e0e0}body.dark-mode .skill-bar-container{background-color:#555}body.dark-mode .skill-bar{background-color:#62c462}body.dark-mode footer{background-color:#1f1f1f}