:root{--bg:#f6f7f9;--card:#fff;--ink:#1f2329;--muted:#697386;--rule:#e5e7eb;--accent:#19c37d;--accent2:#1d7dfa;--danger:#d93025;--shadow:0 16px 40px rgba(31,35,41,.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f8fafc,#eef2f6);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:14px max(18px,calc((100vw - 1120px)/2));background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px}.brand-logo{width:32px;height:32px;border-radius:10px;object-fit:cover;box-shadow:0 6px 14px rgba(25,195,125,.22)}.desktop-nav{display:flex;gap:10px;margin-left:auto;align-items:center}.desktop-nav a{padding:8px 14px;border-radius:999px;color:var(--muted)}.desktop-nav a:hover{background:#eefaf5;color:var(--accent)}.lang-switch{display:flex;gap:4px;border:1px solid var(--rule);border-radius:999px;padding:2px;background:#fff}.lang-switch a{padding:5px 9px;font-size:13px}.user-menu{position:relative}.login-chip,.avatar-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--rule);border-radius:999px;padding:6px 10px;background:#fff;cursor:pointer}.login-chip img,.avatar-btn img{width:28px;height:28px;border-radius:50%;object-fit:cover}.dropdown{display:none;position:absolute;right:0;top:44px;min-width:130px;background:#fff;border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow);padding:8px}.dropdown.open{display:block}.dropdown a,.dropdown button{display:block;width:100%;border:0;background:none;text-align:left;padding:8px;border-radius:8px}.dropdown a:hover,.dropdown button:hover{background:var(--bg)}.container{max-width:1120px;margin:0 auto;padding:34px 18px 90px}.narrow{max-width:820px}.hero{background:radial-gradient(circle at top right,rgba(25,195,125,.16),transparent 38%),var(--card);border:1px solid var(--rule);border-radius:28px;padding:42px;box-shadow:var(--shadow);margin-bottom:24px}.hero h1{font-size:42px;margin:0 0 8px}.eyebrow{color:var(--accent);font-weight:700}.search-inline{display:flex;max-width:520px;gap:8px}.search-inline input,.input{width:100%;border:1px solid var(--rule);border-radius:12px;padding:12px 14px;background:#fff;color:var(--ink)}button,.btn{border:0;border-radius:12px;padding:11px 18px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;display:inline-block}.secondary{background:var(--accent2)}.danger{background:var(--danger);color:#fff;border:0;border-radius:10px;padding:8px 12px}.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.post-card{background:var(--card);border:1px solid var(--rule);border-radius:22px;padding:22px;box-shadow:0 8px 20px rgba(31,35,41,.05)}.post-card.pinned{border-color:rgba(25,195,125,.45)}.post-card h2{margin:0 0 10px;font-size:22px}.post-card p{color:var(--muted)}.post-card span,.meta,small{color:var(--muted)}.wechat-article{background:#fff;border-radius:22px;border:1px solid var(--rule);padding:36px;box-shadow:var(--shadow)}.wechat-article h1{font-size:32px;line-height:1.25}.wechat-article img{max-width:100%;border-radius:12px}.comment-box,.panel,.auth-card{background:#fff;border:1px solid var(--rule);border-radius:22px;padding:24px;margin-top:22px;box-shadow:0 8px 24px rgba(31,35,41,.05)}.comment-form,.stack-form{display:grid;gap:12px}.emoji-bar{display:flex;gap:8px;flex-wrap:wrap}.emoji-bar button{background:#f1f5f9;color:var(--ink);padding:6px 10px}.comment{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:16px;margin-top:12px}.pager{display:flex;gap:8px;margin:24px 0}.pager a{padding:8px 12px;border:1px solid var(--rule);border-radius:10px;background:#fff}.pager .active{background:var(--accent);color:#fff}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.friend-card{display:grid;gap:8px;background:#fff;border:1px solid var(--rule);border-radius:18px;padding:18px;text-align:center}.friend-card img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin:auto}.notice{color:var(--muted);background:#fff;border:1px dashed var(--rule);padding:14px;border-radius:12px}.friend-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(29,125,250,.16),transparent 34%),radial-gradient(circle at 10% 5%,rgba(25,195,125,.16),transparent 32%),var(--card);border:1px solid var(--rule);border-radius:28px;padding:38px;margin-bottom:22px;box-shadow:var(--shadow)}.friend-hero h1{font-size:40px;margin:0 0 8px}.friend-hero p{max-width:680px;color:var(--muted)}.friend-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.friend-stats span{background:#fff;border:1px solid var(--rule);border-radius:999px;padding:8px 14px;color:var(--muted)}.friend-stats b{color:var(--accent);font-size:18px;margin-right:4px}.friend-grid-showcase{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:stretch}.friend-grid-showcase .friend-card{position:relative;overflow:hidden;min-height:210px;justify-items:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.friend-grid-showcase .friend-card:before{content:"";position:absolute;inset:0 0 auto 0;height:64px;background:linear-gradient(135deg,rgba(25,195,125,.16),rgba(29,125,250,.14));z-index:0}.friend-grid-showcase .friend-card>*{position:relative;z-index:1}.friend-grid-showcase .friend-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(25,195,125,.45)}.friend-grid-showcase .friend-card img{width:74px;height:74px;border:4px solid #fff;box-shadow:0 10px 24px rgba(31,35,41,.12)}.friend-grid-showcase .friend-card b{font-size:18px}.friend-grid-showcase .friend-card span{color:var(--muted);min-height:48px}.friend-grid-showcase .friend-card small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent2);font-size:12px}.friend-apply-panel{margin-top:26px}.notice.success{border-style:solid;border-color:rgba(25,195,125,.35);background:#eefaf5;color:#11794f}.auth-wrap{max-width:860px;margin:0 auto;padding:40px 18px 100px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.error{color:var(--danger)}.site-footer{text-align:center;color:var(--muted);padding:26px 18px 92px}.protected-footer a{color:var(--accent);font-weight:700}.custom-footer{margin-top:8px}.mobile-tabbar{display:none}.profile-card{display:flex;align-items:center;gap:18px}.profile-card>img{width:72px;height:72px;border-radius:50%;object-fit:cover}.logo-preview{display:flex;align-items:center;gap:10px;margin:8px 0;color:var(--muted)}.logo-preview img{width:46px;height:46px;border-radius:14px;object-fit:cover;border:1px solid var(--rule)}.admin-layout{max-width:1220px;margin:0 auto;padding:24px 18px 100px;display:grid;grid-template-columns:190px 1fr;gap:20px}.admin-side{position:sticky;top:78px;align-self:start;background:#fff;border:1px solid var(--rule);border-radius:18px;padding:12px}.admin-side a{display:block;padding:10px 12px;border-radius:10px}.admin-side a:hover{background:#eefaf5;color:var(--accent)}.admin-main{min-width:0;background:#fff;border:1px solid var(--rule);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.admin-title{display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse;background:#fff}td,th{border-bottom:1px solid var(--rule);padding:12px;text-align:left;vertical-align:top}.inline{display:inline}.inline button{background:#f1f5f9;color:var(--ink);padding:7px 10px;margin:3px}.code-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-grid div{padding:18px;border:1px solid var(--rule);border-radius:16px;background:var(--bg)}.stat-grid b{display:block;font-size:22px}.friend-admin-card{display:grid;grid-template-columns:64px repeat(3,1fr) 120px;gap:10px;align-items:center}.friend-admin-card img{width:56px;height:56px;border-radius:50%;object-fit:cover}@media(max-width:760px){.desktop-nav{display:none}.site-header{padding:10px 14px}.brand{font-size:17px}.brand-logo{width:28px;height:28px;border-radius:9px}.container{padding:22px 14px 96px}.hero{padding:28px 20px}.hero h1{font-size:30px}.post-list,.friend-grid,.auth-grid,.stat-grid{grid-template-columns:1fr}.wechat-article{padding:24px 18px}.mobile-tabbar{position:fixed;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:rgba(255,255,255,.9);border:1px solid var(--rule);border-radius:999px;box-shadow:0 14px 38px rgba(31,35,41,.18);backdrop-filter:blur(16px);padding:6px;z-index:30}.mobile-tabbar a{text-align:center;padding:9px 0;color:var(--muted);font-size:14px;border-radius:999px}.mobile-tabbar a:active,.mobile-tabbar a:hover{background:#eefaf5;color:var(--accent)}.admin-layout{display:block;padding:14px 14px 96px}.admin-side{position:static;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.friend-admin-card{grid-template-columns:1fr}table{display:block;overflow-x:auto}.site-footer{padding-bottom:78px}}