:root{--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98% 0 0);--color-base-300: oklch(95% 0 0);--color-base-content: oklch(21% .006 285.885);--color-primary: oklch(59% .23 17.2);--color-primary-content: oklch(97% .013 17.38);--color-primary-transparent: oklch(59% .23 17.2 / .3);--color-secondary: oklch(71% .19 3.34);--color-secondary-content: oklch(40% .153 2.432);--color-secondary-transparent: oklch(71% .19 3.34 / .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:54px}body{font-family:PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif;line-height:1.5;color:var(--color-base-content);background-color:var(--color-base-200)}ul,ol{list-style:none}em,i{font-style:normal}a{color:var(--color-base-content);text-decoration:none}img{vertical-align:middle}input{border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:400}.container{width:98%;margin:0 auto;@media(width>=40rem){width:95%;max-width:40rem}@media(width>=48rem){width:90%;max-width:48rem}@media(width>=64rem){width:85%;max-width:64rem}@media(width>=80rem){width:80%;max-width:80rem}@media(width>=96rem){max-width:96rem}}.header{position:sticky;top:0;z-index:1;background-color:var(--color-base-100);box-shadow:0 2px 5px #00000029}.header .container{display:flex;justify-content:space-between;align-items:center;height:56px}.header .logo{height:50px;width:50px}.header .logo h1{width:100%;height:100%}.header .logo h1 a{display:block;width:100%;height:100%;border-radius:8px;background:url(/icon.png) no-repeat center/cover;text-indent:-9999px;overflow:hidden}.header .navigation{display:flex;justify-content:center;align-items:center;user-select:none}.header .navigation .nav-links ul{display:flex;justify-content:center;align-items:center}.header .navigation .nav-links li a{display:block;padding:8px 16px;border-radius:4px;font-size:18px;color:var(--color-base-content)}.header .navigation .menu-btn{margin-left:8px;width:24px;height:24px;cursor:pointer}.header .navigation .menu-btn:hover{transform:scale(1.1)}.header .navigation .menu-btn svg{width:24px;height:24px}.header .navigation .menu{display:none;position:absolute;top:60px;z-index:1}:has(.menu-btn[aria-expanded=true]) .menu{display:unset}.header .navigation .menu ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;width:150px;padding:4px 0;border-radius:8px;border:1px solid var(--color-base-300);background-color:var(--color-base-100)}.header .navigation .menu li a{display:block;padding:8px 16px;border-radius:4px;font-size:16px;transition:all .3s}.header .navigation .menu li a:hover{color:var(--color-secondary-content);background-color:var(--color-secondary)}.main{min-height:calc(100vh - 100px);padding:25px 0 50px;background:url(https://s41.ax1x.com/2025/12/12/pZM9B0x.webp) no-repeat fixed center 35%/cover}.footer{height:44px;line-height:44px;text-align:center;color:#eee;background-color:#333}.snowflake{position:fixed;color:#e0e0e0;font-size:20px;animation:fall 10s linear infinite;user-select:none}@keyframes fall{0%{top:-10px;transform:translate(0)}to{top:100%;transform:translate(61.8vw)}}.resource-panel{width:100%;margin-bottom:20px}.resource-panel:last-child{margin-bottom:0}.resource-panel .resource-name{margin:5px 0}.resource-panel .resource-name h2{font-size:20px;font-weight:700}.resource-panel .resource-sites ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:space-between;gap:8px}.resource-panel .resource-sites li{background-color:var(--color-base-100);border-radius:8px;box-shadow:0 2px 5px #00000029;transition:all .3s}.resource-panel .resource-sites li:hover{transform:translateY(-4px)}.resource-panel .resource-sites li .card{display:block;padding:8px}.card .card-head{display:flex;align-items:center}.card .card-head .site-image{height:32px;width:32px;margin-right:8px;border-radius:4px;overflow:hidden}.card .card-head .site-image .letter{display:block;width:32px;font-size:18px;line-height:32px;text-align:center;color:var(--color-primary-content);background-color:var(--color-primary)}.card .card-head .site-name{flex:1;min-width:0}.card .card-head .site-name h3{font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .card-body .site-description{margin-top:4px;font-size:14px}.card .card-body .site-tags{display:flex;align-items:center;gap:4px;margin-top:4px;flex-wrap:wrap}.card .card-body .site-tags span{font-size:12px;background:var(--color-primary);color:var(--color-primary-content);border-radius:12px;padding:3px 12px}.search-box{display:flex;justify-content:center;align-items:center;height:calc(62vh - 25px)}.search-box .search-bar{width:90%;max-width:750px;margin:0 auto}.search-box .search-bar .search-tab{margin-bottom:8px}.search-box .search-bar .search-tab .tab-item{display:inline-block;padding:4px 8px;font-size:14px;font-weight:700;color:var(--color-base-300);border:1px solid var(--color-base-300);border-radius:4px;cursor:pointer;transition:all .3s}.search-box .search-bar .search-tab .tab-item.active{color:var(--color-primary-content);background-color:var(--color-primary)}.search-box .search-bar .search-tab .tab-item:hover{transform:scale(1.05)}.search-box .search-bar .search-form{display:flex;justify-content:space-between;align-items:center;height:50px;border-radius:25px;border:2px solid var(--color-base-300);overflow:hidden}.search-box .search-bar .search-form .search-content{flex:1;height:100%}.search-content input{width:100%;height:100%;padding-left:20px;font-size:16px;color:var(--color-base-100);background:transparent;transition:all .3s}.search-content input:focus{color:var(--color-base-content);background-color:#ffffffb3}.search-content input::placeholder{color:var(--color-base-300)}.search-content input:focus::placeholder{color:var(--color-base-content)}.search-box .search-bar .search-btn{display:flex;align-items:center;height:100%;padding:0 14px;cursor:pointer;color:var(--color-base-content);background-color:var(--color-base-100)}.search-box .search-bar .search-btn:hover svg{transform:scale(1.1)}.search-box .search-bar .search-btn svg{width:24px;height:24px}