html,body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}body{background:linear-gradient(135deg,#e3f2fd,#f0f4ff,#f5f7fa,#e8f0f8,#dde8f5);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(0,120,212,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(106,90,205,.03) 0%,transparent 50%);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.container{padding:0 2rem;position:relative;z-index:1}.theme-toggle{position:fixed;top:20px;right:20px;width:44px;height:44px;border:none;border-radius:12px;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a,inset 0 1px #ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1000;padding:0}.theme-icon{width:20px;height:20px;display:block;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.theme-icon-sun{display:none}.theme-icon-moon,html[data-theme=dark] .theme-icon-sun{display:block}html[data-theme=dark] .theme-icon-moon{display:none}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0078d426,0 4px 8px #0000001a,inset 0 1px #fffffff2;border-color:#0078d44d;color:#0078d4}.theme-toggle:active{transform:translateY(0);transition:all .1s cubic-bezier(.4,0,.2,1)}html[data-theme=dark] .theme-toggle{background:#1e1e1eb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d,0 1px 2px #0003,inset 0 1px #ffffff0d;color:#fff}html[data-theme=dark] .theme-toggle:hover{border-color:#0078d466;box-shadow:0 8px 24px #0078d440,0 4px 8px #0000004d,inset 0 1px #ffffff1a;color:#60cdff}.main{padding:3rem 0;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}.title{line-height:1.3;font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:.5rem;color:#1a1a1a;letter-spacing:-.02em}.title{background:linear-gradient(135deg,#0078d4,#106ebe,#005a9e 60%,#0078d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.title,.description{text-align:center}.description{margin:4rem 0;line-height:1.5;font-size:1.5rem}.grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:800px}.card{width:100%;margin:1rem;padding:1.5rem;text-align:left;color:inherit;text-decoration:none;max-width:300px;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a,inset 0 1px #ffffffe6;transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateY(0);position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,#0078d41a,#ffffff4d,#0078d41a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.card.pin{background:#f7f7f7bf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.card:hover,.card:focus{color:#0078d4;transform:translateY(-2px);box-shadow:0 8px 24px #0078d426,0 4px 8px #0000001a,inset 0 1px #fffffff2;border-color:#0078d44d}.card:hover:before,.card:focus:before{opacity:1}.card:active{transform:translateY(0);transition:all .1s cubic-bezier(.4,0,.2,1)}.card h2{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a;letter-spacing:-.01em;transition:color .2s cubic-bezier(.4,0,.2,1)}.card:hover h2,.card:focus h2{color:#0078d4}.card .title-icon{display:flex;align-items:center;margin-bottom:1rem;gap:.75rem}.card .title-icon img{width:32px;height:32px;transition:transform .2s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.card:hover .title-icon img,.card:focus .title-icon img{transform:scale(1.05)}.card p{margin:0;font-size:.9375rem;line-height:1.6;color:#605e5c;transition:color .2s cubic-bezier(.4,0,.2,1)}.card:hover p,.card:focus p{color:#323130}.card .single{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap}.beian{margin-bottom:24px;margin-top:32px;text-align:center}.beian img{width:14px;height:14px;margin:0 4px;vertical-align:middle}.beian a{text-decoration:none;font-size:13px;color:#605e5c;transition:color .2s cubic-bezier(.4,0,.2,1)}.beian a:hover{color:#0078d4}@media(max-width:600px){.grid{width:100%;flex-direction:column}}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{color:#fff;background:linear-gradient(135deg,#1a1a1a,#1f1f1f,#1a1a1a,#1d1d1d,#1a1a1a)}html[data-theme=dark] body:before{background-image:radial-gradient(circle at 20% 50%,rgba(0,120,212,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(106,90,205,.08) 0%,transparent 50%)}html[data-theme=dark] .title{background:linear-gradient(135deg,#60cdff,#4fc3f7,#29b6f6 60%,#60cdff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}html[data-theme=dark] .card{background:#1e1e1eb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d,0 1px 2px #0003,inset 0 1px #ffffff0d}html[data-theme=dark] .card:before{background:linear-gradient(135deg,#0078d433,#ffffff1a,#0078d433)}html[data-theme=dark] .card h2{color:#fff}html[data-theme=dark] .card:hover h2,html[data-theme=dark] .card:focus h2{color:#60cdff}html[data-theme=dark] .card:hover,html[data-theme=dark] .card:focus{border-color:#0078d466;box-shadow:0 8px 24px #0078d440,0 4px 8px #0000004d,inset 0 1px #ffffff1a}html[data-theme=dark] .card p{color:#c8c6c4}html[data-theme=dark] .card:hover p,html[data-theme=dark] .card:focus p{color:#e1dfdd}html[data-theme=dark] .pin.card{background:#282828bf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}html[data-theme=dark] .beian a{color:#c8c6c4}html[data-theme=dark] .beian a:hover{color:#60cdff}