:root{--bg:#f7f7fb;--panel:#fff;--ink:#22202a;--muted:#777181;--line:#e8e5ee;--pink:#ff5f92;--pink2:#ff8cb0;--blue:#5b7cfa;--green:#16a085;--shadow:0 12px 34px rgba(49,42,68,.10)}*{box-sizing:border-box}body{margin:0;font-family:Arial,'Microsoft JhengHei',sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{text-decoration:none;color:inherit}.app-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:12px clamp(14px,4vw,58px);background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:10px}.logo span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--blue));color:#fff;font-weight:900;font-size:24px}.logo strong{font-size:22px}.icon-nav{display:flex;justify-content:center;gap:8px}.icon-nav a,.header-actions a,.join{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:999px;font-weight:800}.icon-nav a{color:#625d6b}.icon-nav a.active,.icon-nav a:hover{backgex;justify-content:space-between;gap:22px;align-items:center;padding:26px;background:linear-gradient(135deg,#fff,#fff1f6 60%,#eef2ff)}.kicker{margin:0 0 8px;color:#c92f64;font-weight:900}.welcome-card h1{max-width:720px;margin:0 0 10px;font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:0}.welcome-card p{max-width:720px;margin:0;color:var(--muted);font-size:17px}.member-section{padding:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{margin:0;font-size:24px}.section-head a{color:#c92f64;font-weight:900}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.member-card{min-height:188px;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfbfd);display:flex;flex-direction:column;gap:7px;transition:transform .18s ease,border-color .18s ease}.member-card:hover{transform:translateY(-3px);border-color:#ffa9c4}.avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;color:#fff;font-weight:900;font-size:23px}.member-card strong{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{color:var(--green);font-weight:800}.status{color:var(--muted);font-size:13px}.member-card small{margin-top:auto;color:#9a93a1}.color-1{background:linear-gradient(135deg,#ff5f92,#ffb06f)}.color-2{background:linear-gradient(135deg,#5b7cfa,#74d0ff)}.color-3{background:linear-gradient(135deg,#16a085,#81d8c7)}.color-4{background:linear-gradient(135deg,#9b59b6,#ef8fd2)}.color-5{background:linear-gradient(135deg,#e67e22,#f6cf6d)}.color-6{background:linear-gradient(135deg,#34495e,#8e9eab)}.side-panel{display:grid;gap:16px;position:sticky;top:86px}.profile-box{overflow:hidden;text-align:center;padding:0 18px 20px}.cover{height:86px;background:linear-gradient(135deg,var(--pink),var(--blue))}.avatar.mine{margin:-28px auto 10px;border:4px solid #fff;background:linear-gradient(135deg,var(--pink),var(--pink2))}.profile-box h2{margin:0 0 6px}.profile-box p{margin:0 0 16px;color:var(--muted)}.stats-box{display:grid;grid-template-columns:1fr 1fr 1fr;overflow:hidden}.stats-box a{display:grid;place-items:center;padding:16px 8px;border-right:1px solid var(--line);text-align:center}.stats-box a:last-child{border-right:0}.stats-box strong{color:#c92f64;font-size:20px;line-height:1.15}.stats-box span{font-size:12px;color:var(--muted)}.notice-box{padding:18px}.notice-box h2{margin:0 0 10px}.notice-box ul{margin:0;padding-left:20px;color:var(--muted)}.notice-box li+li{margin-top:8px}.site-footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:26px;color:var(--muted);border-top:1px solid var(--line);background:#fff}.site-footer a{font-weight:800;color:#625d6b}@media(max-width:980px){.app-header{position:static;grid-template-columns:1fr}.icon-nav{justify-content:flex-start;overflow:auto}.header-actions{justify-content:flex-start}.app-shell{grid-template-columns:1fr}.side-panel{position:static;grid-row:1}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-card{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.app-shell{width:min(100% - 18px,1220px);margin-top:14px}.member-grid{grid-template-columns:1fr}.stats-box{grid-template-columns:1fr}.stats-box a{border-right:0;border-bottom:1px solid var(--line)}.stats-box a:last-child{border-bottom:0}.icon-nav a,.header-actions a{flex:1}.header-actions{width:100%}.welcome-card,.member-section{padding:14px}.welcome-card h1{font-size:32px}}