@charset "UTF-8";.top-page{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,sans-serif;color:#333;padding-bottom:80px}.top-page .header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.top-page .header .brand{font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.top-page .header .search-btn{background:#f0f2f5;border:none;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.top-page .header .search-btn span{font-size:20px;color:#555}.top-page .content{flex:1;width:100%;max-width:600px;margin:0 auto}.top-page .section-header{padding:0 20px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-end}.top-page .section-header h3{font-size:18px;font-weight:800;margin:0}.top-page .section-header .more{font-size:12px;color:#888;font-weight:700}.top-page .hero-section{padding:16px 20px;margin-bottom:10px}.top-page .hero-section .hero-card{width:100%;background:#fff;border:none;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f;padding:0;text-align:left;position:relative;cursor:pointer;transition:transform .15s}.top-page .hero-section .hero-card:active{transform:scale(.98)}.top-page .hero-section .hero-card .img-container{position:relative;width:100%;aspect-ratio:16/9}.top-page .hero-section .hero-card .img-container img{width:100%;height:100%;object-fit:cover}.top-page .hero-section .hero-card .img-container .gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.top-page .hero-section .hero-card .img-container .badge-pickup{position:absolute;top:12px;left:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;color:#007bff;box-shadow:0 2px 4px #0000001a}.top-page .hero-section .hero-card .card-info{padding:16px;position:absolute;bottom:0;left:0;width:100%;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.top-page .hero-section .hero-card .card-info .tags{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:12px;font-weight:700;color:#fff}.top-page .hero-section .hero-card .card-info .tags .tag{background:#0006;padding:2px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.top-page .hero-section .hero-card .card-info .tags .tag.diagnosis{color:#dbeafe}.top-page .hero-section .hero-card .card-info .tags .tag.question{color:#fef3c7}.top-page .hero-section .hero-card .card-info .tags .count{color:#fff}.top-page .hero-section .hero-card .card-info .title{font-size:20px;font-weight:800;margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff}.top-page .hero-section .hero-card .card-info .desc{font-size:13px;opacity:.9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.top-page .trend-section{margin-bottom:24px}.top-page .trend-section .scroll-rail{display:flex;gap:12px;overflow-x:auto;padding:0 20px 20px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.top-page .trend-section .scroll-rail::-webkit-scrollbar{display:none}.top-page .trend-section .trend-card{flex:0 0 140px;scroll-snap-align:start;background:#fff;border:none;border-radius:12px;padding:0;overflow:hidden;text-align:left;position:relative;cursor:pointer;box-shadow:0 2px 8px #0000000a}.top-page .trend-section .trend-card .rank-badge{position:absolute;top:0;left:0;background:linear-gradient(135deg,gold,#fdb931);color:#5d4037;width:24px;height:24px;border-bottom-right-radius:8px;font-size:12px;font-weight:700;display:grid;place-items:center;z-index:2;box-shadow:1px 1px 3px #0003}.top-page .trend-section .trend-card .img-wrap{width:100%;aspect-ratio:1}.top-page .trend-section .trend-card .img-wrap img{width:100%;height:100%;object-fit:cover}.top-page .trend-section .trend-card .info{padding:10px}.top-page .trend-section .trend-card .info .name{font-size:13px;font-weight:700;margin-bottom:4px;line-height:1.3;height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.top-page .trend-section .trend-card .info .sub{font-size:11px;color:#888;display:flex;align-items:center;gap:4px}.top-page .trend-section .trend-card .info .sub .type-dot{width:6px;height:6px;border-radius:50%}.top-page .trend-section .trend-card .info .sub .type-dot.question{background:#10b981}.top-page .trend-section .trend-card .info .sub .type-dot.diagnosis{background:#8b5cf6}.top-page .feed-section{padding:0 20px}.top-page .feed-section .feed-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.top-page .feed-section .feed-card{background:#fff;border:none;border-radius:12px;overflow:hidden;padding:0;text-align:left;box-shadow:0 2px 8px #0000000a;cursor:pointer}.top-page .feed-section .feed-card .img-wrap{width:100%;aspect-ratio:4/3;position:relative}.top-page .feed-section .feed-card .img-wrap img{width:100%;height:100%;object-fit:cover}.top-page .feed-section .feed-card .img-wrap .type-badge{position:absolute;bottom:6px;right:6px;background:#0009;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.top-page .feed-section .feed-card .img-wrap .type-badge.diag{background:#8b5cf6e6}.top-page .feed-section .feed-card .info{padding:12px}.top-page .feed-section .feed-card .info .name{font-size:14px;font-weight:700;margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-page .feed-section .feed-card .info .meta{display:flex;justify-content:space-between;font-size:11px;color:#999}.top-page .loading-state,.top-page .empty-state{padding:40px;text-align:center;color:#999;font-size:14px}.top-page .fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#000;color:#fff;border:none;box-shadow:0 4px 12px #0000004d;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;transition:transform .2s}.top-page .fab .plus{font-size:32px;font-weight:lighter}.top-page .fab:active{transform:scale(.9)}