/* FarmKO forum and guides (Web/Pages.Forum.cs, Web/Pages.CommunityGuides.cs, Web/ForumMarkup.cs) and the management
   forum editor (Web/Pages.AdminForum.cs). Loaded only by those pages; every class is prefixed fb- / afe-. */
.fb{--fb-gold:#e9b85f;--fb-gold-hi:#ffe4a6;--fb-line:rgba(255,255,255,.075);--fb-gline:rgba(233,184,95,.24);--fb-panel:linear-gradient(165deg,rgba(24,27,42,.9),rgba(11,13,21,.94));--fb-muted:#a49eb2}
.fb a{text-decoration:none}

/* layered 3D hero: follows the pointer (desktop) and scrolling (phones) */
.fb-hero{position:relative;min-height:400px;display:flex;align-items:flex-end;padding:92px 0 52px;overflow:hidden;isolation:isolate;border-bottom:1px solid rgba(233,184,95,.22);perspective:1200px;background:#05070d}
.fb-hero.has-stage{min-height:520px}
.fb-hero-scene{position:absolute;inset:-40px;z-index:-2;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}
.fb-layer{position:absolute;inset:0;will-change:transform;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.fb-layer-art img{width:100%;height:100%;object-fit:cover}
.fb-layer-art::after{content:"";position:absolute;inset:0}
.fb-hero.has-stage .fb-layer-art::after{background:linear-gradient(90deg,rgba(5,7,13,.92),rgba(5,7,13,.55) 40%,rgba(5,7,13,.1) 70%),linear-gradient(180deg,transparent 55%,#05070d)}
.fb-hero.has-art .fb-layer-art{left:46%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%);mask-image:linear-gradient(90deg,transparent,#000 38%)}
.fb-hero.has-art .fb-layer-art img{filter:saturate(1.08) brightness(.86)}
.fb-hero.has-art .fb-layer-art::after{background:linear-gradient(180deg,rgba(5,7,13,.15),rgba(5,7,13,.05) 55%,#05070d 100%)}
.fb-layer-rays{background:conic-gradient(from 200deg at 74% 38%,transparent 0deg,rgba(233,184,95,.13) 14deg,transparent 30deg,rgba(233,184,95,.08) 52deg,transparent 70deg,rgba(111,169,255,.07) 95deg,transparent 120deg);mix-blend-mode:screen;animation:fb-rays 18s linear infinite}
.fb-layer-mark{display:flex;align-items:center;justify-content:center;padding-left:34%}
.fb-layer-mark img{width:clamp(220px,26vw,380px);height:auto;opacity:.28;filter:drop-shadow(0 0 60px rgba(233,184,95,.5));animation:fb-float 7s ease-in-out infinite}
.fb-layer-motes i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#ffd98f;box-shadow:0 0 10px 2px rgba(255,190,90,.75);opacity:0;animation:fb-mote 9s linear infinite}
.fb-layer-motes i:nth-child(1){left:52%}.fb-layer-motes i:nth-child(2){left:58%;animation-delay:1.3s;animation-duration:11s}
.fb-layer-motes i:nth-child(3){left:64%;animation-delay:2.6s}.fb-layer-motes i:nth-child(4){left:70%;animation-delay:.7s;animation-duration:12s}
.fb-layer-motes i:nth-child(5){left:76%;animation-delay:3.4s}.fb-layer-motes i:nth-child(6){left:82%;animation-delay:1.9s;animation-duration:10s}
.fb-layer-motes i:nth-child(7){left:88%;animation-delay:4.2s}.fb-layer-motes i:nth-child(8){left:61%;animation-delay:5.1s;animation-duration:13s}
.fb-layer-motes i:nth-child(9){left:73%;animation-delay:6s}.fb-layer-motes i:nth-child(10){left:85%;animation-delay:6.8s;animation-duration:11s}
.fb-layer-motes i:nth-child(11){left:46%;animation-delay:7.4s}.fb-layer-motes i:nth-child(12){left:92%;animation-delay:2.2s;animation-duration:14s}
.fb-layer-motes i:nth-child(13){left:67%;animation-delay:8.1s}.fb-layer-motes i:nth-child(14){left:79%;animation-delay:4.9s;animation-duration:12s}
@keyframes fb-mote{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.9}100%{transform:translateY(-460px) translateX(30px) scale(1.1);opacity:0}}
@keyframes fb-float{0%,100%{transform:translateY(0) rotateY(-8deg)}50%{transform:translateY(-14px) rotateY(8deg)}}
@keyframes fb-rays{to{transform:rotate(360deg) scale(1.4)}}
@keyframes fb-spin{to{transform:rotate(360deg)}}
.fb-stage{position:absolute;bottom:26px;width:min(25vw,360px);height:min(92%,470px);z-index:-1;pointer-events:none;opacity:0;transition:opacity .9s ease}
.fb-stage.is-ready{opacity:1}
.fb-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fb-stage .stage-loading{position:absolute;inset:0;display:grid;place-items:center}
.fb-stage .ring{width:38px;height:38px;border-radius:50%;border:3px solid rgba(233,184,95,.15);border-top-color:#e9b85f;animation:fb-spin 1s linear infinite}
.fb-stage-a{right:calc(4% + min(23vw,330px))}
.fb-stage-b{right:3%}
.fb-hero-in{position:relative;display:block;width:min(var(--wrap,1400px),calc(100% - 40px))}
.fb-hero-in .crumbs{margin-bottom:18px}
.fb-hero-in h1{margin:10px 0 12px;max-width:780px;font-size:clamp(30px,4.2vw,56px);line-height:1.08}
.fb-hero-in>p{max-width:620px;color:#d6cfc0;font-size:16px;line-height:1.65;margin:0}
.fb-hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.fb-hero-stats span{display:inline-flex;align-items:baseline;gap:8px;padding:9px 16px;border-radius:12px;background:rgba(10,12,20,.6);border:1px solid rgba(233,184,95,.25);backdrop-filter:blur(8px);font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#bdb6c8}
.fb-hero-stats b,.fb-row-stat b,.fb-topic-stat b{font-family:var(--display);background:linear-gradient(180deg,#ffe8ad,#d79a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-hero-stats b{font-size:22px;line-height:1;letter-spacing:0}
.fb-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.fb-hero-tags{margin-top:16px}

/* bars and back buttons */
.fb-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin-bottom:22px}
.fb-bar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.fb-count{font:600 12.5px/1 var(--sans);color:var(--fb-muted)}
.fb-count b{color:var(--fb-gold-hi)}
.fb-back .i{width:16px;height:16px}
.fb-back-cat{display:inline-flex;align-items:center;gap:6px;color:var(--fb-muted);font:700 12.5px/1 var(--sans);margin-right:auto}
.fb-back-cat:hover{color:var(--fb-gold)}
.fb-back-cat .i{width:14px;height:14px}
.fb-backbar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:22px;border-top:1px solid var(--fb-line)}

/* tags and badges */
.fb-tags{display:inline-flex;flex-wrap:wrap;gap:5px;vertical-align:middle}
.fb-tags:empty{display:none}
.fb-tag{--c:#a49eb2;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font:800 9.5px/1.25 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);white-space:nowrap}
.fb-tag .i{width:11px;height:11px}
.fb-tag-duyuru{--c:#ff7a64}.fb-tag-guncelleme{--c:#6fa9ff}.fb-tag-etkinlik{--c:#ffa148}.fb-tag-rehber{--c:#43d98b}.fb-tag-bilgi{--c:#43e1e1}
.fb-tag-onemli{--c:#ffd27b}.fb-tag-sss{--c:#c98bff}.fb-tag-sohbet{--c:#b9b3c6}.fb-tag-cozuldu{--c:#70e28c}.fb-tag-lock{--c:#8f8aa0}
.fb-tag-pin,.fb-official,.fb-staff,.fb-role.is-staff{color:#1d1206;background:linear-gradient(180deg,#ffe8ad,#d79a3d);border-color:#b5742a}
.fb-official{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 7px;border-radius:6px;font:800 9px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;vertical-align:middle}
.fb-bar .fb-official{margin:0;padding:8px 12px;font-size:10px}
.fb-official .i{width:12px;height:12px}
.fb-staff{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:5px;font:800 9px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase}

/* the FarmKO mark in front of every topic title */
.fb-mark{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle at 50% 40%,rgba(233,184,95,.2),rgba(10,13,20,.9) 72%);border:1px solid rgba(233,184,95,.32);transition:box-shadow .25s,border-color .25s}
.fb-mark img{width:30px;height:30px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}

/* board: sections of category rows */
.fb-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}
.fb-main{min-width:0}
.fb-section{margin-bottom:26px;border-radius:18px;overflow:hidden;background:var(--fb-panel);border:1px solid var(--fb-line);box-shadow:0 24px 60px -32px #000}
.fb-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(90deg,rgba(233,184,95,.15),rgba(233,184,95,.02) 60%,transparent);border-bottom:1px solid var(--fb-gline)}
.fb-section-head h2{margin:0;font:700 18px/1.2 var(--display);letter-spacing:.04em;background:linear-gradient(180deg,#ffe8ad,#d79a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-section-head p{margin:3px 0 0;color:var(--fb-muted);font-size:12.5px}
.fb-section-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:radial-gradient(circle at 30% 25%,rgba(233,184,95,.34),rgba(233,184,95,.07));border:1px solid rgba(233,184,95,.42);box-shadow:0 0 24px -6px rgba(233,184,95,.55)}
.fb-section-icon .i{width:21px;height:21px;color:#ffd98f}
.fb-cols{display:grid;grid-template-columns:70px 70px 250px;text-align:center;font:800 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#8f8aa0}
.fb-cols span:last-child{text-align:left;padding-left:14px}
.fb-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) 70px 70px 250px;align-items:center;gap:0 14px;padding:15px 20px;border-top:1px solid var(--fb-line);color:inherit;transition:background .25s}
.fb-rows>.fb-row:first-child{border-top:0}
.fb-row::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ffe8ad,#d79a3d);transform:scaleY(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.fb-row:hover,.fb-row:focus-visible{background:linear-gradient(90deg,rgba(233,184,95,.09),rgba(233,184,95,.02) 70%)}
.fb-row:hover::before,.fb-row:focus-visible::before{transform:scaleY(1)}
.fb-row-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(233,184,95,.28);transition:box-shadow .25s,border-color .25s,transform .25s}
.fb-row-icon .i{width:21px;height:21px;color:var(--fb-gold)}
.fb-row:hover .fb-row-icon{border-color:rgba(233,184,95,.7);box-shadow:0 0 22px -6px rgba(233,184,95,.7);transform:translateY(-1px)}
.fb-row-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.fb-row-text b{font:700 15.5px/1.3 var(--sans);color:#f3ece0}
.fb-row:hover .fb-row-text b{color:var(--fb-gold-hi)}
.fb-row-text small{color:var(--fb-muted);font-size:12.5px;line-height:1.45}
.fb-row-stat{display:flex;flex-direction:column;align-items:center;gap:3px}
.fb-row-stat b{font-size:17px;line-height:1}
.fb-row-stat small{font:700 9.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8f8aa0}
.fb-row-last{display:flex;align-items:center;gap:10px;min-width:0;padding-left:14px;border-left:1px solid var(--fb-line)}
.fb-row-last .fb-mark{width:34px;height:34px;border-radius:10px}
.fb-row-last .fb-mark img{width:24px;height:24px}
.fb-row-last>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.fb-row-last em{font:700 12.5px/1.35 var(--sans);font-style:normal;color:#e9e1d1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-row-last small{color:#8f8aa0;font-size:11.5px}
.fb-row-go{grid-column:3/-1;justify-self:end;color:var(--fb-gold);opacity:.55;transition:opacity .2s,transform .2s}
.fb-row-go .i{width:18px;height:18px}
.fb-row:hover .fb-row-go{opacity:1;transform:translateX(3px)}
.fb-guide-row{grid-template-columns:auto minmax(0,1fr) auto}
.fb-guide-row .fb-row-go{grid-column:auto}

/* sidebar */
.fb-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(var(--mast-h) + 18px)}
.fb-card{padding:18px;background:var(--fb-panel);border:1px solid var(--fb-line);border-radius:18px;box-shadow:0 24px 60px -32px #000}
.fb-card h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:700 14px/1.2 var(--display);letter-spacing:.06em;color:var(--fb-gold-hi)}
.fb-card h3 .i{width:16px;height:16px;color:var(--fb-gold)}
.fb-minis{display:flex;flex-direction:column}
.fb-mini{display:flex;align-items:center;gap:11px;padding:10px 4px;border-top:1px solid var(--fb-line);color:inherit;border-radius:10px;transition:background .2s}
.fb-mini:first-child{border-top:0}
.fb-mini:hover{background:rgba(233,184,95,.06)}
.fb-mini .fb-mark{width:34px;height:34px;border-radius:10px}
.fb-mini .fb-mark img{width:24px;height:24px}
.fb-mini>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.fb-mini b{font:700 13px/1.35 var(--sans);color:#ece4d4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fb-mini:hover b{color:var(--fb-gold-hi)}
.fb-mini small{color:#8f8aa0;font-size:11.5px}
.fb-mini-icon{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(233,184,95,.3);background:rgba(233,184,95,.07)}
.fb-mini-icon .i{width:16px;height:16px;color:var(--fb-gold)}
.fb-minis.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}
.fb-minis.is-grid .fb-mini{border-top:0}
.fb-brand{text-align:center;background:radial-gradient(circle at 50% 0,rgba(233,184,95,.16),transparent 62%),var(--fb-panel)}
.fb-brand>img{width:80px;height:80px;filter:drop-shadow(0 8px 22px rgba(233,184,95,.4))}
.fb-brand>b{display:block;margin:8px 0 12px;font:700 16px/1.25 var(--display);background:linear-gradient(180deg,#ffe8ad,#d79a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-quick{display:grid;gap:6px;text-align:left}
.fb-quick a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.03);border:1px solid var(--fb-line);color:#e9e1d1;font:700 12.5px/1 var(--sans);transition:border-color .18s,background .18s}
.fb-quick a:hover{border-color:rgba(233,184,95,.45);background:rgba(233,184,95,.07);color:var(--fb-gold-hi)}
.fb-quick .i{width:16px;height:16px;color:var(--fb-gold)}
.fb-quick .go{margin-left:auto;width:14px;height:14px;color:#8f8aa0}

/* category topic list */
.fb-list{overflow:hidden;background:var(--fb-panel);border:1px solid var(--fb-line);border-radius:18px;box-shadow:0 24px 60px -32px #000}
.fb-list-head{display:grid;grid-template-columns:minmax(0,1fr) 90px 190px;padding:12px 20px;background:linear-gradient(90deg,rgba(233,184,95,.15),rgba(233,184,95,.02));border-bottom:1px solid var(--fb-gline);font:800 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#d8b46a}
.fb-list-head span:nth-child(2){text-align:center}
.fb-list .empty-state{margin:26px}
.fb-topic{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) 90px 190px;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--fb-line);color:inherit;transition:background .25s}
.fb-list-head+.fb-topic{border-top:0}
.fb-topic::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#ffe8ad,#d79a3d);transform:scaleY(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.fb-topic:hover{background:linear-gradient(90deg,rgba(233,184,95,.08),transparent 70%)}
.fb-topic:hover::before,.fb-topic.is-pinned::before{transform:scaleY(1)}
.fb-topic.is-pinned{background:linear-gradient(90deg,rgba(233,184,95,.07),transparent 65%)}
.fb-topic:hover .fb-mark{border-color:rgba(233,184,95,.7);box-shadow:0 0 20px -6px rgba(233,184,95,.7)}
.fb-topic-main{display:flex;flex-direction:column;gap:5px;min-width:0}
.fb-topic-main>b{font:700 15px/1.35 var(--sans);color:#f3ece0}
.fb-topic:hover .fb-topic-main>b{color:var(--fb-gold-hi)}
.fb-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#8f8aa0;font-size:12px}
.fb-topic-stat{display:flex;flex-direction:column;align-items:center;gap:3px}
.fb-topic-stat b{font-size:17px;line-height:1}
.fb-topic-stat small,.fb-topic-last small{font:700 9.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8f8aa0}
.fb-topic-last{display:flex;flex-direction:column;gap:3px;padding-left:14px;border-left:1px solid var(--fb-line);min-width:0}
.fb-topic-last b{font:700 12.5px/1.3 var(--sans);color:#e9e1d1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-topic-last time{color:#8f8aa0;font-size:11.5px}
.fb .pager{margin-top:20px}

/* centered reading column: topics and guides */
.fb-reading{max-width:900px}
.fb-thread{display:flex;flex-direction:column;gap:18px}
.fb-article{background:var(--fb-panel);border:1px solid var(--fb-line);border-radius:20px;box-shadow:0 26px 60px -34px #000;padding:26px clamp(18px,4vw,46px) 34px}
.fb-article.is-first,.fb-article.is-guide{border-color:rgba(233,184,95,.3)}
.fb-article-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--fb-line)}
.fb-article-who{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.fb-article-who b{font:700 15px/1.3 var(--sans);color:#f3ece0}
.fb-article-date{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:#8f8aa0;font-size:12.5px}
.fb-article-date .i{width:14px;height:14px;color:var(--fb-gold)}
.fb-edited{font-style:italic}
.fb-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(160deg,#2a3247,#141927);border:2px solid rgba(255,255,255,.12);font:700 19px/1 var(--display);color:#e9e1d1}
.fb-avatar.is-staff{background:radial-gradient(circle,rgba(233,184,95,.28),rgba(10,14,22,.95) 70%);border-color:rgba(233,184,95,.65);box-shadow:0 0 24px -8px rgba(233,184,95,.7)}
.fb-avatar img{width:36px;height:36px}
.fb-role{padding:3px 10px;border-radius:999px;font:800 9.5px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#cfc8d8;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.fb-cover{margin:0 0 26px;border-radius:16px;overflow:hidden;border:1px solid rgba(233,184,95,.32);box-shadow:0 20px 44px -22px #000;background:#0b0f18}
.fb-cover img{display:block;width:100%;aspect-ratio:5/2;object-fit:cover}
.fb-cover.is-art img{object-fit:contain;padding:18px;max-height:300px}

/* post content typography */
.fb-content{color:#ddd6c8;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.fb-content>:first-child{margin-top:0}
.fb-content>:last-child{margin-bottom:0}
.fb-content p{margin:0 0 18px}
.fb-content>p:first-child{font-size:18px;line-height:1.7;color:#efe7d6}
.fb-content strong{font-weight:800;background:linear-gradient(180deg,#ffe8ad,#e2a64b);-webkit-background-clip:text;background-clip:text;color:transparent}
.fb-content h3{display:flex;align-items:center;gap:12px;margin:34px 0 14px;font:700 20px/1.3 var(--display);letter-spacing:.03em;color:var(--fb-gold-hi)}
.fb-content h3::before{content:"";flex:0 0 9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,#ffe8ad,#d79a3d);box-shadow:0 0 12px rgba(233,184,95,.7)}
.fb-content h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(233,184,95,.35),transparent)}
.fb-content h4{margin:22px 0 8px;font:800 15px/1.4 var(--sans);color:var(--fb-gold)}
.fb-content ul,.fb-content ol{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:6px}
.fb-content li{position:relative;padding:6px 0 6px 28px}
.fb-content ul li::before{content:"";position:absolute;left:7px;top:1.05em;width:7px;height:7px;transform:rotate(45deg);background:var(--fb-gold);box-shadow:0 0 8px rgba(233,184,95,.6)}
.fb-content ol{counter-reset:fb;gap:10px}
.fb-content ol li{counter-increment:fb;padding:12px 16px 12px 58px;border-radius:14px;background:linear-gradient(90deg,rgba(233,184,95,.08),rgba(233,184,95,.015));border:1px solid rgba(233,184,95,.16)}
.fb-content ol li::before{content:counter(fb);position:absolute;left:14px;top:50%;width:30px;height:30px;margin-top:-15px;display:grid;place-items:center;border-radius:50%;font:800 13px/1 var(--display);color:#1d1206;background:linear-gradient(180deg,#ffe8ad,#d79a3d);box-shadow:0 0 14px -2px rgba(233,184,95,.6)}
.fb-note{margin:22px 0;padding:16px 20px;border-left:3px solid var(--fb-gold);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(233,184,95,.12),rgba(233,184,95,.03));color:#f1e8d6}
.fb-table-wrap{margin:20px 0 24px;overflow-x:auto;border-radius:14px;border:1px solid rgba(233,184,95,.26);background:rgba(8,10,16,.55)}
.fb-table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.fb-table th{padding:12px 16px;text-align:left;white-space:nowrap;font:800 11px/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--fb-gold-hi);background:linear-gradient(180deg,rgba(233,184,95,.24),rgba(233,184,95,.1));border-bottom:1px solid rgba(233,184,95,.3)}
.fb-table td{padding:11px 16px;border-top:1px solid var(--fb-line);vertical-align:top}
.fb-table tbody tr:first-child td{border-top:0}
.fb-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.022)}
.fb-table td:first-child{font-weight:800;color:var(--fb-gold-hi);white-space:nowrap}
.fb-figure{margin:24px auto;max-width:620px;border-radius:16px;overflow:hidden;border:1px solid rgba(233,184,95,.26);background:#0b0f18;box-shadow:0 18px 40px -24px #000}
.fb-figure img{display:block;width:100%;max-height:420px;object-fit:cover}
.fb-figure.is-art{max-width:300px}
.fb-figure.is-art img{object-fit:contain;max-height:240px;padding:18px;background:radial-gradient(circle,rgba(233,184,95,.14),transparent 70%)}
.fb-figure figcaption{padding:9px 14px;border-top:1px solid var(--fb-line);color:#a49eb2;font-size:12.5px;text-align:center}
.fb-gallery{display:grid;gap:14px;margin:24px 0}
.fb-gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fb-gallery-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fb-gallery .fb-figure{margin:0;max-width:none}
.fb-gallery .fb-figure img{aspect-ratio:1;max-height:none}
.fb-items{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.fb-item{display:inline-flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border-radius:12px;background:linear-gradient(90deg,rgba(233,184,95,.13),rgba(233,184,95,.04));border:1px solid rgba(233,184,95,.32);color:#ffe4a6;font:700 13.5px/1.2 var(--sans);vertical-align:middle;transition:border-color .2s,box-shadow .2s}
.fb-item:hover{border-color:rgba(255,214,140,.8);box-shadow:0 0 18px -6px rgba(233,184,95,.7)}
.fb-item-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#0b0f18;border:1px solid rgba(233,184,95,.4);overflow:hidden}
.fb-item-icon img{width:32px;height:32px;image-rendering:auto}
.fb-items .fb-item{padding:7px 16px 7px 7px;font-size:14.5px}
.fb-items .fb-item-icon{width:44px;height:44px}
.fb-items .fb-item-icon img{width:42px;height:42px}
.fb-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px 0 0;padding-top:22px;border-top:1px dashed rgba(233,184,95,.28)}
.fb-actions .i{width:15px;height:15px}
.fb-link,.fb-content .forum-own-link{color:var(--fb-gold);text-decoration:underline;text-decoration-color:rgba(233,184,95,.4);text-underline-offset:3px}
.fb-link:hover,.fb-content .forum-own-link:hover{color:var(--fb-gold-hi)}
.fb-locked{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:14px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid var(--fb-line);color:#a49eb2;font-weight:700}
.fb-locked .i{width:16px;height:16px;color:var(--fb-gold)}
.fb-mod{align-items:center;gap:14px;flex-wrap:wrap}
.fb-related{margin-top:24px}

/* responsive */
@media(max-width:1180px){.fb-layout{grid-template-columns:1fr}.fb-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fb-stage-a{right:calc(2% + min(26vw,300px))}.fb-stage{width:min(28vw,300px)}}
@media(max-width:980px){
 .fb-cols{display:none}
 .fb-row{grid-template-columns:auto minmax(0,1fr) auto auto;gap:6px 14px}
 .fb-row-last{grid-column:2/-1;padding:6px 0 0;border-left:0}
 .fb-topic,.fb-list-head{grid-template-columns:auto minmax(0,1fr) 64px}
 .fb-list-head span:last-child,.fb-topic-last{display:none}
 .fb-hero.has-stage{min-height:480px}
}
@media(max-width:899px){
 .fb-stage-b{display:none}
 .fb-stage-a{right:-20%;width:min(70vw,330px);height:88%;bottom:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 42%);mask-image:linear-gradient(90deg,transparent,#000 42%)}
 .fb-stage-a.is-ready{opacity:.42}
 .fb-layer-mark{padding-left:0;justify-content:flex-end;padding-right:4%}
}
@media(max-width:760px){
 .fb-hero{min-height:340px;padding:74px 0 34px}
 .fb-hero.has-stage{min-height:440px}
 .fb-hero.has-art .fb-layer-art{left:0;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
 .fb-layer-mark{justify-content:center;align-items:flex-start;padding:70px 0 0}
 .fb-layer-mark img{width:160px}
 .fb-hero-in>p{font-size:14.5px}
 .fb-hero-stats b{font-size:18px}
 .fb-hero-actions .btn{flex:1 1 auto}
 .fb-side{grid-template-columns:1fr}
 .fb-section-head{grid-template-columns:auto minmax(0,1fr);padding:13px 16px}
 .fb-row{padding:13px 16px}
 .fb-row-icon{width:40px;height:40px}
 .fb-row-stat small{display:none}
 .fb-topic{grid-template-columns:auto minmax(0,1fr) 44px;gap:12px;padding:13px 14px}
 .fb-list-head{display:none}
 .fb-mark{width:38px;height:38px}
 .fb-article{padding:20px 18px 26px;border-radius:16px}
 .fb-article-date{margin-left:0;width:100%}
 .fb-content{font-size:15.5px}
 .fb-content>p:first-child{font-size:16.5px}
 .fb-content ol li{padding:11px 12px 11px 52px}
 .fb-gallery-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fb-minis.is-grid{grid-template-columns:1fr}
 .fb-backbar .btn{flex:1 1 220px}
}
@media(max-width:420px){.fb-hero-stats span{padding:7px 11px}.fb-row-stat{display:none}}
@media(prefers-reduced-motion:reduce){.fb-layer,.fb-hero-scene{transition:none!important}.fb-layer-motes,.fb-layer-rays{display:none}.fb-layer-mark img{animation:none}}

/* management forum editor and library */
.afe{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start}
.afe-main,.afe-side>.card{min-width:0}
.afe-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:calc(var(--mast-h) + 86px)}
.afe-tools{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.afe-tool{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(233,184,95,.26);color:#efe6d4;font:700 11.5px/1 var(--sans);cursor:pointer;transition:background .15s,border-color .15s}
.afe-tool:hover{background:rgba(233,184,95,.1);border-color:rgba(233,184,95,.55);color:#ffe4a6}
.afe-tool .i{width:14px;height:14px;color:#e9b85f}
.afe textarea{width:100%;min-height:440px;resize:vertical;font:500 14px/1.65 var(--sans)}
.afe-help{display:block;margin-top:8px;line-height:1.8}
.afe-help b{color:#ffe4a6;font-weight:800}
.afe-images{margin-top:22px;padding-top:18px;border-top:1px solid rgba(216,194,154,.16)}
.afe-images-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.afe-images-head h3{display:flex;align-items:center;gap:8px;margin:0}
.afe-status{margin:8px 0 12px;font-size:12.5px}
.afe-status.is-ok{color:#43d98b}
.afe-status.is-err{color:#ff7a7a}
.afe-upload{position:relative;cursor:pointer}
.afe-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.afe-upload:focus-within{outline:2px solid #e9b85f;outline-offset:2px}
.afe-block{display:flex;width:100%;margin:10px 0 6px}
.afe-gallery-group{margin-top:14px}
.afe-gallery-group .mini-title{display:block;margin-bottom:8px}
.afe-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.afe-side .afe-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.afe-picker[data-afe-picker=cover]{max-height:540px;overflow-y:auto;padding-right:4px;margin-top:8px}
.afe-thumb{position:relative;display:flex;flex-direction:column;padding:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0b0f18;color:#cfc8d8;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.afe-thumb:hover{border-color:rgba(233,184,95,.55);transform:translateY(-1px)}
.afe-thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.afe-thumb.is-art img{object-fit:contain;padding:8px;background:radial-gradient(circle,rgba(233,184,95,.1),transparent 70%)}
.afe-thumb>span:last-child{padding:5px 7px;font:600 10.5px/1.3 var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afe-thumb input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.afe-thumb:has(input:checked){border-color:#e9b85f;box-shadow:0 0 0 2px rgba(233,184,95,.55)}
.afe-thumb:has(input:checked)::after{content:"✓";position:absolute;top:6px;right:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#ffe8ad,#d79a3d);color:#1d1206;font:900 12px/1 var(--sans)}
.afe-thumb:has(input:focus-visible){outline:2px solid #e9b85f;outline-offset:2px}
.afe-none-box{display:grid;place-items:center;aspect-ratio:16/10;color:#8f8aa0}
.afe-none-box .i{width:20px;height:20px}
.afe-gallery-none{grid-template-columns:repeat(3,minmax(0,1fr))}
.afe-cover-preview{display:grid;place-items:center;aspect-ratio:5/2;border-radius:12px;overflow:hidden;border:1px solid rgba(233,184,95,.3);background:#0b0f18;color:#8f8aa0;font-size:12.5px}
.afe-cover-preview img{width:100%;height:100%;object-fit:cover}
.afe-cover-preview span{display:inline-flex;align-items:center;gap:6px}
.afe-cover-preview .i{width:16px;height:16px}
.afe-check{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid rgba(216,194,154,.1)}
.afe-check:first-of-type{border-top:0}
.afe-check span{display:flex;flex-direction:column;gap:2px}
.afe-check small{color:#a6adbc;font-size:11.5px}
.afe-submit{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(216,194,154,.16)}
.afe-head-actions{display:flex;flex-wrap:wrap;gap:8px}
.afe-toolbar{display:flex;flex-wrap:wrap;gap:10px}
.afe-topic{display:flex;align-items:center;gap:12px;min-width:240px}
.afe-topic>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.afe-topic small{color:#a6adbc;font-size:11.5px}
.afe-block-sm,.afe-table .afe-block{display:block}
.afe-row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.afe-row-actions form{margin:0}
.afe-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.afe-cat{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(216,194,154,.16);background:rgba(255,255,255,.02);color:inherit;text-decoration:none}
.afe-cat:hover{border-color:rgba(233,184,95,.5)}
.afe-cat>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(233,184,95,.1)}
.afe-cat .i{width:17px;height:17px;color:#e9b85f}
.afe-cat b{display:block;font-size:13px}
.afe-cat small{display:block;color:#a6adbc;font-size:11px}
.afe-upload-card{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px}
.afe-upload-card .admin-section-heading{flex:1 1 100%}
.afe-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.afe-lib-item{margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(216,194,154,.18);background:#0b0f18}
.afe-lib-item img{display:block;width:100%;aspect-ratio:5/2;object-fit:cover}
.afe-lib-item.is-art img{object-fit:contain;padding:10px}
.afe-lib-item figcaption{display:flex;flex-direction:column;gap:6px;padding:10px 12px}
.afe-lib-item b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afe-lib-item small{color:#a6adbc;font-size:11px}
.afe-code{width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(216,194,154,.2);background:rgba(0,0,0,.3);color:#ffe4a6;font:600 11px/1.3 ui-monospace,Consolas,monospace}
@media(max-width:1180px){.afe{grid-template-columns:1fr}.afe-side{position:static}.afe-side .afe-gallery{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}}
@media(max-width:600px){.afe textarea{min-height:320px}.afe-submit .btn{flex:1 1 100%}.afe-row-actions{justify-content:flex-start}}
.afe>.afe-main{grid-column:1}.afe>.afe-side{grid-column:2;grid-row:1}
@media(max-width:1180px){.afe>.afe-side{grid-column:1;grid-row:auto}}
/* management topic list */
.afe-items{display:flex;flex-direction:column}
.afe-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 10px;border-top:1px solid rgba(216,194,154,.12);border-radius:12px;transition:background .2s}
.afe-item:first-child{border-top:0}
.afe-item:hover{background:rgba(233,184,95,.05)}
.afe-item.is-pinned{background:linear-gradient(90deg,rgba(233,184,95,.08),transparent 60%)}
.afe-item-main{display:flex;flex-direction:column;gap:4px;min-width:0}
.afe-item-main a{font:700 14.5px/1.35 var(--sans);color:#f3ece0;text-decoration:none}
.afe-item-main a:hover{color:#ffe4a6}
.afe-item-main small{color:#a6adbc;font-size:11.5px}
.afe-danger{color:#ff9a8a}
@media(max-width:760px){.afe-item{grid-template-columns:auto minmax(0,1fr)}.afe-item .afe-row-actions{grid-column:1/-1;justify-content:flex-start}}