:root{--bg: #0a0a18;--bg2: #0f0f22;--card-bg: rgba(18, 18, 36, .55);--card-border: rgba(100, 160, 220, .2);--card-hover-border: rgba(120, 190, 255, .5);--card-hover-glow: rgba(80, 150, 220, .2);--text: #e8e8f0;--text-dim: #9999aa;--text-title: #ffffff;--accent: #5ba0e8;--accent2: #9b6dff;--tag-bg: rgba(90, 150, 220, .15);--tag-text: #8ab8e8;--nav-active: #6db3f0;--nav-inactive: #667788;--ripple: rgba(120, 180, 240, .5);--badge-bg: rgba(100, 160, 220, .2);--badge-text: #a0c8f0;--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-hover: 0 16px 48px rgba(30, 80, 160, .25);--transition-speed: .35s}body.theme-pink{--bg: #1a0f14;--bg2: #1f1418;--card-bg: rgba(30, 16, 20, .55);--card-border: rgba(220, 140, 160, .2);--card-hover-border: rgba(255, 160, 180, .5);--card-hover-glow: rgba(220, 120, 150, .2);--text: #f0e4e8;--text-dim: #aa9599;--text-title: #ffffff;--accent: #e898a8;--accent2: #f0b0c0;--tag-bg: rgba(220, 140, 160, .15);--tag-text: #e8b0b8;--nav-active: #f0a0b0;--nav-inactive: #886670;--ripple: rgba(240, 150, 180, .5);--badge-bg: rgba(220, 140, 160, .2);--badge-text: #f0c0c8;--shadow-hover: 0 16px 48px rgba(180, 60, 100, .25)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(ellipse at 30% 20%,var(--bg2) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(20,20,50,.6) 0%,transparent 50%);font-family:Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;color:var(--text);min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;transition:background var(--transition-speed),color var(--transition-speed);position:relative}#particlesCanvas,#rippleContainer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.ripple-ring{position:absolute;border-radius:50%;border:1.5px solid var(--ripple);animation:rippleExpand 1.2s ease-out forwards;pointer-events:none}@keyframes rippleExpand{0%{width:20px;height:20px;opacity:.8;transform:translate(-50%,-50%) scale(0)}to{width:300px;height:300px;opacity:0;transform:translate(-50%,-50%) scale(1)}}.theme-toggle{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent);transition:all var(--transition-speed);box-shadow:var(--shadow-card);user-select:none}.theme-toggle:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:scale(1.08)}.theme-toggle:active{transform:scale(.94)}.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:30px 24px 40px}.header{text-align:center;padding:30px 0 20px;position:relative;z-index:2}.header .logo{font-size:clamp(32px,6vw,52px);font-weight:300;letter-spacing:.06em;color:var(--text-title);background:linear-gradient(135deg,#ffffff 0%,var(--accent) 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(100,170,240,.4));transition:filter var(--transition-speed);display:inline-block}.header .slogan{display:block;font-size:clamp(14px,2.5vw,18px);font-weight:300;letter-spacing:.2em;color:var(--text-dim);margin-top:8px;transition:color var(--transition-speed)}.search-wrapper{display:flex;justify-content:center;margin:10px 0 25px;position:sticky;top:10px;z-index:50}.search-box{width:100%;max-width:480px;padding:14px 20px;border-radius:28px;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);color:var(--text);font-size:15px;outline:none;transition:all .3s;box-shadow:var(--shadow-card)}.search-box::placeholder{color:var(--text-dim);opacity:.7}.search-box:focus{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover)}.no-result{text-align:center;color:var(--text-dim);font-size:14px;margin:20px 0;display:none}.no-result a{color:var(--accent);cursor:pointer;text-decoration:none}.no-result a:hover{text-decoration:underline}.section-wrapper{margin-bottom:20px}.section-header{display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;padding:14px 20px;border-radius:14px;background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);transition:all .3s;user-select:none;position:relative;z-index:10}.section-header:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover)}.section-title{font-size:clamp(16px,3vw,20px);font-weight:500;letter-spacing:.06em;color:var(--text-title);margin:0}.section-arrow{font-size:14px;color:var(--accent);transition:transform .3s;display:inline-block}.section-wrapper.open .section-arrow{transform:rotate(180deg)}.section-content{overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.33,1,.68,1);margin-top:0}.section-wrapper.open .section-content{max-height:none;margin-top:16px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{display:block;text-decoration:none;color:inherit;background:var(--card-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--card-border);border-radius:14px;padding:18px 16px;position:relative;overflow:hidden;cursor:pointer;transition:all var(--transition-speed);box-shadow:var(--shadow-card)}.card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--card-hover-glow);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease,opacity .5s ease;pointer-events:none;z-index:0;opacity:0}.card:hover:before{width:350px;height:350px;opacity:1}.card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-hover);transform:translateY(-4px);z-index:2}.card:active{transform:scale(.97);transition:transform .15s}.card>*{position:relative;z-index:1}.card-icon{font-size:22px;margin-bottom:6px;display:block}.card-title{font-size:15px;font-weight:600;letter-spacing:.03em;color:var(--text-title);margin-bottom:4px}.card-desc{font-size:12px;color:var(--text-dim);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-badge{display:inline-block;font-size:10px;padding:3px 8px;border-radius:10px;background:var(--badge-bg);color:var(--badge-text);margin-top:8px;letter-spacing:.04em}.section-wrapper:not(.open) .card{backdrop-filter:none;-webkit-backdrop-filter:none}.section-wrapper.open .card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.contribute{margin-top:40px;padding:24px 20px;border-radius:14px;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);text-align:center;box-shadow:var(--shadow-card)}.contribute h2{font-size:18px;font-weight:500;color:var(--text-title);margin-bottom:10px}.contribute .email-line{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.contribute .email-btn{font-size:16px;color:var(--accent);background:#ffffff0d;padding:6px 16px;border-radius:18px;border:1px solid var(--card-border);cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:4px}.contribute .email-btn:hover{background:#ffffff1a;border-color:var(--card-hover-border)}.contribute .note{font-size:11px;color:var(--text-dim);opacity:.8;max-width:480px;margin:0 auto}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:all .3s}.modal-overlay.active{visibility:visible;opacity:1}.modal{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:18px;padding:25px 20px;max-width:360px;text-align:center;box-shadow:0 20px 60px #00000080}.modal p{font-size:15px;color:var(--text);margin-bottom:12px}.modal .format-tip{font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:15px}.modal .countdown{font-weight:600;color:var(--accent);margin-bottom:15px}.modal .btn-group{display:flex;gap:12px;justify-content:center}.modal button{padding:10px 22px;border-radius:22px;border:1px solid var(--card-border);background:#ffffff0f;color:var(--text);cursor:pointer;font-size:14px;transition:all .3s}.modal button:hover{background:#ffffff1f}.modal button:disabled{opacity:.4;cursor:not-allowed}.footer{text-align:center;padding:20px 0 10px;font-size:11px;color:var(--text-dim);letter-spacing:.08em;line-height:1.8}.footer .statement{font-size:12px;color:var(--text-dim);opacity:.9;margin-bottom:6px}.footer a{color:var(--accent);text-decoration:none}a:focus-visible,button:focus-visible,.section-header:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:12px}.theme-toggle{bottom:20px;right:16px;width:40px;height:40px;font-size:18px}}@media(max-width:480px){.cards-grid{grid-template-columns:1fr;gap:10px}.card{padding:15px 14px;border-radius:12px}.card-title{font-size:14px}.card-desc{font-size:11px}.contribute{padding:18px 14px}}.contribute .note{font-size:13px;font-weight:500;color:#b0b8c8;max-width:480px;margin:0 auto}.header .slogan{font-size:clamp(28px,5.5vw,42px);font-weight:700;letter-spacing:.06em;background:linear-gradient(135deg,#5bc0eb,#9b6dff,#e8b86d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(120,150,240,.5));margin-bottom:24px;line-height:1.3}