:root { --bg:#f5f5f7; --surface:#fff; --ink:#1f2024; --muted:#858891; --line:#ececef; --blue:#2f6fe7; --lime:#d9f889; --orange:#ffd8ad; --soft-blue:#dce9ff; --pink:#ffd8e5; font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink)} a{color:inherit;text-decoration:none} button{font:inherit}
.page{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:34px 24px 26px;background:var(--surface)}
.profile-head{display:flex;align-items:center;gap:17px}.avatar{width:82px;height:82px;border-radius:50%;object-fit:cover;box-shadow:0 2px 10px rgba(20,22,30,.08)}.identity{min-width:0;flex:1}.name-line{display:flex;align-items:center;gap:7px}.name-line h1{margin:0;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.04em}.name-emoji{width:20px;height:20px;object-fit:contain}.identity-sub{margin:8px 0 0;color:var(--muted);font-size:13px}.sub-dot{margin:0 5px;color:#c9cbd1}.theme-toggle{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fafafa;color:#777;cursor:pointer}
.status-card{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:17px;box-shadow:0 3px 12px rgba(35,37,44,.04)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #edf0f5;border-radius:99px;color:var(--blue);font-size:13px;background:#fff}.status-pill img{width:15px;height:15px}.status-card p{margin:13px 0 0;color:#62656e;font-size:14px}
.intro{padding:20px 4px 0}.intro h2{margin:0 0 11px;font-size:18px;line-height:1.55;font-weight:700;letter-spacing:-.02em}.intro p{margin:0;color:#555861;font-size:14px;line-height:1.85}.inline-emoji{display:inline-block;width:1.05em;height:1.05em;margin-left:2px;vertical-align:-.16em;object-fit:contain}
.chips{display:flex;flex-wrap:wrap;gap:10px 8px;padding:18px 0 0}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#454850;font-size:12px;line-height:1;box-shadow:0 2px 6px rgba(33,35,42,.025)}.chip img{width:15px;height:15px;object-fit:contain}
.stats{display:flex;align-items:center;gap:16px;margin-top:26px;padding-bottom:18px;border-bottom:1px solid var(--line)}.wechat-icon{position:relative;width:48px;height:48px;border:1px solid #e4e5e8;border-radius:50%;background:#fafafa}.wechat-icon:before,.wechat-icon:after{content:"";position:absolute;border-radius:50%;background:#27bd6b}.wechat-icon:before{width:20px;height:16px;left:10px;top:13px}.wechat-icon:after{width:15px;height:13px;left:21px;top:19px;border:2px solid #fafafa}.wechat-icon span:before{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;z-index:1;left:16px;top:19px}.wechat-icon span:last-child:before{left:25px;top:24px}.stat{display:flex;gap:5px;align-items:baseline}.stat strong{font-size:16px;color:var(--blue)}.stat span{font-size:12px;color:#737780}.stat-rule{height:1px;flex:1;background:var(--line);margin-left:4px}
.activity{padding-top:27px}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.section-title-row h2{margin:0;font-size:17px}.muted-label{color:#afb1b8;font-size:10px;letter-spacing:.08em}.activity-row{display:flex;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid #f0f0f2}.activity-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:0 0 36px}.activity-icon img{width:22px;height:22px;object-fit:contain}.activity-icon.lime{background:var(--lime)}.activity-icon.orange{background:var(--orange)}.activity-icon.blue{background:var(--soft-blue)}.activity-icon.pink{background:var(--pink)}.activity-row b{display:block;font-size:14px;font-weight:600}.activity-row small{display:block;margin-top:2px;color:#92949b;font-size:12px}.row-arrow{margin-left:auto;color:#b2b4ba;font-size:22px}.static-row{cursor:default}
.project{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:190px;margin-top:28px;padding:22px 24px;border-radius:18px;background:#f0efff;overflow:hidden}.project-copy{position:relative;z-index:1}.project-kicker{color:#858698;font-size:10px;letter-spacing:.1em}.project h2{margin:9px 0 9px;font-size:34px;line-height:.92;letter-spacing:-.06em}.project h2 em{color:#6f4be7;font-style:normal}.project p{max-width:235px;margin:0;color:#646579;font-size:12px;line-height:1.65}.project-button{margin-top:14px;padding:8px 12px;border:0;border-radius:99px;background:#18191d;color:#fff;font-size:12px;cursor:pointer}.project-button span{margin-left:7px}.project-illustration{position:absolute;right:8px;top:-16px;width:170px;height:170px;object-fit:contain}
.contact{padding:55px 4px 48px;text-align:center}.contact h2{margin:0;font-size:25px;line-height:1.4;letter-spacing:-.04em}.contact h2 span{color:#6f4be7}.contact p{margin:14px 0 20px;color:#8a8c94;font-size:13px;line-height:1.7}.contact a{display:inline-flex;align-items:center;gap:9px;padding:11px 19px;border-radius:99px;background:#1b1c20;color:#fff;font-size:13px}.contact a span{color:#d9f889}footer{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);color:#b0b1b7;font-size:11px}
.quote-goals{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.quote-note,.goals{padding:0 4px}.quote-note p{margin:9px 0 0;color:#5f626a;font-size:13px;line-height:1.6}.goals ul{margin:9px 0 0;padding:0;list-style:none}.goals li{position:relative;padding-left:14px;color:#5f626a;font-size:13px;line-height:1.8}.goals li:before{content:"";position:absolute;left:0;top:.7em;width:5px;height:5px;border-radius:50%;background:#6f4be7}
.toast{position:fixed;left:50%;bottom:24px;z-index:5;padding:11px 16px;border:1px solid #dfe1e7;border-radius:12px;background:#1e2025;color:#fff;font-size:13px;transform:translate(-50%,18px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}
body.dark-mode{--bg:#141518;--surface:#1c1e22;--ink:#f3f4f6;--muted:#9b9ea8;--line:#303239}body.dark-mode .status-card,body.dark-mode .chip,body.dark-mode .status-pill,body.dark-mode .theme-toggle,body.dark-mode .wechat-icon{background:#202227;border-color:#303239}body.dark-mode .intro p,body.dark-mode .status-card p,body.dark-mode .activity-row small,body.dark-mode .project p,body.dark-mode .contact p{color:#b1b3bc}body.dark-mode .project{background:#292642}
@media(max-width:560px){.page{padding:25px 18px 22px}.avatar{width:72px;height:72px}.name-line h1{font-size:21px}.status-card{margin-top:20px}.project{min-height:175px;padding:20px}.project h2{font-size:30px}.project-illustration{width:145px;height:145px;right:-3px;top:-12px}.project p{max-width:205px}.quote-goals{grid-template-columns:1fr;gap:18px}.contact{padding-top:45px}}