.page-container{margin:0 auto;padding-bottom:40px}.banner-section{position:relative;padding:28px 20px 24px;background:linear-gradient(160deg,#4a90d9,#5b9fe8 30%,#6db5f2 60%,#7ec8f8);color:#fff;overflow:hidden}.banner-section:after{content:"";position:absolute;bottom:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:130%;height:60px;background:var(--bg-page);border-radius:50%;pointer-events:none}.banner-title{font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;position:relative;z-index:1}.banner-subtitle{font-size:13px;opacity:.85;position:relative;z-index:1}.banner-stats{gap:20px;margin-top:14px;position:relative;z-index:1}.banner-stat-item,.banner-stats{display:-webkit-box;display:-ms-flexbox;display:flex}.banner-stat-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;opacity:.9;background:hsla(0,0%,100%,.18);padding:6px 14px;border-radius:var(--radius-full);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.banner-stat-num{font-weight:700;font-size:16px}.search-sticky-wrapper{position:sticky;top:0;z-index:100;padding:0 16px;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;-webkit-transition:background var(--transition-smooth),-webkit-box-shadow var(--transition-smooth);transition:background var(--transition-smooth),-webkit-box-shadow var(--transition-smooth);transition:box-shadow var(--transition-smooth),background var(--transition-smooth);transition:box-shadow var(--transition-smooth),background var(--transition-smooth),-webkit-box-shadow var(--transition-smooth);background:transparent;will-change:box-shadow}.search-sticky-wrapper.is-stuck{background:var(--bg-white);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);padding-bottom:4px}.search-sticky-wrapper:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background:#e8e8ed;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform var(--transition-smooth);transition:-webkit-transform var(--transition-smooth);transition:transform var(--transition-smooth);transition:transform var(--transition-smooth),-webkit-transform var(--transition-smooth);-webkit-transform-origin:left center;transform-origin:left center;pointer-events:none}.search-sticky-wrapper.is-stuck:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.search-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;height:var(--search-height);padding:0 6px;position:relative;z-index:2}.search-icon{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px;color:#999}.search-input-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f2f3f7;border-radius:var(--radius-full);padding:0 16px;height:38px;-webkit-transition:background var(--transition-fast),-webkit-box-shadow var(--transition-fast);transition:background var(--transition-fast),-webkit-box-shadow var(--transition-fast);transition:background var(--transition-fast),box-shadow var(--transition-fast);transition:background var(--transition-fast),box-shadow var(--transition-fast),-webkit-box-shadow var(--transition-fast)}.search-input-wrap:focus-within{background:#fff;-webkit-box-shadow:0 0 0 3px rgba(74,144,217,.12),var(--shadow-sm);box-shadow:0 0 0 3px rgba(74,144,217,.12),var(--shadow-sm)}.search-input-wrap input{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--text-primary);height:100%;min-width:0}.search-input-wrap input::-webkit-input-placeholder{color:#b0b5c0}.search-input-wrap input::-moz-placeholder{color:#b0b5c0}.search-input-wrap input:-ms-input-placeholder{color:#b0b5c0}.search-input-wrap input::-ms-input-placeholder{color:#b0b5c0}.search-input-wrap input::placeholder{color:#b0b5c0}.search-clear-btn{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#c0c5cf;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;color:#fff;-webkit-transition:background var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),transform var(--transition-fast);transition:background var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast);padding:0;line-height:1}.search-clear-btn:hover{background:#a0a5b0;-webkit-transform:scale(1.1);transform:scale(1.1)}.search-action-btn{-ms-flex-negative:0;flex-shrink:0;padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.3px}.search-action-btn:hover{background:#3a7dc8;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(74,144,217,.35);box-shadow:0 4px 12px rgba(74,144,217,.35)}.search-action-btn:active{-webkit-transform:scale(.96);transform:scale(.96);-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.tag-sticky-wrapper{position:sticky;z-index:99;padding:0 16px;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;-webkit-transition:background var(--transition-smooth),-webkit-box-shadow var(--transition-smooth);transition:background var(--transition-smooth),-webkit-box-shadow var(--transition-smooth);transition:box-shadow var(--transition-smooth),background var(--transition-smooth);transition:box-shadow var(--transition-smooth),background var(--transition-smooth),-webkit-box-shadow var(--transition-smooth);background:transparent;will-change:box-shadow}.tag-sticky-wrapper.is-stuck{background:var(--bg-white);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);padding-bottom:6px}.tag-sticky-wrapper:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:#e8e8ed;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform var(--transition-smooth);transition:-webkit-transform var(--transition-smooth);transition:transform var(--transition-smooth);transition:transform var(--transition-smooth),-webkit-transform var(--transition-smooth);-webkit-transform-origin:left center;transform-origin:left center;pointer-events:none}.tag-sticky-wrapper.is-stuck:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.tag-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;height:var(--tag-height);overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative;z-index:2;padding:2px 0}.tag-area::-webkit-scrollbar{display:none}.tag-item{-ms-flex-negative:0;flex-shrink:0;padding:7px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:500;cursor:pointer;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);background:#f2f3f7;color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;letter-spacing:.2px}.tag-item:hover{background:#e4e7f0;color:#333}.tag-item:active{-webkit-transform:scale(.94);transform:scale(.94);-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.tag-item.active{background:var(--primary-color);color:#fff;font-weight:600;-webkit-box-shadow:0 2px 8px rgba(74,144,217,.3);box-shadow:0 2px 8px rgba(74,144,217,.3);-webkit-animation:tagActivePop .3s cubic-bezier(.4,0,.2,1);animation:tagActivePop .3s cubic-bezier(.4,0,.2,1)}@-webkit-keyframes tagActivePop{0%{-webkit-transform:scale(.9);transform:scale(.9)}60%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tagActivePop{0%{-webkit-transform:scale(.9);transform:scale(.9)}60%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.tag-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:#ff5c5c;color:#fff;font-size:10px;font-weight:700;padding:0 5px;margin-left:4px;line-height:1}.tag-item.active .tag-badge{background:hsla(0,0%,100%,.35)}.content-section{padding:12px 16px 0}.list-header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 4px 12px;font-size:13px;color:#999}.list-header,.list-header-sort{display:-webkit-box;display:-ms-flexbox;display:flex}.list-header-sort{gap:12px}.sort-option{cursor:pointer;-webkit-transition:color var(--transition-fast);transition:color var(--transition-fast);font-weight:500}.sort-option.active,.sort-option:hover{color:var(--primary-color);font-weight:600}.card-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.card-item,.card-list{display:-webkit-box;display:-ms-flexbox;display:flex}.card-item{background:#fff;border-radius:var(--radius-md);padding:16px 18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;cursor:pointer;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.card-item:active{-webkit-transform:scale(.985);transform:scale(.985);-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.card-avatar{width:50px;height:50px;border-radius:var(--radius-sm);-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;font-weight:700;color:#fff}.card-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.card-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.card-desc,.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc{font-size:12px;color:#999}.card-meta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;margin-top:4px;font-size:11px;color:#bbb}.card-arrow{-ms-flex-negative:0;flex-shrink:0;color:#ccc;font-size:18px;-webkit-transition:-webkit-transform var(--transition-fast);transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.card-item:hover .card-arrow{-webkit-transform:translateX(4px);transform:translateX(4px);color:#999}.back-to-top{position:fixed;bottom:30px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--bg-white);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:200;-webkit-transition:all var(--transition-smooth);transition:all var(--transition-smooth);opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);pointer-events:none;border:1px solid #e8e8ed;font-size:20px;color:#666}.back-to-top.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}.back-to-top:hover{-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-3px);transform:translateY(-3px);color:var(--primary-color);border-color:var(--primary-color)}.back-to-top:active{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}@media (max-width:480px){.search-bar{gap:6px;height:48px}.search-input-wrap{height:34px;padding:0 12px}.search-action-btn{padding:6px 12px;font-size:13px}.tag-area{gap:6px;height:40px}.tag-item{padding:5px 12px;font-size:12px}.banner-section{padding:20px 16px 18px}.banner-title{font-size:18px}}.search-suggestions{position:absolute;left:16px;right:16px;top:calc(var(--search-height) - 2px);background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg);z-index:101;overflow:hidden;-webkit-animation:suggestSlideIn .2s cubic-bezier(.4,0,.2,1);animation:suggestSlideIn .2s cubic-bezier(.4,0,.2,1);-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes suggestSlideIn{0%{opacity:0;-webkit-transform:translateY(-8px) scaleY(.95);transform:translateY(-8px) scaleY(.95)}to{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}}@keyframes suggestSlideIn{0%{opacity:0;-webkit-transform:translateY(-8px) scaleY(.95);transform:translateY(-8px) scaleY(.95)}to{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}}.suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:11px 18px;cursor:pointer;font-size:14px;color:#333;-webkit-transition:background .15s ease;transition:background .15s ease;border-bottom:1px solid #f5f5f8}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f7f8fc}.suggestion-item:active{background:#eef0f7}.suggestion-icon{font-size:13px;-ms-flex-negative:0;flex-shrink:0}.load-more-section{text-align:center;padding:24px 16px 40px}.load-more-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 32px;background:#fff;border:2px solid #e8e8ed;border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:600;color:#555;-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast);letter-spacing:.3px}.load-more-btn:hover{border-color:var(--primary-color);color:var(--primary-color);-webkit-box-shadow:0 2px 10px rgba(74,144,217,.15);box-shadow:0 2px 10px rgba(74,144,217,.15)}.load-more-btn:active{-webkit-transform:scale(.96);transform:scale(.96)}.load-more-btn:disabled{cursor:not-allowed;opacity:.7}.no-more{color:#ccc;font-size:13px;letter-spacing:.5px}