#starfield{position:fixed;inset:0;z-index:0}.orbit-line{position:fixed;border:1px solid rgba(255,255,255,.04);border-radius:50%;pointer-events:none;z-index:1}.orbit-1{width:120vw;height:120vw;top:-60vw;left:-10vw;animation:orbitRotate 120s linear infinite}.orbit-2{width:80vw;height:80vw;bottom:-40vw;right:-20vw;animation:orbitRotate 90s linear infinite reverse}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.side-nav{position:fixed;left:32px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:16px;opacity:0;transition:opacity .8s var(--ease-spring)}.side-nav.visible{opacity:1}.nav-dot-item{width:10px;height:10px;border-radius:50%;background:var(--c-text-tertiary);cursor:pointer;position:relative;transition:all .2s}.nav-dot-item:after{content:attr(data-label);position:absolute;left:24px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--c-text-secondary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;letter-spacing:.1em;text-transform:uppercase}.nav-dot-item:hover,.nav-dot-item.active{background:#fff;box-shadow:0 0 12px #ffffff80;transform:scale(1.3)}.nav-dot-item:hover:after{opacity:1}.intro-screen{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(255,255,255,.05),var(--c-void) 65%);transition:all 1.2s var(--ease-spring)}.intro-screen.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.1);filter:blur(20px)}.intro-title{font-size:clamp(2.8rem,8vw,5rem);font-weight:200;letter-spacing:.2em;background:linear-gradient(135deg,#fff,#ffffff8c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeUp 1s var(--ease-spring) .3s forwards}.intro-subtitle{font-size:.75rem;letter-spacing:.4em;color:var(--c-text-tertiary);text-transform:uppercase;opacity:0;animation:fadeUp 1s var(--ease-spring) .5s forwards;margin-bottom:2rem}.intro-text{max-width:420px;text-align:center;color:var(--c-text-secondary);font-size:.95rem;line-height:2;margin-bottom:3rem;min-height:3em;opacity:0;visibility:hidden;animation:fadeUp 1s var(--ease-spring) .7s forwards}.intro-btn{position:relative;padding:.9rem 2.8rem;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.3);background:#ffffff0b;backdrop-filter:blur(14px) saturate(1.7) brightness(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.7) brightness(1.12);color:#fff;font-family:var(--font);font-size:.9rem;font-weight:500;letter-spacing:.12em;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px #ffffff52,inset 0 -8px 16px #ffffff0f,0 0 28px #ffffff14;opacity:0;animation:fadeUp 1s var(--ease-spring) .9s forwards;transition:all .25s}.intro-btn:hover{transform:translateY(-3px) scale(1.03);background:#ffffff17;border-color:#ffffff80;box-shadow:inset 0 1px #fff6,inset 0 -10px 20px #ffffff17,0 0 56px #ffffff2e}@keyframes fadeUp{0%{opacity:0;visibility:hidden;transform:translateY(24px)}to{opacity:1;visibility:visible;transform:translateY(0)}}.hero-section{min-height:100vh;display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:center;padding:0 4rem;max-width:1400px;margin:0 auto;position:relative;z-index:10}.hero-main{opacity:0;transform:translateY(40px);transition:all 1.2s var(--ease-spring)}.hero-section.visible .hero-main{opacity:1;transform:translateY(0)}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem 1rem;border-radius:var(--r-pill);background:#ffffff0f;border:1px solid rgba(255,255,255,.18);font-size:.7rem;letter-spacing:.3em;color:#ffffffd9;text-transform:uppercase;margin-bottom:1.5rem}.hero-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--c-accent);animation:pulse 2.5s infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.hero-heading{font-size:clamp(3.5rem,9vw,6.5rem);font-weight:200;line-height:1.05;letter-spacing:.05em;margin-bottom:1.5rem;background:linear-gradient(180deg,#fff 0% 55%,#ffffff73);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.1rem;color:var(--c-text-secondary);line-height:2;max-width:520px;margin-bottom:2.5rem;font-weight:300}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-side{display:flex;flex-direction:column;gap:1.2rem;opacity:0;transform:translate(30px);transition:all 1.2s var(--ease-spring) .3s}.hero-section.visible .hero-side{opacity:1;transform:translate(0)}.announce-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.5rem;position:relative;overflow:hidden;transition:all .4s var(--ease-spring)}.announce-card:hover{border-color:var(--c-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.announce-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);opacity:.6}.announce-label{display:flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.25em;color:var(--c-accent);text-transform:uppercase;margin-bottom:1rem;opacity:.8}.announce-content{color:var(--c-text-secondary);font-size:.9rem;line-height:1.9}.stats-card{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-md);padding:1rem;text-align:center;transition:all .2s}.stat-item:hover{border-color:var(--c-border-strong);background:var(--c-surface-2)}.stat-num{font-size:1.5rem;font-weight:300;color:var(--c-text-primary)}.stat-label{font-size:.7rem;color:var(--c-text-tertiary);letter-spacing:.1em}.section{padding:5rem 2rem;max-width:1400px;margin:0 auto;position:relative;z-index:10}.section-head{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;font-size:.7rem;letter-spacing:.35em;color:var(--c-accent);text-transform:uppercase;margin-bottom:1rem;opacity:.8}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:300;letter-spacing:.05em;margin-bottom:1rem;color:#eef1f8;text-shadow:0 0 46px rgba(255,255,255,.22)}.section-line{position:relative;width:200px;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);opacity:.55}.section-line:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;transform:translate(-50%,-50%) rotate(45deg);background:#fff;box-shadow:0 0 10px #ffffff80}.section-line:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(255,255,255,.22)}.blog-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.blog-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:2rem;cursor:pointer;position:relative;overflow:hidden;transition:all .4s var(--ease-spring);min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.blog-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.08),transparent 60%);opacity:0;transition:opacity .2s;pointer-events:none}.blog-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ffffffe6,#ffffff4d);opacity:0;transition:opacity .2s}.blog-card:hover{background:var(--c-surface-3);border-color:var(--c-border-strong);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-card:hover:before,.blog-card:hover:after{opacity:1}.blog-card.featured{grid-column:span 2;min-height:220px}.blog-date{font-size:.72rem;color:var(--c-text-tertiary);letter-spacing:.08em;margin-bottom:.8rem}.blog-date:before{content:"\2726";color:var(--c-accent);opacity:.7;font-size:.9em;margin-right:.5em}.blog-title{font-size:1.25rem;font-weight:500;margin-bottom:.8rem;transition:color .2s}.blog-card:hover .blog-title{color:#fff}.blog-excerpt{font-size:.9rem;color:var(--c-text-secondary);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:3rem}.page-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--c-border);background:transparent;color:var(--c-text-secondary);font-family:var(--font);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.page-btn:hover:not(:disabled){border-color:#ffffff73;color:var(--c-text-primary);background:#ffffff1a}.page-btn:disabled{opacity:.25;cursor:default}.page-num{font-size:.85rem;color:var(--c-text-tertiary)}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:stretch}.feature-card{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:2rem;position:relative;overflow:hidden;transition:all .4s var(--ease-spring);display:flex;flex-direction:column}.feature-card:hover{border-color:var(--c-border-strong);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.card-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--c-border)}.card-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#fff,#ffffff8c);box-shadow:0 0 12px #ffffff4d;animation:pulse 2.5s infinite}.card-title{font-size:.78rem;letter-spacing:.25em;color:var(--c-accent);text-transform:uppercase;font-weight:500}.rank-list{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;padding-right:.5rem;max-height:360px}.rank-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--r-md);transition:all .2s}.rank-row:hover{background:#ffffff0f}.rank-left{display:flex;align-items:center;gap:1rem}.rank-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:600;background:#ffffff14;color:var(--c-text-primary)}.rank-badge.gold{background:linear-gradient(135deg,#ffffff38,#ffffff14);color:#fff;box-shadow:0 0 16px #ffffff4d}.rank-badge.silver{background:#d4d8de2e;color:#d8dce2e6}.rank-badge.bronze{background:#dcaa782e;color:#dcb482e6}.vote-btn{padding:.35rem 1rem;border-radius:var(--r-pill);font-family:var(--font);font-size:.72rem;font-weight:500;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--c-text-primary);cursor:pointer;transition:all .2s}.vote-btn:hover{background:#ffffff2e;border-color:#ffffff73}.vote-btn:disabled{opacity:.35;cursor:default}.msg-list{display:flex;flex-direction:column;gap:.6rem;max-height:340px;overflow-y:auto;padding-right:.3rem}.msg-list::-webkit-scrollbar{width:3px}.msg-list::-webkit-scrollbar-track{background:transparent}.msg-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.msg-list::-webkit-scrollbar-thumb:hover{background:#fff3}.msg-item{padding:.75rem .85rem;background:var(--c-surface-0);border-radius:var(--r-md);border:1px solid var(--c-border)}.msg-item:hover{border-color:var(--c-border-hover);background:var(--c-surface-1)}.msg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.msg-author{font-size:.76rem;font-weight:500;color:var(--c-text-primary)}.msg-time{font-size:.62rem;color:var(--c-text-tertiary)}.msg-body{font-size:.84rem;color:var(--c-text-secondary);line-height:1.6}.cm-list{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}.cm-card{display:flex;gap:.85rem;padding:.95rem 1.05rem;background:var(--c-surface-0);border:1px solid var(--c-border);border-radius:var(--r-md);transition:border-color .2s,background .2s}.cm-card:hover{border-color:var(--c-border-hover);background:var(--c-surface-1)}.cm-avatar{width:40px;height:40px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:var(--c-text-primary);font-size:1rem;font-weight:400;letter-spacing:.02em}img.cm-avatar{object-fit:cover;display:block}.cm-main{flex:1;min-width:0}.cm-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.cm-author{font-size:.84rem;font-weight:500;color:var(--c-text-primary)}.cm-host{font-size:.7rem;color:var(--c-text-tertiary)}.cm-time{font-size:.62rem;color:var(--c-text-tertiary);margin-left:auto}.cm-body{margin-top:.3rem;font-size:.84rem;color:var(--c-text-secondary);line-height:1.7;word-break:break-word}.cm-card-pending{border-color:#d4af3747}.cm-pending{margin-top:.5rem;padding:.38rem .65rem;font-size:.72rem;color:#e0c478eb;background:#d4af3712;border:1px solid rgba(212,175,55,.22);border-radius:var(--r-sm);line-height:1.5}.cm-reply{margin-top:.55rem;padding:.45rem .75rem;font-size:.8rem;color:var(--c-text-secondary);line-height:1.6;background:#ffffff09;border-left:2px solid rgba(212,175,55,.5);border-radius:0 var(--r-sm) var(--r-sm) 0;word-break:break-word}.cm-reply-author{color:#e0c478eb;font-size:.72rem;margin-right:.4rem}.cm-empty{text-align:center;color:var(--c-text-tertiary);padding:1.5rem 0;font-size:.8rem}.blog-empty{color:var(--c-text-secondary);text-align:center;padding:3rem;grid-column:span 2}.rank-empty{text-align:center;color:var(--c-text-tertiary);padding:2rem}.rank-score{color:var(--c-text-tertiary)}a.blog-card{color:inherit;text-decoration:none}.music-btn{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;border:1px solid var(--c-border-strong);background:var(--c-surface-2);backdrop-filter:blur(24px);color:var(--c-text-primary);font-size:1.2rem;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-spring);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(12px)}.music-btn.show{opacity:1;transform:translateY(0)}.music-btn:hover{border-color:#fff6;box-shadow:0 0 24px #ffffff26;transform:translateY(-2px) scale(1.05)}.music-btn.playing{color:#fff;border-color:#ffffff59;box-shadow:0 0 24px var(--c-glow);animation:musicPulse 2.5s infinite}.music-btn.playing #musicIcon{animation:spin 4s linear infinite;display:inline-block}@keyframes musicPulse{0%,to{box-shadow:0 0 24px var(--c-glow)}50%{box-shadow:0 0 36px #ffffff4d}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.music-btn{bottom:1.2rem;right:1.2rem;width:42px;height:42px}}.music-panel{position:fixed;right:2rem;bottom:calc(2rem + 56px);width:300px;z-index:99;background:var(--c-surface-2);border:1px solid var(--c-border-strong);border-radius:var(--r-lg);backdrop-filter:blur(24px);box-shadow:var(--shadow-lg);padding:1rem 1.1rem .9rem;opacity:0;transform:translateY(12px) scale(.98);visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease-spring),transform .25s var(--ease-spring),visibility 0s linear .25s}.music-panel.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .25s var(--ease-spring),transform .25s var(--ease-spring),visibility 0s}.music-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.music-meta{min-width:0}.music-title{font-size:.95rem;font-weight:600;color:var(--c-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist{font-size:.72rem;color:var(--c-text-tertiary);margin-top:.15rem}.music-close{background:none;border:none;color:var(--c-text-secondary);font-size:.85rem;cursor:pointer;padding:.1rem .3rem;line-height:1;transition:color .2s}.music-close:hover{color:var(--c-text-primary)}.music-progress input[type=range],.music-vol input[type=range]{width:100%;appearance:none;-webkit-appearance:none;height:3px;border-radius:2px;background:#ffffff1f;outline:none;cursor:pointer}.music-progress input[type=range]::-webkit-slider-thumb,.music-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 8px #ffffff80;transition:transform .2s}.music-progress input[type=range]::-webkit-slider-thumb:hover,.music-vol input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}.music-progress input[type=range]::-moz-range-thumb,.music-vol input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:none;box-shadow:0 0 8px #ffffff80}.music-time{display:flex;justify-content:space-between;font-size:.68rem;color:var(--c-text-tertiary);font-family:var(--mono);margin-top:.35rem}.music-ctrl{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin:1rem 0}.music-ctrl-btn{background:none;border:none;color:var(--c-text-secondary);font-size:1rem;cursor:pointer;padding:.2rem;transition:color .2s,transform .2s}.music-ctrl-btn:hover{color:var(--c-text-primary);transform:scale(1.15)}.music-play{width:44px;height:44px;border-radius:50%;border:1px solid var(--c-border-strong);background:var(--c-surface-3);color:var(--c-text-primary);font-size:.95rem;cursor:pointer;position:relative;overflow:hidden;transition:all .2s var(--ease-spring)}.music-play:hover{border-color:#fff6;box-shadow:0 0 18px var(--c-glow);transform:scale(1.06)}.music-play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .22s var(--ease-spring),transform .22s var(--ease-spring)}.music-play-icon.pause{opacity:0;transform:rotate(-120deg) scale(.5)}.music-play.is-playing .music-play-icon.play{opacity:0;transform:rotate(120deg) scale(.5)}.music-play.is-playing .music-play-icon.pause{opacity:1;transform:rotate(0) scale(1)}.music-vol{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--c-text-secondary)}.music-vol-icon{width:1.1rem;text-align:center;color:var(--c-text-tertiary)}.music-vol input[type=range]{flex:1}.music-vol-text{width:2.4rem;text-align:right;font-family:var(--mono);font-size:.7rem;color:var(--c-text-tertiary)}.music-list{display:flex;flex-direction:column;margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--c-border);max-height:150px;overflow-y:auto}.music-item{display:flex;align-items:center;gap:.7rem;background:none;border:none;padding:.42rem .5rem;border-radius:var(--r-sm);color:var(--c-text-secondary);font-size:.82rem;cursor:pointer;text-align:left;transition:background .2s,color .2s;width:100%}.music-item:hover{background:#ffffff0d;color:var(--c-text-primary)}.music-item.current{color:var(--c-accent)}.music-item-idx{font-family:var(--mono);font-size:.7rem;color:var(--c-text-tertiary);width:1.4rem}@media(max-width:768px){.music-panel{right:1.2rem;bottom:calc(1.2rem + 50px);width:min(300px,calc(100vw - 2.4rem))}}.msg-form{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--c-border)}.msg-form input,.msg-form textarea{background:#ffffff0a;border:1px solid var(--c-border);border-radius:var(--r-md);padding:.6rem .9rem;color:var(--c-text-primary);font-family:var(--font);font-size:.84rem;resize:vertical;outline:none;transition:border .2s}.msg-form input:focus,.msg-form textarea:focus{border-color:#ffffff73;box-shadow:0 0 12px #ffffff26}.msg-form input::placeholder,.msg-form textarea::placeholder{color:var(--c-text-tertiary)}.msg-form input:-webkit-autofill,.msg-form input:-webkit-autofill:hover,.msg-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #0c0e14 inset;-webkit-text-fill-color:var(--c-text-primary);caret-color:var(--c-text-primary);border-radius:var(--r-md);transition:background-color 9999s ease-out}.msg-form .vote-btn{align-self:flex-end}.fl-paste-box{display:flex;flex-direction:column;gap:.6rem;padding:.7rem;border:1px dashed var(--c-border);border-radius:var(--r-md);background:#ffffff05}.fl-paste-box textarea{width:100%;box-sizing:border-box;background:#ffffff0a;border:1px solid var(--c-border);border-radius:var(--r-md);padding:.6rem .9rem;color:var(--c-text-primary);font-family:var(--font);font-size:.84rem;resize:vertical;outline:none;transition:border .2s}.fl-paste-box textarea:focus{border-color:#ffffff73;box-shadow:0 0 12px #ffffff26}.fl-paste-box textarea::placeholder{color:var(--c-text-tertiary)}.fl-paste-box .vote-btn{align-self:flex-end}.privacy-agree{display:flex;align-items:flex-start;gap:.4rem;font-size:.72rem;color:var(--c-text-tertiary);line-height:1.5;cursor:pointer;padding-top:.2rem}.privacy-agree input{margin-top:.15rem;accent-color:var(--c-accent)}.privacy-agree a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);transition:color .2s,border-bottom-color .2s}.privacy-agree a:hover{color:#fff;border-bottom-color:#ffffff73}.intro-particle{position:fixed;width:var(--sz);height:var(--sz);border-radius:50%;background:radial-gradient(circle,#fff,#ffffff80);box-shadow:0 0 8px #fff6;pointer-events:none;z-index:10001;animation:particleFly var(--dur) var(--ease-spring) forwards}@keyframes particleFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}.sk-line{display:inline-block;height:1rem;width:220px}.sk-h180{height:180px}.sk-h50{height:50px;margin-bottom:10px}.sk-h70{height:70px}.sk-h70-mb{height:70px;margin-bottom:12px}.feature-card.narrow{max-width:860px;margin:0 auto}.msg-list.full{margin-top:1rem;max-height:none}.legal.links-page{max-width:1000px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:2.2rem auto 0;max-width:960px}.link-grid .link-card{position:relative;display:flex;align-items:center;background:#ffffff09;border:1px solid var(--c-border);border-radius:14px;padding:18px 20px;text-decoration:none;color:inherit;overflow:hidden;transition:transform .4s var(--ease-spring),border-color .3s ease,box-shadow .4s ease,background .3s ease;animation:linkRise .5s var(--ease-spring) backwards}@keyframes linkRise{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.link-grid .link-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.06),transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.link-grid .link-card:hover{transform:translateY(-3px);background:#ffffff0f;border-color:#ffffff24;box-shadow:0 8px 32px #0000004d}.link-grid .link-card:hover:before{opacity:1}.link-grid .fc-inner{display:flex;align-items:center;gap:14px;position:relative;z-index:1;width:100%;min-width:0}.link-grid .fc-avatar{flex-shrink:0;width:48px;height:48px;border-radius:12px;overflow:hidden;background:#ffffff0a;display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease-spring),box-shadow .3s ease}.link-grid .link-card:hover .fc-avatar{transform:scale(1.08);box-shadow:0 4px 16px #0000004d}.link-grid .fc-avatar img{width:100%;height:100%;object-fit:cover}.link-grid .fc-fallback{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:#ffffff40;line-height:1;transition:color .3s ease}.link-grid .link-card:hover .fc-fallback{color:#fff6}.link-grid .fc-text{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left}.link-grid .fc-name-row{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%}.link-grid .fc-name{font-family:var(--font-serif);font-weight:700;font-size:.95rem;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;transition:color .3s ease}.link-grid .link-card:hover .fc-name{color:#fffffffa}.link-grid .fc-arrow{flex-shrink:0;margin-left:8px;opacity:0;transform:translate(-6px);transition:opacity .35s ease,transform .35s var(--ease-spring);pointer-events:none}.link-grid .link-card:hover .fc-arrow{opacity:.5;transform:translate(0)}.link-grid .fc-arrow svg{width:13px;height:13px;stroke:#fff9;display:block}.link-grid .fc-desc{font-family:var(--mono);font-size:.74rem;line-height:1.5;color:#ffffff4d;margin-top:3px;min-height:2.22rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.link-grid .link-card:hover .fc-desc{color:#ffffff6b}.link-grid .fc-divider{display:none}.link-grid .fc-url{font-family:var(--mono);font-size:.66rem;color:#ffffff2e;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:5px;transition:color .3s ease}.link-grid .link-card:hover .fc-url{color:#ffffff52}@media(max-width:768px){.link-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:560px}.link-grid .link-card{padding:16px}}@media(max-width:480px){.link-grid{grid-template-columns:1fr;max-width:360px}.link-grid .link-card{padding:16px}}@media(prefers-reduced-motion:reduce){.link-grid .link-card,.links-page h1,.links-page .meta,.links-page h2{opacity:1!important;animation:none!important;transition:none!important}.scroll-bar{display:none!important}}.links-page h1,.links-page .meta{opacity:0;animation:titleReveal .75s .08s var(--ease-spring) forwards}.links-page .meta{animation-delay:.2s}.links-page h2{position:relative;padding-left:14px;opacity:0;animation:titleReveal .65s .28s var(--ease-spring) forwards}.links-page h2:before{content:"";position:absolute;left:0;top:.18em;width:3px;height:1em;border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent)}@keyframes titleReveal{0%{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.scroll-bar{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);z-index:999;transition:width .06s linear}.vote-btn{position:relative;overflow:hidden;transition:color .25s ease,background .25s ease,box-shadow .3s ease,transform .3s var(--ease-spring)}.vote-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0003}.vote-btn:active{transform:translateY(0) scale(.98)}.vote-btn .ripple{position:absolute;border-radius:50%;background:#ffffff14;transform:scale(0);animation:rippleAnim .55s ease-out;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}.link-info{display:flex;gap:1rem;align-items:baseline;margin-bottom:.4rem}.info-label{flex-shrink:0;width:4.5rem;color:var(--c-text-tertiary);font-size:.75rem;letter-spacing:.1em}.copy-row{display:flex;gap:.6rem;flex-wrap:wrap;margin:.9rem 0 .4rem}.copy-row .vote-btn{margin-right:0}.form-tip{font-size:.78rem;color:var(--c-text-tertiary);min-height:1rem;align-self:flex-start}.form-tip.ok{color:#9fd4ae}.form-tip.err{color:#e0a17e}.nf-num{font-size:3.2rem;font-weight:200;letter-spacing:.35em;text-indent:.35em;color:var(--c-accent);text-shadow:0 0 24px rgba(255,255,255,.2);margin:1rem 0 .4rem;animation:nfPulse 3s ease-in-out infinite}@keyframes nfPulse{0%,to{text-shadow:0 0 24px rgba(255,255,255,.2)}50%{text-shadow:0 0 48px rgba(255,255,255,.4),0 0 80px rgba(255,255,255,.15)}}.nf-sub{margin-top:.3rem}.nf-tag{margin-bottom:.5rem}.nf-actions{display:flex;gap:.8rem;margin-top:1.5rem;flex-wrap:wrap}.nf-actions .btn-primary,.nf-actions .btn-ghost{font-size:.88rem;padding:.6rem 1.2rem}@media(max-width:1024px){.hero-section{grid-template-columns:1fr;padding:calc(48px + 2.5rem) 2rem 3rem}.community-grid{grid-template-columns:1fr}.side-nav{display:none}}@media(max-width:768px){.section{padding:3rem 1rem}.hero-heading{font-size:2.8rem}.blog-bento{grid-template-columns:1fr}.blog-card.featured{grid-column:span 1}.post-page{padding:6rem 1rem 2rem}.post-panel{padding:2rem 1.5rem}.orbit-line{display:none}.hero-section{padding:calc(56px + 2.5rem) 1.5rem 3rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;text-align:center}.nav-toggle{display:flex}.topbar{height:56px}.topbar.expanded{background:#000000eb;border-bottom:1px solid var(--c-border-strong)}.top-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1rem;background:#000000eb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--c-border);visibility:hidden;opacity:0;max-height:0;overflow:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .3s var(--ease-spring),transform .3s var(--ease-spring),max-height .35s var(--ease-spring),visibility .3s}.top-links.open{visibility:visible;opacity:1;max-height:260px;pointer-events:auto;transform:translateY(0)}.top-links .top-link{padding:.9rem 1rem;border-radius:var(--r-md);font-size:.9rem;text-align:left}}} @keyframes listItemEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.list-enter{animation:listItemEnter .45s cubic-bezier(.22,1,.36,1) both}@keyframes voteFloatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-28px) scale(1.4)}}.vote-plus-one{position:absolute;color:#9fd4ae;font-weight:700;font-size:.85rem;pointer-events:none;animation:voteFloatUp .8s ease-out forwards}.page-wrap{max-width:780px;margin:0 auto;padding:calc(64px + 3rem) 1.5rem 4rem;position:relative;z-index:2}.page-hero{margin-bottom:2.5rem;animation:pageHeroIn .6s var(--ease-spring) both}.page-hero .hero-tag{margin-bottom:.8rem}.page-hero h1{font-family:var(--font-serif);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;color:var(--c-text-primary);margin:0 0 .6rem;line-height:1.2}.page-hero .page-meta{font-family:var(--mono);font-size:.78rem;color:var(--c-text-tertiary);letter-spacing:.03em}.page-hero .page-meta span{margin:0 .6rem}@keyframes pageHeroIn{0%{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero-enter{animation:pageHeroIn .6s var(--ease-spring) both}.content-block{background:var(--c-surface-1);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:2rem 2.2rem;margin-bottom:1.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:blockFadeIn .5s var(--ease-spring) both}.content-block:nth-child(2){animation-delay:.08s}.content-block:nth-child(3){animation-delay:.16s}.content-block:nth-child(4){animation-delay:.24s}.content-block:nth-child(5){animation-delay:.32s}.content-block:nth-child(6){animation-delay:.4s}@keyframes blockFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-block h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--c-text-primary);margin:0 0 .8rem;padding-bottom:.5rem;border-bottom:1px solid var(--c-border)}.content-block h3{font-size:1rem;font-weight:600;color:var(--c-text-secondary);margin:1.2rem 0 .5rem}.content-block p{font-size:.92rem;line-height:1.85;color:var(--c-text-secondary);margin:0 0 .8rem}.content-block p:last-child{margin-bottom:0}.content-block ul{margin:0 0 .8rem;padding-left:1.2rem}.content-block li{font-size:.92rem;line-height:1.85;color:var(--c-text-secondary);margin-bottom:.3rem}.content-block li::marker{color:var(--c-text-tertiary)}.content-block strong{color:var(--c-text-primary);font-weight:600}.content-block a{color:var(--c-accent);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);transition:border-color .2s ease}.content-block a:hover{border-bottom-color:#ffffff80}.content-block code{font-family:var(--mono);font-size:.82rem;background:var(--c-surface-2);padding:.15rem .4rem;border-radius:6px;color:var(--c-text-primary)}.content-block hr{border:none;border-top:1px solid var(--c-border);margin:1.5rem 0}.content-block .foot{text-align:center;font-family:var(--font-serif);font-size:.88rem;color:var(--c-text-tertiary);margin-top:1rem;font-style:italic}.content-block .foot-sign{text-align:right;margin-top:.8rem}.callout{background:var(--c-accent-light);border:1px solid var(--c-border-strong);border-left:3px solid var(--c-accent);border-radius:var(--r-md);padding:1rem 1.2rem;margin:1rem 0}.callout p{font-size:.88rem;color:var(--c-text-secondary);margin:0}.callout strong{color:var(--c-text-primary)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.about-stat{display:block;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:1.2rem;text-align:center;text-decoration:none;color:inherit;transition:border-color .2s,background .2s,transform .2s}.about-stat:hover{border-color:var(--c-accent);background:var(--c-surface-1);transform:translateY(-2px)}.about-stat .num{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--c-accent)}.about-stat .label{font-size:.78rem;color:var(--c-text-tertiary);margin-top:.3rem}.about-stat-solo{grid-column:1/-1;justify-self:center;max-width:220px;width:100%}.page-slogan{font-family:var(--font-serif);font-size:1.05rem;color:var(--c-accent);margin-top:.6rem;letter-spacing:.02em;opacity:.9}@media(max-width:768px){.page-wrap{padding:calc(56px + 2rem) 1rem 3rem}.page-hero h1{font-size:1.8rem}.content-block{padding:1.5rem 1.2rem}}.vote-btn{position:relative;overflow:visible}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:6px}.skeleton-line{height:14px;margin:10px 0}.skeleton-title{height:18px;margin:12px 0;width:55%}.skeleton-avatar{width:36px;height:36px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:10px}