.intro-home{max-width:100%;color:var(--text-primary);margin:0 auto}.profile-hero{text-align:center;flex-direction:column;align-items:center;padding:24px 20px 32px;display:flex;& .hero-avatar{background:var(--bg-card);border:1px solid var(--border-primary);width:96px;height:96px;box-shadow:var(--shadow-avatar);color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:32px;font-weight:500;transition:transform .28s,box-shadow .28s;display:flex;overflow:hidden;&:hover{transform:translateY(-2px)scale(1.04)}& .hero-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}}& .hero-name{color:var(--text-primary);letter-spacing:.01em;margin:0;font-size:30px;font-weight:500;line-height:1.2}& .hero-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:14px;display:flex;& .badge-item{color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;font-size:15px;font-weight:400;display:inline-flex;& .badge-icon{color:var(--text-tertiary);opacity:.85;font-size:15px}&.interactive{cursor:pointer;text-decoration:none;transition:color .2s;&:hover{color:var(--color-primary);& .badge-icon{color:var(--color-primary);opacity:1}}}}}}.home-content{max-width:840px;margin:0 auto;& .content-section{border-bottom:1px solid var(--border-secondary);gap:32px;padding:28px 0;display:flex;&:last-child{border-bottom:none}}& .section-label{width:90px;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;margin:0;font-size:13px;font-weight:500}& .section-body{flex:1;min-width:0;& .about-text{color:var(--text-secondary);margin-bottom:14px;font-size:15px;line-height:1.7}& .more-row{margin-top:6px}& .more-link{color:var(--text-tertiary);align-items:center;gap:4px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex;&:hover{color:var(--color-primary)}& .more-arrow{transition:transform .2s}&:hover .more-arrow{transform:translate(3px)}}& .empty-text{color:var(--text-tertiary);padding:20px 0;font-size:14px}}}.feed-list{flex-direction:column;padding-left:14px;display:flex;position:relative;&:before{content:"";background:linear-gradient(to bottom, var(--border-primary), var(--border-secondary) 80%, transparent 100%);border-radius:1px;width:2px;position:absolute;top:10px;bottom:10px;left:0}& .feed-item{border-bottom:1px solid var(--border-secondary);align-items:center;gap:14px;padding:11px 4px;text-decoration:none;transition:background .2s,transform .2s;display:flex;position:relative;&:before{content:"";background:var(--bg-card);border:2px solid var(--border-primary);border-radius:50%;width:8px;height:8px;transition:border-color .2s,background .2s,transform .2s;position:absolute;top:50%;left:-19px;transform:translateY(-50%)}&:last-child{border-bottom:none}&:hover{background:var(--bg-tertiary);transform:translate(3px);&:before{border-color:var(--color-primary);background:var(--color-primary);transform:translateY(-50%)scale(1.3)}& .feed-title{color:var(--color-primary)}& .feed-chevron{color:var(--color-primary);transform:translate(2px)}}& .feed-date{width:86px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}& .feed-title{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;transition:color .2s;overflow:hidden}& .feed-pin{border-radius:var(--radius-pill);color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24);flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:500}& .feed-time{color:var(--text-tertiary);flex-shrink:0;font-size:12px}& .feed-chevron{color:var(--text-tertiary);flex-shrink:0;font-size:14px;transition:transform .2s,color .2s}}}.chip-list{flex-wrap:wrap;gap:10px;display:flex;& .chip{border-radius:var(--radius-pill);border:1px solid var(--border-primary);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:6px;padding:5px 13px;font-size:13px;text-decoration:none;display:inline-flex;&:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}& .chip-count{color:var(--text-tertiary);font-size:12px}}}@media (width<=640px){.home-content .content-section{flex-direction:column;gap:12px}.home-content .section-label{width:auto}.profile-hero{padding:20px 16px 28px!important}.profile-hero .hero-badges{grid-template-columns:repeat(3,1fr)!important;justify-items:center!important;gap:10px 8px!important;max-width:100%!important;padding:0!important;display:grid!important}.profile-hero .hero-badges .badge-item{white-space:nowrap!important;text-overflow:ellipsis!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;padding:6px 2px!important;font-size:12px!important;display:inline-flex!important;overflow:hidden!important}.feed-list{padding-left:0!important}.feed-list:before,.feed-list .feed-item:before{display:none!important}.feed-list .feed-item{border-bottom:1px solid var(--border-secondary)!important;padding:12px 0!important;display:block!important}.feed-list .feed-item .feed-date{width:auto!important;color:var(--text-tertiary)!important;margin-bottom:4px!important;font-size:11px!important;display:block!important}.feed-list .feed-item .feed-title{vertical-align:middle!important;font-size:14px!important;display:inline!important}.feed-list .feed-item .feed-pin,.feed-list .feed-item .feed-time{vertical-align:middle!important;margin-left:6px!important;display:inline-flex!important}.feed-list .feed-item .feed-pin{padding:1px 6px!important;font-size:10px!important}.feed-list .feed-item .feed-time{font-size:10px!important}.feed-list .feed-item .feed-chevron{display:none!important}}@media (width<=375px){.profile-hero{padding:16px 10px 24px!important}.profile-hero .hero-avatar{width:72px!important;height:72px!important;margin-bottom:12px!important;font-size:26px!important}.profile-hero .hero-name{font-size:22px!important}.intro-home .home-content .content-section{gap:10px!important;padding:22px 0!important}.intro-home .home-content .section-label{font-size:12px!important}.intro-home .home-content .section-body .about-text{font-size:13px!important;line-height:1.6!important}.intro-home .chip-list{gap:6px!important}.intro-home .chip-list .chip{padding:4px 10px!important;font-size:12px!important}}