:root{--bg-color:#f9f9f9;--text-color:#333;--link-color:#4a90e2;--link-hover-color:#2a70c2;--border-color:#e0e0e0;--toggle-bg:#e0e0e0;--toggle-circle:#fff;--transition:all .3s ease;--font-sans:"LXGW WenKai Screen"}.dark-mode{--bg-color:#1a1a1a;--text-color:#f0f0f0;--border-color:#333;--toggle-bg:#4a4a4a;--toggle-circle:#333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:var(--transition);padding:clamp(1rem,5vw,2rem)}.container{width:100%;max-width:640px;min-height:calc(100vh - 2*clamp(1rem,5vw,2rem));margin:0 auto}.header{justify-content:space-between;align-items:center;margin-bottom:clamp(1.5rem,4vw,2.5rem);display:flex}h1{letter-spacing:-.02em;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700}.theme-toggle{background-color:var(--toggle-bg);cursor:pointer;width:3rem;height:1.5rem;transition:var(--transition);border-radius:1.5rem;flex-shrink:0;position:relative}.theme-toggle:after{content:"";background-color:var(--toggle-circle);width:1.1rem;height:1.1rem;transition:var(--transition);border-radius:50%;position:absolute;top:.2rem;left:.2rem;box-shadow:0 .125rem .25rem #0000001a}.theme-toggle.dark:after{transform:translate(1.5rem)}p{color:#666;transition:var(--transition);align-items:center;margin-bottom:clamp(1.5rem,4vw,2.5rem);font-size:clamp(1rem,3vw,1.125rem);line-height:1.5;display:flex}p:before{content:"";background-color:var(--link-color);border-radius:.25rem;width:.25rem;height:1.25rem;margin-right:.5rem;display:inline-block}.dark-mode p{color:#aaa}.links{flex-direction:column;gap:clamp(.75rem,2vw,1.25rem);display:flex}.link{border:1px solid var(--border-color);color:var(--text-color);text-align:left;background-color:var(--bg-color);border-radius:.5rem;padding:clamp(.75rem,2vw,1.25rem);text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.link:hover{border-color:var(--link-color);color:var(--link-color);transform:translateY(-.125rem);box-shadow:0 .25rem .75rem #0000000d}.link-image{object-fit:cover;border-radius:.375rem;flex-shrink:0;width:clamp(3rem,10vw,4rem);height:clamp(3rem,10vw,4rem);margin-right:clamp(.75rem,2vw,1.25rem)}.link-content{flex-direction:column;flex-grow:1;justify-content:center;display:flex}.link-title{margin-bottom:.25rem;font-size:clamp(1rem,3vw,1.125rem);font-weight:500}.link-desc{color:#666;transition:var(--transition);font-size:clamp(.875rem,2vw,1rem);line-height:1.4}.dark-mode .link-desc{color:#aaa}.link:after{content:"";border-top:1px solid var(--text-color);border-right:1px solid var(--text-color);width:.5rem;height:.5rem;transition:all .3s;position:absolute;top:50%;right:clamp(.75rem,2vw,1.25rem);transform:translateY(-50%)rotate(45deg)}.link:hover:after{border-color:var(--link-color);right:clamp(.625rem,1.5vw,1.125rem)}.social-links{justify-content:center;gap:clamp(1.25rem,3vw,2rem);margin-top:clamp(2rem,5vw,3rem);display:flex}.social-link{color:#888;border-radius:50%;justify-content:center;align-items:center;width:clamp(2.5rem,6vw,3.5rem);height:clamp(2.5rem,6vw,3.5rem);font-size:clamp(1.25rem,3vw,1.75rem);text-decoration:none;transition:all .3s;display:inline-flex}.social-link:hover{color:var(--link-color);transform:translateY(-.125rem)}.skeleton{background:linear-gradient(90deg, var(--bg-color) 25%, #e0e0e0 50%, var(--bg-color) 75%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}