:root{--orange:#ff6b35;--orange-deep:#f04e1f;--cream:#fff9f5;--paper:#fff;--ink:#2d2320;--muted:#7a6a5f;--line:#f3e4d8;--line-deep:#e8d5c5;--green:#36b37e;--red:#e5484d;--shadow:0 2px 10px rgba(180,90,30,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}body{padding-bottom:88px}.member-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1180px;margin:0 auto;padding:14px 16px 16px;border-radius:0 0 22px 22px;background:linear-gradient(112deg,var(--orange),#ff9a3d);box-shadow:0 6px 18px rgba(180,90,30,.16)}.member-brand{display:flex;min-width:0;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-logo{display:grid;width:40px;height:40px;flex:none;place-items:center;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 2px 7px rgba(104,44,13,.16)}.brand-logo img{width:31px;height:31px;object-fit:contain}.member-brand b{display:block;font-size:18px;letter-spacing:.2px}.member-brand small{display:block;margin-top:2px;opacity:.9;font-size:11px}.member-back{display:inline-flex;min-height:38px;align-items:center;border:1px solid rgba(255,255,255,.72);border-radius:999px;padding:0 13px;color:#fff;background:rgba(255,255,255,.13);font-size:13px;font-weight:700;text-decoration:none}.member-shell,.detail-shell{width:min(100% - 28px,900px);margin:16px auto}.member-card,.detail-card{margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}.member-intro{display:flex;align-items:center;gap:13px;padding:18px}.member-avatar{display:grid;width:48px;height:48px;flex:none;place-items:center;border-radius:14px;background:#fff1e8;color:var(--orange-deep);font-size:21px;font-weight:900}.member-intro h1{margin:0 0 4px;font-size:20px}.member-intro p,.member-empty p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.member-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.member-stat-grid div{display:grid;gap:3px;padding:13px 10px;text-align:center}.member-stat-grid div+div{border-left:1px solid var(--line)}.member-stat-grid b{font-size:21px;color:var(--orange-deep)}.member-stat-grid span{color:var(--muted);font-size:11px}.member-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 11px}.member-section-head h2{margin:0;font-size:16px}.member-section-head span{border-radius:999px;padding:3px 8px;background:#fff1e8;color:var(--orange-deep);font-size:11px;font-weight:700}.record-list{padding:0 12px 12px}.record{display:flex;align-items:center;gap:10px;padding:12px 4px;border-top:1px dashed var(--line)}.record:first-child{border-top:0}.record-main{display:grid;min-width:0;flex:1;gap:3px}.record-main b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.record-main span{color:var(--muted);font-size:12px;line-height:1.4}.record .code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:var(--orange-deep);font-size:16px;font-weight:900}.record .badge{flex:none;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.badge.pending{background:#fff1e8;color:var(--orange-deep)}.badge.done{background:#e7f6ef;color:#1e7a52}.badge.note{background:#f5efea;color:var(--muted)}.row-link{flex:none;color:var(--orange-deep);font-size:12px;font-weight:800;text-decoration:none}.member-empty{padding:2px 16px 18px}.member-empty b{display:block;margin-bottom:5px;font-size:14px}.member-login{padding:27px 20px;text-align:center}.member-login h1{margin:0 0 8px;font-size:21px}.member-login p{margin:0 auto 18px;max-width:420px;color:var(--muted);font-size:14px;line-height:1.7}.button-primary{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:0;border-radius:10px;padding:0 16px;background:var(--orange);color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.member-loading{display:flex;justify-content:center;align-items:center;gap:9px;min-height:180px;color:var(--muted);font-size:14px}.member-loading span{width:16px;height:16px;border:2px solid var(--line-deep);border-top-color:var(--orange);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detail-cover{position:relative;overflow:hidden;min-height:190px;border-radius:14px 14px 0 0;background:#fff1e8}.detail-cover img{display:block;width:100%;height:clamp(190px,40vw,360px);object-fit:cover}.detail-cover button{position:absolute;right:12px;bottom:12px;border:0;border-radius:999px;padding:8px 11px;background:rgba(45,35,32,.78);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.detail-main{padding:17px}.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-title-row h1{margin:0 0 6px;font-size:23px;line-height:1.25}.detail-title-row p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.detail-follow{flex:none;border:1px solid var(--line-deep);border-radius:10px;padding:8px 11px;background:#fff;color:var(--orange-deep);font-size:12px;font-weight:800;cursor:pointer}.detail-follow.following{border-color:#a7dfc6;background:#e7f6ef;color:#1e7a52}.detail-description{margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.outing-box{display:grid;grid-template-columns:auto 1fr;gap:7px 11px;margin:14px 0 0;border:1px solid #ffd6bd;border-radius:12px;padding:12px;background:#fff4ec}.outing-icon{grid-row:span 2;display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#fff;color:var(--orange-deep);font-weight:900}.outing-box b{font-size:14px}.outing-box span{color:var(--muted);font-size:12px;line-height:1.5}.detail-section{padding:16px}.detail-section h2{margin:0 0 12px;font-size:16px}.photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.photo-grid button{display:block;overflow:hidden;aspect-ratio:1;border:1px solid var(--line);border-radius:10px;padding:0;background:#fff;cursor:zoom-in}.photo-grid img{display:block;width:100%;height:100%;object-fit:cover}.activity-card{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px dashed var(--line)}.activity-card:first-of-type{border-top:0}.activity-copy{display:grid;min-width:0;flex:1;gap:4px}.activity-copy b{font-size:14px;line-height:1.45}.activity-copy span{color:var(--muted);font-size:12px;line-height:1.45}.activity-claim{flex:none;border:0;border-radius:10px;padding:9px 10px;background:var(--orange);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.detail-toast{position:fixed;z-index:30;right:14px;bottom:82px;left:14px;margin:auto;max-width:420px;border-radius:11px;padding:11px 13px;background:rgba(45,35,32,.94);color:#fff;font-size:13px;box-shadow:0 8px 24px rgba(45,35,32,.22)}.member-tabbar{display:none}@media(max-width:680px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.member-topbar{padding:12px 14px 13px;border-radius:0 0 18px 18px}.member-brand b{font-size:16px}.member-back{min-height:34px;padding:0 10px;font-size:12px}.member-shell,.detail-shell{width:calc(100% - 28px);margin:14px auto}.member-tabbar{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);min-height:68px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:rgba(255,255,255,.97);box-shadow:0 -6px 18px rgba(96,54,28,.08)}.member-tabbar a{display:grid;min-height:56px;place-items:center;gap:2px;color:var(--muted);font-size:10px;text-decoration:none}.member-tabbar a span{display:grid;width:27px;height:23px;place-items:center;border-radius:8px;font-size:13px}.member-tabbar a.active{color:var(--orange-deep)}.member-tabbar a.active span{background:#fff1e8;color:var(--orange-deep)}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-cover{min-height:160px}.detail-cover img{height:220px}.detail-title-row h1{font-size:20px}.activity-card{align-items:flex-start}.activity-claim{margin-top:2px}.record{align-items:flex-start}.record .badge{margin-top:2px}}
.detail-cover-empty{display:grid;min-height:170px;place-content:center;gap:7px;padding:24px;text-align:center;background:linear-gradient(135deg,#fff4ec,#fffaf6)}.detail-cover-empty img{width:44px;height:44px;margin:auto;object-fit:contain}.detail-cover-empty b{font-size:16px}.detail-cover-empty span{max-width:250px;color:var(--muted);font-size:12px;line-height:1.55}