/* Forum homepage shell. Thread cards are supplied by the official H5 component. */
:root{--home-accent:#FCCF00;--home-accent-ink:#242424;--home-text:#24272b;--home-muted:#777e87;--home-border:#e6e8eb}
body.home-forum-page{--fb-brand-text:#6a6a6a;margin:0;background:#fff;color:var(--home-text);min-width:1220px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.home-forum-page *{box-sizing:border-box}
.home-forum-page p,.home-forum-page h1,.home-forum-page h2,.home-forum-page h3{margin:0}
.home-forum-page [hidden]{display:none!important}
.home-forum-page a{color:inherit;text-decoration:none}
.home-forum-page button,.home-forum-page input{font:inherit}
.home-shell{width:1180px;margin:0 auto}
.home-body{display:grid;grid-template-columns:230px 918px;column-gap:32px;align-items:start}
.home-left{min-width:0;padding-top:0}
.home-content{min-width:0}
.home-showcase{display:grid;grid-template-columns:608px 288px;gap:22px;align-items:stretch;margin-bottom:25px}
.home-slider{position:relative;aspect-ratio:818/386;background:#eff1f3;overflow:hidden;border-radius:3px}
.home-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .4s ease}
.home-slide.is-active{opacity:1;visibility:visible}
.home-slide>img{width:100%;height:100%;display:block;object-fit:cover}
.home-slide-copy{position:absolute;left:0;right:0;bottom:0;padding:36px 24px 23px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}
.home-slide-title{display:block;font-size:23px;line-height:1.4;font-weight:700;letter-spacing:.2px;padding-right:58px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-slide-copy time{display:block;font-size:12px;opacity:.78;margin-top:6px}
.home-slide-dots{position:absolute;z-index:2;right:19px;bottom:22px;display:flex;gap:6px}
.home-slide-dots button{width:18px;height:4px;padding:0;border:0;border-radius:1px;background:rgba(255,255,255,.55);cursor:pointer}
.home-slide-dots button.is-active{width:25px;background:var(--home-accent)}
.home-slide-prev,.home-slide-next{position:absolute;top:43%;z-index:2;width:29px;height:42px;border:0;background:rgba(0,0,0,.22);color:#fff;font-size:25px;cursor:pointer;opacity:0;transition:opacity .15s}
.home-slide-prev{left:0;border-radius:0 3px 3px 0}.home-slide-next{right:0;border-radius:3px 0 0 3px}
.home-slider:hover .home-slide-prev,.home-slider:hover .home-slide-next,.home-slider:focus-within .home-slide-prev,.home-slider:focus-within .home-slide-next{opacity:1}
.home-slider-empty{display:grid;place-content:center;height:100%;text-align:center;color:var(--home-muted);font-size:14px;gap:10px}
.home-member{border:1px solid var(--home-border);border-radius:3px;background:#fff;display:flex;flex-direction:column;overflow:hidden;min-height:0}
.home-member-heading{margin:0;min-height:49px;padding:14px 20px;background:#f4f5f7;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e7e9ed;font-size:16px;font-weight:700}
.home-member-heading:before{content:"";width:3px;height:17px;background:var(--home-accent)}
.home-member-heading small{font-size:11px;color:#8b9098;font-weight:400;margin-left:auto;letter-spacing:1px}
.home-member-body{padding:20px 20px 15px;display:flex;flex-direction:column;flex:1;justify-content:center}
.home-member-intro{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.home-member-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;object-fit:cover;background:#eef0f3;display:grid;place-items:center;color:#a6adb7;overflow:hidden}
.home-member-avatar svg{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.6}
.home-member-name{font-size:16px;line-height:1.5;margin:0 0 3px;font-weight:650;max-width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.home-member-caption{font-size:12px;line-height:1.6;color:var(--home-muted);margin:0}
.home-member-primary{display:flex;justify-content:center;align-items:center;width:100%;min-height:39px;border:1px solid var(--home-accent);border-radius:3px;background:var(--home-accent);color:var(--home-accent-ink)!important;font-size:14px;font-weight:600;cursor:pointer}
.home-member-primary:hover{filter:brightness(.94)}
.home-member-links{display:flex;justify-content:center;gap:20px;font-size:12px;color:var(--home-muted);padding-top:13px}
.home-member-links a:hover,.home-member-actions a:hover{color:var(--home-accent-ink)}
.home-member-links a+a{border-left:1px solid #e1e4e8;padding-left:20px}
.home-member-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px}
.home-member-actions a{padding:9px 2px;text-align:center;font-size:12px;border:1px solid var(--home-border);border-radius:3px;background:#fafbfc}
.home-member-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:12px;color:var(--home-muted)}
.home-member-bottom button{border:0;background:transparent;padding:0;color:inherit;cursor:pointer;font:inherit}
.home-member-status{font-size:12px;line-height:1.5;color:var(--home-muted);margin:12px 0 0}
.home-feed-state{padding:55px 24px;text-align:center;color:var(--home-muted);font-size:14px;line-height:1.8;border-top:1px solid var(--home-border)}
.home-feed-state button{margin-top:12px;padding:8px 22px;border:1px solid #dfe3e8;background:#fff;border-radius:3px;color:var(--home-text);cursor:pointer}
.home-feed-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--home-border);gap:20px}
.home-feed-views,.home-feed-orders{display:flex;align-items:center;gap:25px;white-space:nowrap}
.home-feed-views a{height:43px;display:flex;align-items:center;font-size:16px;color:#717781;position:relative}
.home-feed-views a.is-active{color:#24272b;font-weight:700}
.home-feed-views a.is-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--home-accent)}
.home-feed-orders{gap:18px}.home-feed-orders a{font-size:12px;color:#81858c;min-height:38px;display:flex;align-items:center}.home-feed-orders a.is-active{color:#24272b;font-weight:700}
.home-feed-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:15px 0 19px;min-height:65px}
.home-feed-filters a,.home-feed-filters button,.home-feed-filters select{border:1px solid #eff0f2;background:#f5f6f8;color:#666d77;border-radius:3px;min-height:32px;padding:6px 15px;font-size:13px;cursor:pointer}
.home-feed-filters a.is-active{background:#fff9db;border-color:#f3e5a7;color:#39362a;font-weight:600}
.home-feed-filters select{min-width:230px;background:#fff}
.home-forum-page .home-feed-ranking{margin:-5px 0 16px;font-size:12px;line-height:1.6;color:var(--home-muted)}
.home-feed-filters details>summary{list-style:none;padding:6px 13px;background:#f5f6f8;border:1px solid #eff0f2;min-height:32px;border-radius:3px;font-size:13px;cursor:pointer;color:#666d77}
.home-feed-filters details{position:relative}.home-feed-filter-more{position:absolute;top:calc(100% + 7px);right:0;width:390px;max-height:340px;overflow:auto;display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:#fff;border:1px solid #e6e8eb;box-shadow:0 8px 25px #00000012;z-index:50}
.home-feed-pagination{text-align:center;padding:28px 0;font-size:12px;color:#8e939b}.home-feed-pagination button{min-width:160px;padding:10px 25px;background:#fff;border:1px solid #dfe3e8;border-radius:3px;color:#616770;cursor:pointer;font-size:13px}.home-feed-pagination button:disabled{cursor:wait;opacity:.6}
.home-community-status{padding:12px 10px;margin:0;font-size:13px;line-height:1.7;color:var(--home-muted)}
.home-forum-page .home-left .panel{margin:0;border-radius:0}
.home-forum-page .home-left .panel-head{display:flex;align-items:center;justify-content:space-between}
.home-forum-page .home-left .panel-head h3{margin:0;font-size:16px}
.home-forum-page .home-left .panel-head>a{font-size:12px}
.home-forum-page .home-left .entry-grid{display:grid}
.home-forum-page #community .community-nav-flyout{left:calc(100% + 12px)!important;top:-1px!important}
.home-forum-page #community .community-nav-flyout:before{content:"";position:absolute;top:0;bottom:0;left:-14px;width:14px}
.home-forum-page #community .community-nav-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-forum-page #community .community-nav-desc:empty{display:none!important}
.home-footer{border-top:1px solid #eceef1;margin-top:60px;padding:25px 0 30px;color:#9097a1;font-size:12px}
.home-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.home-footer strong{font-size:15px;color:#373b40;margin-right:18px}
.home-footer a:hover{color:var(--home-accent-ink)}
.home-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.home-slide,.home-slide-prev,.home-slide-next{transition:none}}