/* ============================================================ _shared/base.css —— 整段内联（未改动） ============================================================ */ #forumRoot { --paper: #F7F3EC; --paper-2: #FCFAF6; --paper-3: #FFFDF8; --paper-deep: #F2ECE1; --ink: #1C1B19; --ink-dim: #6B6660; --ink-faint: #6B655B; /* TD-038 P1-02：元信息 ≥4.5:1 */ --line: rgba(28,27,25,.12); --line-strong: rgba(28,27,25,.30); --cinnabar: #B23A2E; --cinnabar-dark: #8E2C22; --cinnabar-soft: rgba(178,58,46,.07); --gold: #7A6334; --gold-bright: #8A6E36; --gold-dim: #6B552B; --gold-rgb: 168,137,78; --shadow: 0 1px 3px rgba(28,27,25,.05), 0 5px 14px rgba(28,27,25,.07); --shadow-lift: 0 2px 5px rgba(28,27,25,.06), 0 12px 28px rgba(28,27,25,.10); --serif: "Noto Serif SC","Source Han Serif SC","思源宋体","Songti SC","SimSun",serif; --sans: "Noto Sans SC","Source Han Sans SC","思源黑体","PingFang SC","Microsoft YaHei",sans-serif; --ease: cubic-bezier(.25,.8,.25,1); --ease-out: cubic-bezier(.16,1,.3,1); --r-inp: 9px; --r-card: 13px; --r-modal: 16px; --nav-h: 64px; --wrap: 1440px; } #forumRoot * { box-sizing: border-box; margin: 0; padding: 0; } #forumRoot { -webkit-text-size-adjust: 100%; } #forumRoot { font-family: var(--sans); color: var(--ink); background: radial-gradient(1200px 700px at 70% -10%, rgba(168,137,78,.05), transparent 60%), radial-gradient(900px 600px at 12% 108%, rgba(178,58,46,.03), transparent 60%), linear-gradient(155deg, #F8F4EC 0%, #F6F1E7 52%, #F3EDE1 100%); min-height: 100vh; font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; } /* 纸张噪点：3.5%，不抢内容 */ #forumRoot::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .035; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); } #forumRoot a { color: inherit; text-decoration: none; } #forumRoot button, #forumRoot input, #forumRoot textarea, #forumRoot select { font: inherit; color: inherit; } #forumRoot button { cursor: pointer; } #forumRoot img, #forumRoot svg { display: block; } #forumRoot h1, #forumRoot h2, #forumRoot h3, #forumRoot h4 { font-family: var(--serif); font-weight: 700; letter-spacing: .02em; text-wrap: balance; } #forumRoot p, #forumRoot li { line-break: strict; overflow-wrap: anywhere; text-wrap: pretty; } #forumRoot :focus { outline: none; } #forumRoot :focus-visible { outline: 2px solid rgba(178,58,46,.55); outline-offset: 2px; border-radius: 4px; } #forumRoot ::selection { background: rgba(178,58,46,.14); } #forumRoot ::-webkit-scrollbar { width: 8px; height: 8px; } #forumRoot ::-webkit-scrollbar-thumb { background: rgba(28,27,25,.14); border-radius: 8px; } #forumRoot ::-webkit-scrollbar-track { background: transparent; } #forumRoot .wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 26px; } #forumRoot .serif { font-family: var(--serif); } #forumRoot .muted { color: var(--ink-dim); } #forumRoot .faint { color: var(--ink-faint); } #forumRoot .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } /* ---------- 顶部导航：复刻易算阁现有结构 ---------- */ #forumRoot .nav { position: sticky; top: 0; z-index: 50; height: var(--nav-h); background: linear-gradient(180deg, rgba(247,243,236,.96), rgba(247,243,236,.88)); border-bottom: 1px solid rgba(168,137,78,.14); box-shadow: 0 8px 24px rgba(28,27,25,.05), inset 0 -1px 0 rgba(168,137,78,.08); backdrop-filter: blur(10px); } #forumRoot .nav-inner { max-width: var(--wrap); margin: 0 auto; height: 100%; display: flex; align-items: center; gap: 14px; padding: 0 26px; } #forumRoot .logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; cursor: pointer; } #forumRoot .logo-seal { width: 38px; height: 38px; border-radius: 9px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--serif); font-weight: 800; font-size: 22px; color: #F6EDD9; background: linear-gradient(160deg,#2A2723,#1C1B19); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 2px 6px rgba(28,27,25,.22); } #forumRoot .logo-name { font-family: var(--serif); font-size: 19px; font-weight: 900; letter-spacing: 4px; color: var(--ink); } #forumRoot .logo-sub { font-size: 10.5px; letter-spacing: 2.6px; color: var(--ink-dim); margin-top: 2px; } #forumRoot .nav-links { display: flex; align-items: center; gap: 1px; margin: 0 auto; min-width: 0; } #forumRoot .nav-links > a, #forumRoot .nav-more-btn { position: relative; padding: 8px 10px; border-radius: 7px; border: 0; background: transparent; font-family: var(--serif); font-size: 15px; font-weight: 600; letter-spacing: 1.6px; color: var(--ink-dim); white-space: nowrap; transition: color .2s var(--ease), background .2s var(--ease); } #forumRoot .nav-links > a:hover, #forumRoot .nav-more-btn:hover { color: var(--ink); background: rgba(168,137,78,.07); } #forumRoot .nav-links > a.active { color: var(--cinnabar); background: rgba(178,58,46,.06); } #forumRoot .nav-links > a.active::after { content: ""; position: absolute; left: 18%; right: 18%; bottom: 3px; height: 2px; background: linear-gradient(90deg, transparent, var(--cinnabar), transparent); } #forumRoot .nav-side { display: flex; align-items: center; gap: 6px; flex-shrink: 0; } #forumRoot .nav-side a { padding: 8px 11px; border-radius: 7px; font-family: var(--serif); font-size: 14.5px; font-weight: 600; letter-spacing: 1.6px; color: var(--ink-dim); white-space: nowrap; transition: color .2s var(--ease), background .2s var(--ease); } #forumRoot .nav-side a:hover { color: var(--ink); background: rgba(168,137,78,.07); } #forumRoot .nav-side a.active { color: var(--cinnabar); background: rgba(178,58,46,.06); } #forumRoot .nav-search { position: relative; flex: 0 1 190px; min-width: 120px; } #forumRoot .nav-search input { width: 100%; height: 34px; padding: 0 11px 0 31px; border-radius: 9px; border: 1px solid rgba(168,137,78,.26); background: rgba(255,255,255,.42); font-size: 13px; letter-spacing: .3px; color: var(--ink); transition: border-color .2s, background .2s, box-shadow .2s; } #forumRoot .nav-search input::placeholder { color: var(--ink-faint); } #forumRoot .nav-search input:focus { border-color: rgba(178,58,46,.45); background: #FFFDF8; box-shadow: 0 0 0 3px rgba(178,58,46,.08); } #forumRoot .nav-search .ns-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--ink-faint); pointer-events: none; } @media (max-width: 1280px) { #forumRoot .nav-search { flex-basis: 150px; } #forumRoot .nav-links > a, #forumRoot .nav-more-btn { font-size: 14px; padding: 8px 8px; letter-spacing: 1px; } } @media (max-width: 1080px) { #forumRoot .nav-search { display: none; } } @media (max-width: 900px) { #forumRoot .nav-inner { gap: 10px; padding: 0 14px; } #forumRoot .nav-links { display: none; } #forumRoot .logo-name { font-size: 17px; letter-spacing: 3px; } #forumRoot .logo-sub { display: none; } #forumRoot .nav-side a { padding: 8px 8px; font-size: 13.5px; letter-spacing: .5px; } } /* ---------- 基础控件 ---------- */ #forumRoot .btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 38px; padding: 0 18px; border-radius: var(--r-inp); border: 1px solid transparent; font-family: var(--serif); font-size: 14.5px; font-weight: 700; letter-spacing: 1.6px; transition: transform .18s var(--ease-out), background .18s, border-color .18s, box-shadow .18s; } #forumRoot .btn:active { transform: translateY(1px); } #forumRoot .btn-primary { color: #FFFDF8; background: linear-gradient(180deg,#C4483A,#B23A2E 55%,#8E2C22); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 3px 10px rgba(142,44,34,.22); } #forumRoot .btn-primary:hover { filter: brightness(1.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 5px 16px rgba(142,44,34,.26); } #forumRoot .btn-ghost { color: var(--ink); background: var(--paper-2); border-color: var(--line); } #forumRoot .btn-ghost:hover { border-color: rgba(168,137,78,.45); background: var(--paper-3); } #forumRoot .btn-quiet { color: var(--ink-dim); background: transparent; border-color: transparent; } #forumRoot .btn-quiet:hover { color: var(--ink); background: rgba(168,137,78,.07); } #forumRoot .btn-sm { height: 31px; padding: 0 12px; font-size: 13px; letter-spacing: 1px; } #forumRoot .inp, #forumRoot .ta, #forumRoot .sel { width: 100%; border: 1px solid var(--line); border-radius: var(--r-inp); background: var(--paper-3); color: var(--ink); font-size: 14px; transition: border-color .2s, box-shadow .2s, background .2s; } #forumRoot .inp, #forumRoot .sel { height: 40px; padding: 0 12px; } #forumRoot .ta { padding: 11px 12px; line-height: 1.8; resize: vertical; min-height: 120px; } #forumRoot .inp::placeholder, #forumRoot .ta::placeholder { color: var(--ink-faint); } #forumRoot .inp:focus, #forumRoot .ta:focus, #forumRoot .sel:focus { border-color: rgba(178,58,46,.45); background: #FFFDF8; box-shadow: 0 0 0 3px rgba(178,58,46,.08); } #forumRoot .label { display: block; font-size: 12.5px; letter-spacing: 1px; color: var(--ink-dim); margin-bottom: 6px; } #forumRoot .card { background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.10)), linear-gradient(160deg,#FDFBF6,#F9F5EC 55%,#F4EEE2); border: 1px solid var(--line); border-radius: var(--r-card); box-shadow: var(--shadow); } #forumRoot .tag { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 5px; border: 1px solid rgba(168,137,78,.28); font-size: 11.5px; letter-spacing: .5px; color: var(--gold-dim); background: rgba(168,137,78,.06); white-space: nowrap; } #forumRoot .tag.red { color: var(--cinnabar); border-color: rgba(178,58,46,.3); background: rgba(178,58,46,.06); } #forumRoot .tag.ink { color: var(--ink-dim); border-color: var(--line); background: transparent; } #forumRoot .avatar { width: 38px; height: 38px; border-radius: 9px; flex-shrink: 0; display: grid; place-items: center; font-family: var(--serif); font-weight: 700; font-size: 16px; color: var(--ink); background: linear-gradient(160deg,#F3EBDD,#E9DFCE); border: 1px solid rgba(168,137,78,.28); } #forumRoot .avatar.sm { width: 30px; height: 30px; font-size: 13px; border-radius: 8px; } #forumRoot .avatar.lg { width: 64px; height: 64px; font-size: 26px; border-radius: 14px; } #forumRoot .avatar.red { color: #FFFDF8; background: linear-gradient(160deg,#B23A2E,#8E2C22); border-color: rgba(142,44,34,.4); } #forumRoot .badge-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cinnabar); display: inline-block; } /* 弹层与提示 */ #forumRoot .mask { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: rgba(28,27,25,.28); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; } #forumRoot .mask.open { opacity: 1; visibility: visible; } #forumRoot .modal { width: min(560px, 92vw); max-height: 86vh; overflow: auto; padding: 24px 26px; background: linear-gradient(180deg,#FFFDF8,#F7F1E6); border: 1px solid rgba(168,137,78,.3); border-radius: var(--r-modal); box-shadow: 0 18px 50px rgba(28,27,25,.18); transform: translateY(10px) scale(.99); transition: transform .24s var(--ease-out); } #forumRoot .mask.open .modal { transform: none; } #forumRoot .modal-title { font-family: var(--serif); font-size: 20px; font-weight: 700; letter-spacing: 2px; text-align: center; margin-bottom: 6px; } #forumRoot .modal-sub { text-align: center; font-size: 13px; color: var(--ink-dim); line-height: 1.8; margin-bottom: 18px; } #forumRoot .modal-x { position: absolute; top: 14px; right: 16px; border: 0; background: transparent; font-size: 20px; color: var(--ink-faint); cursor: pointer; } #forumRoot .toast { position: fixed; left: 50%; bottom: 34px; transform: translate(-50%, 12px); z-index: 200; padding: 10px 18px; border-radius: 9px; background: #1C1B19; color: #F6EDD9; font-size: 13.5px; letter-spacing: .5px; opacity: 0; pointer-events: none; /* 正式站 .toast 带 toastIn 动画，会把 opacity 直接拉到 1（空黑条）； 论坛自己的 toast 只用 opacity/transform 过渡，必须清掉动画。 */ animation: none; transition: opacity .2s, transform .22s var(--ease-out); box-shadow: 0 8px 24px rgba(28,27,25,.24); } #forumRoot .toast.show { opacity: 1; transform: translate(-50%,0); } /* 通用动效约束 */ @media (prefers-reduced-motion: reduce) { #forumRoot *, #forumRoot *::before, #forumRoot *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } } /* ============================================================ C · 问易 —— 问答市集 ============================================================ */ #forumRoot { --page-wrap: 1360px; --gold-ink: #7E6836; --sage: #6D8A63; --nav-edge: clamp(20px, 2vw, 40px); } #forumRoot [hidden] { display: none !important; } #forumRoot { scrollbar-gutter: stable; } #forumRoot { overflow-x: hidden; } #forumRoot.modal-open { overflow: hidden; } #forumRoot .ic { width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } #forumRoot .vmark { width: 13px; height: 13px; color: var(--gold); } /* ---------- 导航补充 ---------- */ #forumRoot .nav-bell { position: relative; width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--ink-dim); transition: color .18s, background .18s; } #forumRoot .nav-bell:hover { color: var(--ink); background: rgba(168,137,78,.08); } #forumRoot .nav-bell .ic { width: 18px; height: 18px; } #forumRoot .nav-count { position: absolute; top: 1px; right: 0; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 9px; border: 2px solid var(--paper); background: var(--cinnabar); color: #FFFDF8; font-family: var(--sans); font-size: 10px; font-weight: 600; line-height: 12px; text-align: center; letter-spacing: 0; } #forumRoot .nav-user { display: inline-flex !important; align-items: center; gap: 6px; padding: 5px 8px !important; } #forumRoot .nav-user .avatar { width: 27px; height: 27px; font-size: 12px; border-radius: 7px; } #forumRoot .nav-user .nu-name { font-size: 13.5px; letter-spacing: 1px; max-width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #forumRoot .nav-user { min-width: 0; } #forumRoot .nav-user .caret { width: 11px; height: 11px; color: var(--ink-faint); } @media (max-width: 900px) { #forumRoot .nav-inner { justify-content: space-between; } #forumRoot .nav-side { margin-left: auto; } } @media (max-width: 600px) { #forumRoot .nav-user .nu-name, #forumRoot .nav-user .caret { display: none; } #forumRoot .nav-user { padding: 3px !important; } #forumRoot .nav-user .avatar { width: 28px; height: 28px; } #forumRoot .nav-bell { width: 32px; height: 32px; } } /* ---------- Hero ---------- */ #forumRoot .hero { padding: 20px 20px 16px; text-align: center; } #forumRoot .hero-emblem { display: none; } #forumRoot .hero h1 { font-size: clamp(36px, 3.15vw, 46px); line-height: 1.08; letter-spacing: .16em; margin-left: .16em; } #forumRoot .hero-sub { margin-top: 6px; font-family: var(--serif); font-size: 15.5px; letter-spacing: .24em; color: var(--ink-dim); } #forumRoot .hero-desc { margin-top: 4px; font-size: 13px; letter-spacing: .3px; color: var(--ink-dim); } #forumRoot .ask-bar { width: min(700px, 100%); margin: 13px auto 0; display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 18px; background: linear-gradient(180deg,#FFFDF8,#FBF7EF); border: 1px solid rgba(168,137,78,.28); border-radius: 14px; box-shadow: 0 2px 6px rgba(28,27,25,.04), 0 14px 32px rgba(28,27,25,.07); transition: border-color .2s, box-shadow .2s; } #forumRoot .ask-bar:focus-within { border-color: rgba(178,58,46,.35); box-shadow: 0 0 0 4px rgba(178,58,46,.055), 0 14px 32px rgba(28,27,25,.07); } #forumRoot .ask-bar input { flex: 1; min-width: 0; height: 44px; border: 0; background: transparent; font-size: 16px; letter-spacing: .4px; color: var(--ink); } #forumRoot .ask-bar input::placeholder { color: var(--ink-faint); } #forumRoot .ask-bar .btn { height: 48px; padding: 0 23px; border-radius: 10px; font-size: 15.5px; flex: 0 0 auto; } #forumRoot .ask-bar .btn .ic { width: 15px; height: 15px; } #forumRoot .hero-meta { margin-top: 9px; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; font-size: 12px; color: var(--ink-faint); } #forumRoot .hero-meta b { font-weight: 600; color: var(--ink-dim); } #forumRoot .hero-meta .live { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-dim); } #forumRoot .hero-meta .live i { width: 5px; height: 5px; border-radius: 50%; background: var(--sage); box-shadow: 0 0 0 3px rgba(109,138,99,.13); } #forumRoot .hm-sep { width: 1px; height: 10px; background: var(--line-strong); opacity: .55; } /* ---------- 三栏 ---------- */ #forumRoot .market { flex: 1 1 auto; min-height: 0; width: 100%; max-width: none; margin: 0 auto; /* 2026-10-18 用户：「把左侧往右移动，把算卦几天露出来」——左侧留出挂件空位（挂件 fixed left:10px）。 */ padding: 0 clamp(20px, 2vw, 40px) 30px clamp(64px, 4.2vw, 86px); /* 2026-10-18 用户：「左侧要比右侧宽」→ 左 320 / 右 280（原来 250 / 320）。 */ display: grid; grid-template-columns: 320px minmax(0,1fr) 280px; gap: clamp(20px, 1.8vw, 36px); align-items: stretch; overflow: hidden; } /* 2026-10-18 用户：左右栏固定不动，但内容必须都能看到 —— 各自栏内滚动，底部留白不贴底。 */ #forumRoot .left-col { position: static; align-self: stretch; min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-bottom: 20px; } /* 2026-10-18 用户：「那几个字固定，下面的内容可以上下拉」—— 左栏每块标题（热门版块/术数榜/我的关注）吸顶，内容在标题下滚动。 */ #forumRoot .left-col .rail-h { position: sticky; top: 0; z-index: 6; margin-bottom: 0; padding: 3px 0 9px; /* 2026-10-18 用户：右栏吸顶区「偏白」→ 吸顶底色取页面纸色（body 渐变在此处约 #F5F0E6）， 不再用比页面亮一档的 #F7F3EC。 */ background: #F5F0E6; } #forumRoot .mid-col { min-width: 0; min-height: 0; height: 100%; overflow-y: auto; scrollbar-width: thin; padding-right: 4px; } #forumRoot .right-col { position: static; align-self: stretch; min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-bottom: 20px; display: flex; flex-direction: column; gap: 16px; padding-right: 1px; } /* 2026-10-18 用户：右侧「术数榜 + 师傅榜/悬赏榜/应验榜」标题固定，下面榜单内容滚动。 */ #forumRoot .right-col .rank-sticky { position: sticky; top: 0; z-index: 6; padding-bottom: 10px; background: #F5F0E6; } #forumRoot .right-col .rank-sticky .rail-h { margin-bottom: 9px; } #forumRoot .right-col .rank-sticky .rank-tabs { margin-bottom: 0; } /* ---------- 左栏 ---------- */ #forumRoot .rail-panel { border-top: 1px solid var(--line); padding-top: 14px; } #forumRoot .rail-panel:first-child { border-top: 0; padding-top: 0; } #forumRoot .rail-h { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 9px; } #forumRoot .rail-h h2 { font-size: 15.5px; letter-spacing: 2px; } #forumRoot .rail-h h2::before { content: ""; display: inline-block; width: 3px; height: 12px; margin-right: 7px; background: var(--gold); border-radius: 2px; vertical-align: -1px; } #forumRoot .rail-note { font-size: 12px; color: var(--ink-faint); white-space: nowrap; } #forumRoot .cat-list { display: flex; flex-direction: column; gap: 1px; } #forumRoot .cat-item { position: relative; display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 8px 7px 10px; border: 0; border-radius: 6px; background: transparent; text-align: left; font-size: 13px; color: var(--ink-dim); transition: color .16s, background .16s; } #forumRoot .cat-item:hover { color: var(--ink); background: rgba(168,137,78,.055); } #forumRoot .cat-item .cat-name { flex: 1; min-width: 0; } #forumRoot .cat-item .cat-count { font-size: 12px; color: var(--ink-faint); } #forumRoot .cat-item.all { font-family: var(--serif); font-size: 13.5px; font-weight: 600; letter-spacing: .5px; } #forumRoot .cat-item.active { color: var(--cinnabar-dark); background: var(--cinnabar-soft); } #forumRoot .cat-item.active::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 2px; border-radius: 2px; background: var(--cinnabar); } #forumRoot .cat-item.active .cat-count { color: rgba(178,58,46,.66); } #forumRoot .cat-item.all.active { color: var(--ink); background: transparent; font-weight: 700; } #forumRoot .cat-item.all.active::before { display: none; } #forumRoot .follow-panel { margin-top: 12px; } #forumRoot .follow-row { display: flex; align-items: center; gap: 8px; padding: 5px 0; } #forumRoot .follow-row .avatar { width: 26px; height: 26px; font-size: 11px; border-radius: 6px; } #forumRoot .follow-row .fr-text { min-width: 0; } #forumRoot .f-name { display: flex; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 600; line-height: 1.4; } #forumRoot .f-field { font-size: 12px; color: var(--ink-faint); margin-top: 1px; } #forumRoot .follow-empty { font-size: 12px; line-height: 1.8; color: var(--ink-faint); } #forumRoot .side-checkin { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 11px; border: 1px dashed rgba(168,137,78,.35); border-radius: 8px; background: rgba(168,137,78,.035); } #forumRoot .sc-text { font-size: 12px; color: var(--ink-dim); line-height: 1.6; } #forumRoot .sc-text b { font-family: var(--serif); font-size: 16px; color: var(--ink); } #forumRoot .checkin-btn { border: 0; background: none; padding: 2px 0; font-size: 12px; font-weight: 600; color: var(--ink); border-bottom: 1px solid rgba(168,137,78,.5); white-space: nowrap; } #forumRoot .checkin-btn:hover { color: var(--cinnabar-dark); border-bottom-color: var(--cinnabar); } #forumRoot .checkin-btn.done { color: var(--ink-faint); border-bottom-color: transparent; } /* 左栏 · 术数榜导航 */ #forumRoot .rank-nav-panel { margin-top: 12px; } #forumRoot .rank-nav-list { display: flex; flex-direction: column; gap: 1px; } #forumRoot .rank-nav-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 7px 8px 7px 10px; border: 0; border-radius: 6px; background: transparent; text-align: left; font-size: 13px; color: var(--ink-dim); transition: color .16s, background .16s; } #forumRoot .rank-nav-item:hover { color: var(--ink); background: rgba(168,137,78,.055); } #forumRoot .rank-nav-item span { font-size: 12px; color: var(--ink-faint); white-space: nowrap; } #forumRoot .rank-nav-item.active { color: var(--cinnabar-dark); background: var(--cinnabar-soft); } #forumRoot .rank-nav-item.active span { color: rgba(178,58,46,.66); } /* ---------- 工具栏 ---------- */ #forumRoot .toolbar { padding-bottom: 12px; border-bottom: 1px solid var(--line); margin-bottom: 14px; } #forumRoot .toolbar-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; } #forumRoot .tabs { display: flex; gap: 22px; } #forumRoot .tab { position: relative; padding: 7px 0 9px; border: 0; background: transparent; font-family: var(--serif); font-size: 14.5px; font-weight: 600; letter-spacing: 1px; color: var(--ink-dim); transition: color .16s; } #forumRoot .tab:hover { color: var(--ink); } #forumRoot .tab.active { color: var(--ink); } #forumRoot .tab.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: 2px; background: var(--cinnabar); } #forumRoot .toolbar-right { display: flex; align-items: center; gap: 8px; min-width: 0; padding-bottom: 4px; } #forumRoot .feed-search { position: relative; display: block; flex: 0 1 190px; width: 190px; min-width: 110px; } #forumRoot .feed-search .ns-icon { position: absolute; left: 9px; top: 50%; transform: translateY(-50%); color: var(--ink-faint); pointer-events: none; } #forumRoot .feed-search input { width: 100%; height: 30px; padding: 0 10px 0 29px; border-radius: 8px; border: 1px solid var(--line); background: rgba(255,253,248,.55); font-size: 12.5px; color: var(--ink); outline: none; transition: border-color .16s, background .16s; } #forumRoot .feed-search input::placeholder { color: var(--ink-faint); } #forumRoot .feed-search input:focus { border-color: rgba(178,58,46,.4); background: #FFFDF8; } #forumRoot .toolbar-right .nav-bell { width: 30px; height: 30px; } #forumRoot .toolbar-meta { display: flex; align-items: baseline; gap: 7px; font-size: 12px; color: var(--ink-faint); white-space: nowrap; min-width: 0; overflow: hidden; } #forumRoot .toolbar-meta b { font-weight: 400; color: var(--ink-dim); } #forumRoot #feedContext { color: var(--ink-dim); max-width: 220px; overflow: hidden; text-overflow: ellipsis; } #forumRoot .tm-sep { color: var(--line-strong); } #forumRoot .filter-chips { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 9px; } #forumRoot .chip { height: 28px; padding: 0 11px; border: 1px solid var(--line); border-radius: 6px; background: transparent; font-size: 12.5px; color: var(--ink-dim); transition: color .16s, border-color .16s, background .16s; } #forumRoot .chip:hover { color: var(--ink); border-color: rgba(168,137,78,.45); background: rgba(168,137,78,.05); } #forumRoot .chip.active { color: var(--paper-2); background: var(--ink); border-color: var(--ink); } /* ---------- 问答卡片 ---------- */ #forumRoot .feed-list { display: flex; flex-direction: column; gap: 15px; } #forumRoot .q-card { position: relative; cursor: pointer; background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.08)), linear-gradient(160deg,#FDFBF6,#F9F5EC 60%,#F5EEE3); border: 1px solid var(--line); border-radius: var(--r-card); padding: 20px 23px 16px; box-shadow: 0 1px 2px rgba(28,27,25,.04); transition: border-color .2s, box-shadow .2s, transform .2s var(--ease-out); } #forumRoot .q-card:hover { border-color: rgba(168,137,78,.4); box-shadow: 0 2px 4px rgba(28,27,25,.05), 0 12px 26px rgba(28,27,25,.07); transform: translateY(-1px); } #forumRoot .q-card:focus-within { border-color: rgba(178,58,46,.34); } #forumRoot .q-card.is-new { animation: fCardIn 1.4s var(--ease-out); } @keyframes fCardIn { 0% { box-shadow: 0 0 0 3px rgba(168,137,78,.22), 0 12px 26px rgba(28,27,25,.08); border-color: rgba(168,137,78,.55); } 100% { box-shadow: 0 1px 2px rgba(28,27,25,.04); } } #forumRoot .q-top { display: flex; align-items: center; gap: 8px 10px; flex-wrap: wrap; min-height: 23px; margin-bottom: 9px; } #forumRoot .q-left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; } #forumRoot .q-right { margin-left: auto; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } #forumRoot .q-type { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; letter-spacing: .8px; color: var(--ink-dim); } #forumRoot .q-type .tdot { width: 5px; height: 5px; border-radius: 1px; background: var(--ink-faint); } #forumRoot .q-type.ask .tdot, #forumRoot .q-type.case .tdot, #forumRoot .q-type.notice .tdot { background: var(--gold); } #forumRoot .q-type.talk .tdot { background: var(--ink-faint); } #forumRoot .q-status { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border: 1px solid var(--line); border-radius: 4px; font-size: 12px; letter-spacing: .4px; color: var(--ink-faint); white-space: nowrap; } #forumRoot .q-status.waiting { color: var(--gold-ink); border-color: rgba(168,137,78,.32); background: rgba(168,137,78,.05); } #forumRoot .q-status.verified { color: var(--gold-ink); border-color: rgba(168,137,78,.52); background: rgba(168,137,78,.045); box-shadow: inset 0 0 0 1px rgba(255,253,248,.7); } #forumRoot .q-status.essence { color: var(--gold-ink); border-color: rgba(168,137,78,.34); } #forumRoot .q-status.pinned { color: var(--ink); border-color: var(--line-strong); } #forumRoot .q-status.solved { color: var(--ink-dim); } #forumRoot .q-status.pending { color: var(--gold-ink); border-color: rgba(168,137,78,.3); } #forumRoot .q-status.failed { color: var(--ink-faint); border-color: var(--line); background: transparent; } #forumRoot .q-bounty { display: inline-flex; align-items: baseline; gap: 3px; color: var(--gold-ink); white-space: nowrap; } #forumRoot .q-bounty .lbl { font-size: 12px; letter-spacing: .5px; } #forumRoot .q-bounty strong { font-family: var(--serif); font-size: 19px; line-height: 1; } #forumRoot .q-bounty .unit { font-size: 12px; } #forumRoot .q-bstate { font-size: 12px; color: var(--ink-faint); margin-left: 2px; } #forumRoot .seal-tag { display: inline-flex; align-items: center; justify-content: center; height: 23px; padding: 0 8px; border: 1px solid rgba(178,58,46,.48); border-radius: 3px; color: var(--cinnabar); background: rgba(178,58,46,.035); font-family: var(--serif); font-size: 12px; letter-spacing: .8px; white-space: nowrap; box-shadow: inset 0 0 0 1px rgba(255,253,248,.65); transform: rotate(-2deg); } #forumRoot .q-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: var(--serif); font-size: 17.5px; font-weight: 700; line-height: 1.5; letter-spacing: .2px; color: var(--ink); margin-bottom: 11px; text-wrap: balance; transition: color .16s; } #forumRoot .q-title:hover { color: var(--cinnabar-dark); } #forumRoot .seal-strip { display: flex; align-items: stretch; flex-wrap: wrap; width: fit-content; max-width: 100%; border: 1px solid rgba(178,58,46,.22); border-radius: 6px; background: rgba(255,253,248,.6); overflow: hidden; margin-bottom: 10px; } #forumRoot .seal-mark { display: grid; place-items: center; width: 26px; flex: 0 0 26px; border-right: 1px solid rgba(178,58,46,.22); background: rgba(178,58,46,.035); color: var(--cinnabar); font-family: var(--serif); font-size: 10px; line-height: 1; } #forumRoot .seal-cell { display: flex; align-items: baseline; gap: 5px; padding: 6px 10px; border-right: 1px solid rgba(28,27,25,.08); font-size: 12px; color: var(--ink-dim); white-space: nowrap; line-height: 1.5; } #forumRoot .seal-cell:last-child { border-right: 0; } #forumRoot .seal-cell b { font-weight: 400; font-size: 10px; color: var(--ink-faint); letter-spacing: .5px; } #forumRoot .seal-cell.gua { color: var(--ink); font-family: var(--serif); font-weight: 600; } #forumRoot .q-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.8; color: var(--ink-dim); min-height: 50px; margin-bottom: 12px; } #forumRoot .q-foot { display: flex; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid var(--line); } #forumRoot .q-author { display: flex; align-items: center; gap: 9px; flex: 1; min-width: 0; } #forumRoot .q-author .avatar { width: 30px; height: 30px; font-size: 12px; border-radius: 7px; } #forumRoot .q-who { min-width: 0; } #forumRoot .q-name { display: flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; line-height: 1.4; } #forumRoot .q-name .vmark { width: 12px; height: 12px; } #forumRoot .q-role { font-size: 12px; color: var(--ink-faint); margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #forumRoot .q-answers { display: flex; align-items: baseline; gap: 4px; padding: 0 12px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); white-space: nowrap; } #forumRoot .q-answers strong { font-family: var(--serif); font-size: 20px; line-height: 1; } #forumRoot .q-answers span { font-size: 12px; color: var(--ink-faint); } #forumRoot .q-answer-btn { display: inline-flex; align-items: center; gap: 4px; padding: 6px 0; border: 0; border-bottom: 1px solid transparent; background: none; font-size: 13px; font-weight: 600; color: var(--ink); white-space: nowrap; transition: color .16s, border-color .16s; } #forumRoot .q-answer-btn .ic { width: 14px; height: 14px; } #forumRoot .q-answer-btn:hover { color: var(--cinnabar-dark); border-bottom-color: var(--gold); } /* ---------- 空状态 ---------- */ #forumRoot .empty-state { text-align: center; padding: 52px 24px; border: 1px dashed rgba(168,137,78,.28); border-radius: 12px; background: rgba(255,253,248,.35); } #forumRoot .empty-seal { width: 44px; height: 44px; margin: 0 auto 14px; display: grid; place-items: center; border: 1px solid rgba(168,137,78,.45); border-radius: 6px; font-family: var(--serif); font-size: 19px; color: var(--gold-ink); background: rgba(255,253,248,.5); transform: rotate(-3deg); } #forumRoot .empty-state h3 { font-size: 17px; margin-bottom: 6px; } #forumRoot .empty-state p { font-size: 13px; line-height: 1.8; color: var(--ink-dim); margin-bottom: 16px; } #forumRoot .empty-actions { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; } /* ---------- 详情 ---------- */ #forumRoot.detail-mode .hero { display: none; } #forumRoot.detail-mode .market { padding-top: 22px; } #forumRoot .post-view { animation: fFadeIn .24s var(--ease-out); } @keyframes fFadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } } #forumRoot .detail-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 0 12px; border-bottom: 1px solid var(--line); margin-bottom: 15px; } #forumRoot .back-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 0; border: 0; background: none; font-size: 12.5px; color: var(--ink-dim); transition: color .16s; } #forumRoot .back-btn:hover { color: var(--ink); } #forumRoot .back-btn .ic { width: 15px; height: 15px; } #forumRoot .crumb { font-size: 12px; color: var(--ink-faint); white-space: nowrap; } #forumRoot .crumb b { font-weight: 400; color: var(--ink-dim); } #forumRoot .question-card { position: relative; background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.08)), linear-gradient(160deg,#FDFBF6,#F9F5EC 60%,#F5EEE3); border: 1px solid var(--line); border-radius: 14px; padding: 21px 24px 17px; box-shadow: 0 1px 3px rgba(28,27,25,.045), 0 8px 22px rgba(28,27,25,.045); } #forumRoot .post-title { font-size: 28px; line-height: 1.48; letter-spacing: .2px; margin: 11px 0 14px; } #forumRoot .post-author { display: flex; align-items: center; gap: 10px; padding-bottom: 13px; border-bottom: 1px solid var(--line); } #forumRoot .post-author .avatar { width: 40px; height: 40px; font-size: 16px; } #forumRoot .pa-who { min-width: 0; flex: 1; } #forumRoot .pa-name { display: flex; align-items: center; gap: 5px; font-size: 13.5px; font-weight: 600; } #forumRoot .pa-role { font-size: 12px; color: var(--ink-faint); margin-top: 2px; } #forumRoot .pa-meta { text-align: right; font-size: 12px; line-height: 1.7; color: var(--ink-faint); white-space: nowrap; } #forumRoot .question-card .seal-strip { margin-top: 14px; margin-bottom: 0; } #forumRoot .post-body { font-size: 15px; line-height: 2; color: var(--ink); margin: 15px 0 12px; } #forumRoot .post-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; } #forumRoot .ptag { font-size: 12px; color: var(--ink-faint); } #forumRoot .post-extra { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 10px; padding: 8px 11px; border-left: 2px solid rgba(168,137,78,.5); background: rgba(168,137,78,.04); font-size: 12px; color: var(--ink-dim); } #forumRoot .post-extra span { white-space: nowrap; } #forumRoot .post-extra b { font-weight: 600; color: var(--ink); } #forumRoot .bounty-block { display: flex; align-items: center; gap: 10px; margin-top: 15px; padding: 10px 12px; border: 1px solid rgba(168,137,78,.35); border-radius: 8px; background: rgba(168,137,78,.05); } #forumRoot .bounty-block .coin { width: 22px; height: 22px; color: var(--gold-ink); flex: 0 0 auto; } #forumRoot .bb-main { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; min-width: 0; } #forumRoot .bb-main strong { font-family: var(--serif); font-size: 19px; color: var(--gold-ink); } #forumRoot .bb-main span { font-size: 12px; color: var(--ink-dim); } #forumRoot .bb-state { margin-left: auto; font-size: 12px; color: var(--gold-ink); white-space: nowrap; } #forumRoot .post-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--line); } #forumRoot .act { display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 9px; border: 1px solid transparent; border-radius: 6px; background: transparent; font-size: 12px; color: var(--ink-dim); transition: color .16s, background .16s; } #forumRoot .act:hover { color: var(--ink); background: rgba(168,137,78,.06); } #forumRoot .act .ic { width: 15px; height: 15px; } #forumRoot .act.on { color: var(--cinnabar); } #forumRoot .act.on .ic { fill: currentColor; } #forumRoot .act.fav.on { color: var(--gold-ink); } #forumRoot .act-n { font-variant-numeric: tabular-nums; } #forumRoot .act-sep { width: 1px; height: 15px; background: var(--line); margin: 0 3px; flex: 0 0 1px; } #forumRoot .act.toggle.on { color: var(--gold-ink); background: rgba(168,137,78,.09); border-color: rgba(168,137,78,.24); } #forumRoot .post-views { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ink-faint); } #forumRoot .post-views .ic { width: 14px; height: 14px; } #forumRoot .owner-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 10px; padding: 8px 0 0; border: 0; border-top: 1px dashed rgba(168,137,78,.22); border-radius: 0; background: transparent; font-size: 12px; color: var(--ink-faint); } #forumRoot .owner-label { font-size: 12px; letter-spacing: .5px; color: var(--ink-faint); } #forumRoot .owner-btn { height: auto; padding: 0 0 1px; border: 0; border-bottom: 1px dotted rgba(168,137,78,.55); border-radius: 0; background: transparent; font-size: 12px; color: var(--ink-dim); transition: color .16s, border-color .16s; } #forumRoot .owner-btn:hover { color: var(--ink); background: transparent; border-bottom-color: var(--ink); } #forumRoot .owner-note { color: var(--ink-faint); } #forumRoot .verify-menu { flex-basis: 100%; display: flex; gap: 6px; flex-wrap: wrap; margin-top: 1px; } #forumRoot .verify-menu button { height: 27px; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; background: rgba(255,253,248,.55); font-size: 12px; color: var(--ink-dim); } #forumRoot .verify-menu button:hover { border-color: var(--gold); color: var(--ink); } #forumRoot .verify-menu button.active { border-color: rgba(168,137,78,.55); background: rgba(168,137,78,.11); color: var(--gold-ink); } #forumRoot .answers { margin-top: 20px; } #forumRoot .answers-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; } #forumRoot .answers-head h2 { font-size: 17px; letter-spacing: 1.5px; } #forumRoot .answers-head .count { font-family: var(--serif); font-size: 15px; color: var(--ink-faint); } #forumRoot .answers-head .sort-note { margin-left: auto; font-size: 12px; color: var(--ink-faint); } #forumRoot .answer-list { display: flex; flex-direction: column; gap: 12px; } #forumRoot .answer-card { position: relative; background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.06)), linear-gradient(160deg,#FCFAF6,#F8F3E9); border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px 12px; scroll-margin-top: 88px; } #forumRoot .answer-card.accepted { border-color: rgba(178,58,46,.3); background: linear-gradient(180deg, rgba(178,58,46,.045), rgba(255,253,248,.25)), linear-gradient(160deg,#FDF9F2,#F8F1E6); } #forumRoot .answer-card.just-added { animation: fAnswerIn 1.1s var(--ease-out); } @keyframes fAnswerIn { 0% { box-shadow: 0 0 0 3px rgba(168,137,78,.22); } 100% { box-shadow: 0 0 0 0 rgba(168,137,78,0); } } #forumRoot .ans-head { display: flex; align-items: center; gap: 9px; } #forumRoot .answer-card.accepted .ans-head { padding-right: 102px; } #forumRoot .ans-head .avatar { width: 34px; height: 34px; font-size: 13px; border-radius: 8px; } #forumRoot .ans-who { flex: 1; min-width: 0; } #forumRoot .ans-name { display: flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; } #forumRoot .ans-name .vmark { width: 13px; height: 13px; } #forumRoot .v-badge { display: inline-flex; align-items: center; height: 19px; padding: 0 5px; border: 1px solid rgba(168,137,78,.38); border-radius: 3px; font-size: 12px; font-weight: 400; letter-spacing: .5px; color: var(--gold-ink); } #forumRoot .ans-role { font-size: 12px; color: var(--ink-faint); margin-top: 2px; } #forumRoot .ans-kpi { text-align: right; font-size: 12px; line-height: 1.55; color: var(--ink-faint); white-space: nowrap; } #forumRoot .ans-body { font-size: 14.5px; line-height: 1.95; margin: 10px 0; color: var(--ink); } #forumRoot .ans-children { margin: 8px 0 2px 43px; padding-left: 12px; border-left: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; } #forumRoot .child { font-size: 14px; line-height: 1.8; color: var(--ink-dim); } #forumRoot .child-head { font-size: 12px; color: var(--ink-faint); } #forumRoot .child-name { color: var(--ink); font-weight: 600; margin-right: 5px; } #forumRoot .child p { margin-top: 1px; } #forumRoot .ans-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding-top: 8px; border-top: 1px solid var(--line); } #forumRoot .ans-floor { font-size: 12px; color: var(--ink-faint); } #forumRoot .answer-card.floor-flash { animation: fFloorFlash 1.8s var(--ease-out); } @keyframes fFloorFlash { 0%, 16% { box-shadow: 0 0 0 3px rgba(178,58,46,.22); border-color: rgba(178,58,46,.46); } 100% { box-shadow: 0 0 0 0 rgba(178,58,46,0); } } #forumRoot .ans-act { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 0 7px; border: 1px solid transparent; border-radius: 5px; background: transparent; font-size: 12px; color: var(--ink-dim); } #forumRoot .ans-act:hover { color: var(--ink); background: rgba(168,137,78,.06); } #forumRoot .ans-act .ic { width: 14px; height: 14px; } #forumRoot .ans-act.on { color: var(--cinnabar); } #forumRoot .ans-time { font-size: 12px; color: var(--ink-faint); margin-left: 2px; } #forumRoot .accept-btn { margin-left: auto; height: 27px; padding: 0 10px; border: 1px solid rgba(168,137,78,.45); border-radius: 5px; background: transparent; font-size: 12px; color: var(--gold-ink); transition: background .16s, border-color .16s; } #forumRoot .accept-btn:hover { background: rgba(168,137,78,.08); border-color: var(--gold); } #forumRoot .accepted-note { margin-left: auto; font-size: 12px; color: var(--cinnabar); } #forumRoot .ans-seal { position: absolute; top: 14px; right: 16px; } #forumRoot .answers-empty { text-align: center; padding: 26px 16px; border: 1px dashed var(--line); border-radius: 10px; font-size: 12.5px; line-height: 1.8; color: var(--ink-faint); background: rgba(255,253,248,.3); } #forumRoot .answer-composer { margin-top: 15px; background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.05)), linear-gradient(160deg,#FCFAF6,#F8F3E9); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; scroll-margin-top: 88px; } #forumRoot .answer-composer.pulse { animation: fAnswerPulse 1.25s var(--ease-out); } @keyframes fAnswerPulse { 0% { box-shadow: 0 0 0 4px rgba(178,58,46,.12); border-color: rgba(178,58,46,.35); } 100% { box-shadow: 0 0 0 0 rgba(178,58,46,0); } } #forumRoot .ac-head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 9px; flex-wrap: wrap; } #forumRoot .ac-head h3 { font-size: 14.5px; letter-spacing: 1px; } #forumRoot .ac-head span { font-size: 12px; color: var(--ink-faint); } #forumRoot .answer-composer .ta { min-height: 98px; font-size: 14px; line-height: 1.85; } #forumRoot .quote-bar { display: flex; align-items: center; gap: 5px; margin-bottom: 8px; padding: 6px 9px; border-left: 2px solid var(--gold); background: rgba(168,137,78,.06); font-size: 12px; color: var(--ink-dim); } #forumRoot .quote-bar b { font-weight: 600; color: var(--ink); } #forumRoot .quote-x { margin-left: auto; border: 0; background: none; color: var(--ink-faint); font-size: 16px; line-height: 1; padding: 0 2px; } #forumRoot .ac-foot { display: flex; align-items: center; gap: 10px; margin-top: 10px; } #forumRoot .ac-note { font-size: 12px; color: var(--ink-faint); margin-right: auto; } /* ---------- 右栏 ---------- */ /* 术数榜：三榜等分切换 */ #forumRoot .rank-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); margin-bottom: 10px; } #forumRoot .rank-tab { position: relative; padding: 8px 2px 10px; border: 0; background: transparent; font-family: var(--serif); font-size: 13.5px; font-weight: 600; letter-spacing: 1px; color: var(--ink-dim); white-space: nowrap; transition: color .16s; } #forumRoot .rank-tab:hover { color: var(--ink); } #forumRoot .rank-tab.active { color: var(--ink); } #forumRoot .rank-tab.active::after { content: ""; position: absolute; left: 16%; right: 16%; bottom: -1px; height: 2px; border-radius: 2px; background: var(--cinnabar); } #forumRoot .rank-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; /* 2026-10-18 用户：「认证师傅稍微大点，和下面的玄机子师傅名字离远点」 */ margin-bottom: 11px; font-size: 13.5px; color: var(--ink-faint); } #forumRoot .master-list { display: flex; flex-direction: column; } #forumRoot .master { display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); } #forumRoot .master:first-child { padding-top: 8px; } #forumRoot .master:last-child { border-bottom: 0; padding-bottom: 0; } #forumRoot .m-ava { position: relative; width: 36px; height: 36px; } #forumRoot .m-ava .avatar { width: 36px; height: 36px; font-size: 14px; } #forumRoot .online-dot { position: absolute; right: -1px; bottom: -1px; width: 8px; height: 8px; border-radius: 50%; background: var(--sage); border: 1.5px solid var(--paper); } #forumRoot .m-body { min-width: 0; } #forumRoot .m-line { display: flex; align-items: center; gap: 4px; } #forumRoot .m-name { font-size: 13.5px; font-weight: 600; } #forumRoot .m-field { font-size: 12px; color: var(--ink-dim); margin-top: 2px; } #forumRoot .m-stats { font-size: 12px; color: var(--ink-faint); margin-top: 2px; line-height: 1.5; } #forumRoot .m-acts { display: flex; align-items: center; gap: 5px; margin-top: 6px; } #forumRoot .m-btn { height: 25px; padding: 0 8px; border: 1px solid var(--line); border-radius: 5px; background: rgba(255,253,248,.5); font-size: 12px; color: var(--ink-dim); transition: color .16s, border-color .16s, background .16s; } #forumRoot .m-btn:hover { color: var(--ink); border-color: rgba(168,137,78,.48); background: rgba(168,137,78,.06); } #forumRoot .m-btn.following { color: var(--gold-ink); border-color: rgba(168,137,78,.38); background: rgba(168,137,78,.055); } #forumRoot .m-btn.dm { border-color: transparent; background: transparent; } #forumRoot .m-btn.dm:hover { border-color: var(--line); } #forumRoot .bounty-feature { display: block; padding: 12px 13px 10px; border: 1px solid rgba(168,137,78,.32); border-radius: 9px; background: linear-gradient(180deg, rgba(168,137,78,.07), rgba(255,253,248,.25)); transition: border-color .18s, background .18s; } #forumRoot .bounty-feature + .bounty-feature { margin-top: 8px; } #forumRoot .bounty-feature:hover { border-color: rgba(168,137,78,.56); background: linear-gradient(180deg, rgba(168,137,78,.1), rgba(255,253,248,.3)); } #forumRoot .bf-head { display: flex; align-items: baseline; gap: 4px; } #forumRoot .bf-lbl { font-size: 12px; color: var(--gold-ink); letter-spacing: .8px; } #forumRoot .bf-amt { font-family: var(--serif); font-size: 25px; line-height: 1; color: var(--gold-ink); margin-left: 4px; } #forumRoot .bf-unit { font-size: 12px; color: var(--gold-ink); } #forumRoot .bf-status { margin-left: auto; font-size: 12px; color: var(--ink-faint); } #forumRoot .bf-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: var(--serif); font-size: 13px; font-weight: 600; line-height: 1.65; margin-top: 7px; } #forumRoot .bf-meta { font-size: 12px; color: var(--ink-faint); margin-top: 4px; } #forumRoot .bf-bar { height: 2px; margin-top: 9px; border-radius: 2px; background: rgba(168,137,78,.16); overflow: hidden; } #forumRoot .bf-bar i { display: block; height: 100%; width: 100%; background: var(--gold); border-radius: 2px; } #forumRoot .bf-foot { display: flex; justify-content: space-between; gap: 6px; margin-top: 5px; font-size: 12px; color: var(--ink-faint); } #forumRoot .bounty-open { width: 100%; margin-top: 9px; height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px dashed rgba(168,137,78,.42); border-radius: 7px; background: transparent; font-size: 12px; color: var(--ink-dim); transition: color .16s, border-color .16s, background .16s; } #forumRoot .bounty-open:hover { color: var(--ink); border-color: var(--gold); background: rgba(168,137,78,.05); } #forumRoot .bounty-open .ic { width: 13px; height: 13px; } #forumRoot .bounty-empty { font-size: 12px; line-height: 1.8; color: var(--ink-faint); padding: 2px 0 4px; } #forumRoot .verify-row { display: flex; align-items: flex-start; gap: 9px; padding: 9px 0; border-bottom: 1px solid var(--line); } #forumRoot .verify-row:last-child { border-bottom: 0; padding-bottom: 0; } #forumRoot .v-seal { width: 26px; height: 26px; flex: 0 0 26px; display: grid; place-items: center; border: 1px solid rgba(168,137,78,.5); border-radius: 3px; font-family: var(--serif); font-size: 11px; color: var(--gold-ink); background: rgba(168,137,78,.05); box-shadow: inset 0 0 0 1px rgba(255,253,248,.65); } #forumRoot .v-body { min-width: 0; } #forumRoot .v-title { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-family: var(--serif); font-size: 12.5px; line-height: 1.55; } #forumRoot .v-meta { font-size: 12px; color: var(--ink-faint); margin-top: 2px; } /* ---------- 右栏 · 更多入口 ---------- */ #forumRoot .rank-more-row { display: flex; justify-content: flex-end; margin-top: 8px; } #forumRoot .rank-more { display: inline-flex; align-items: center; gap: 3px; padding: 2px 0; border: 0; border-bottom: 1px solid transparent; background: none; font-size: 12px; color: var(--gold-ink); transition: color .16s, border-color .16s; } #forumRoot .rank-more .ic { width: 12px; height: 12px; } #forumRoot .rank-more:hover { color: var(--cinnabar-dark); border-bottom-color: rgba(178,58,46,.5); } /* ---------- 中栏 · 术数榜完整页 ---------- */ #forumRoot .rank-view { min-width: 0; animation: fFadeIn .24s var(--ease-out); } #forumRoot .rv-head { padding: 2px 2px 16px; border-bottom: 1px solid var(--line); margin-bottom: 16px; } #forumRoot .rv-back { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; font-size: 12px; color: var(--ink-faint); transition: color .16s; } #forumRoot .rv-back .ic { width: 13px; height: 13px; } #forumRoot .rv-back:hover { color: var(--ink); } #forumRoot .rv-title-row { display: flex; align-items: baseline; gap: 10px; margin-top: 9px; } #forumRoot .rv-title-row h2 { font-family: var(--serif); font-size: 28px; letter-spacing: .08em; font-weight: 700; } #forumRoot .rv-count { font-size: 12px; color: var(--ink-faint); } #forumRoot .rv-desc { max-width: 620px; margin-top: 7px; font-size: 13px; line-height: 1.8; color: var(--ink-dim); } #forumRoot .rv-posts { display: flex; flex-direction: column; gap: 15px; } #forumRoot .rv-master-list { counter-reset: rv; } #forumRoot .rv-master-list .master { grid-template-columns: 30px 52px minmax(0,1fr); gap: 14px; align-items: start; padding: 18px 20px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: var(--r-card); background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.08)), linear-gradient(160deg,#FDFBF6,#F9F5EC 60%,#F5EEE3); box-shadow: 0 1px 2px rgba(28,27,25,.04); } #forumRoot .rv-master-list .master:first-child { padding-top: 18px; } #forumRoot .rv-master-list .master:last-child { padding-bottom: 18px; border-bottom: 1px solid var(--line); } #forumRoot .rv-master-list .master::before { counter-increment: rv; content: counter(rv, decimal-leading-zero); font-family: var(--serif); font-size: 17px; line-height: 52px; color: var(--gold-ink); letter-spacing: .04em; } #forumRoot .rv-master-list .m-ava, #forumRoot .rv-master-list .m-ava .avatar { width: 52px; height: 52px; font-size: 18px; } #forumRoot .rv-master-list .m-name { font-size: 16px; } #forumRoot .rv-master-list .m-field { font-size: 13px; margin-top: 3px; } #forumRoot .rv-master-list .m-stats { font-size: 12.5px; margin-top: 3px; } #forumRoot .rv-master-list .m-acts { gap: 8px; margin-top: 10px; } #forumRoot .rv-master-list .m-btn { height: 30px; padding: 0 12px; font-size: 12.5px; } /* ---------- 浮动问卦（移动端） ---------- */ #forumRoot .fab { display: none; } @media (max-width: 900px) { #forumRoot .fab { display: inline-flex; position: fixed; right: 16px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 60; height: 46px; padding: 0 18px; border-radius: 12px; font-size: 13.5px; letter-spacing: 1.5px; box-shadow: 0 8px 22px rgba(142,44,34,.3); } #forumRoot .fab .ic { width: 15px; height: 15px; } #forumRoot .post-actions > [data-share] { display: none; } } /* ---------- 通知 / 账户浮层 ---------- */ #forumRoot .pop-backdrop { position: fixed; inset: 0; z-index: 110; background: transparent; display: none; } #forumRoot .pop-backdrop.open { display: block; } #forumRoot .notif-panel, #forumRoot .acct-pop { position: fixed; top: 58px; right: var(--nav-edge); z-index: 130; display: none; background: linear-gradient(180deg,#FFFDF8,#F8F2E7); border: 1px solid rgba(168,137,78,.32); border-radius: 12px; box-shadow: 0 16px 42px rgba(28,27,25,.16); } #forumRoot .notif-panel.open, #forumRoot .acct-pop.open { display: block; } #forumRoot .notif-panel { width: min(360px, calc(100vw - 24px)); max-height: min(520px, calc(100vh - 80px)); overflow-y: auto; } #forumRoot .np-head { display: flex; align-items: center; gap: 8px; padding: 13px 16px 10px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: rgba(255,253,248,.96); } #forumRoot .np-title { font-family: var(--serif); font-size: 15px; font-weight: 700; letter-spacing: 1.5px; } #forumRoot .np-unread { font-size: 12px; color: var(--ink-faint); } #forumRoot .np-read { margin-left: auto; border: 0; background: none; font-size: 12px; color: var(--ink-dim); padding: 2px 0; } #forumRoot .np-read:hover { color: var(--cinnabar-dark); } #forumRoot .np-list { padding: 4px 0 6px; } #forumRoot .np-row { position: relative; display: flex; align-items: flex-start; gap: 9px; width: 100%; padding: 11px 16px; border: 0; background: transparent; text-align: left; transition: background .16s; } #forumRoot .np-row:hover { background: rgba(168,137,78,.055); } #forumRoot .np-row.unread { background: rgba(178,58,46,.035); } #forumRoot .np-row.unread:hover { background: rgba(178,58,46,.06); } #forumRoot .np-type { width: 26px; height: 26px; flex: 0 0 26px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 4px; background: rgba(255,253,248,.6); font-family: var(--serif); font-size: 12px; color: var(--ink-dim); } #forumRoot .np-row.unread .np-type { border-color: rgba(178,58,46,.3); color: var(--cinnabar); } #forumRoot .np-body { min-width: 0; flex: 1; } #forumRoot .np-text { display: block; font-size: 13px; line-height: 1.65; color: var(--ink); } #forumRoot .np-time { display: block; font-size: 12px; color: var(--ink-faint); margin-top: 2px; } #forumRoot .np-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--cinnabar); margin-top: 5px; flex: 0 0 6px; } #forumRoot .np-empty { padding: 30px 16px; text-align: center; font-size: 12.5px; color: var(--ink-faint); } #forumRoot .acct-pop { width: 250px; padding: 15px 16px; } #forumRoot .acct-head { display: flex; align-items: center; gap: 9px; } #forumRoot .acct-head .avatar { width: 36px; height: 36px; font-size: 14px; } #forumRoot .acct-name { font-size: 13.5px; font-weight: 600; } #forumRoot .acct-sub { font-size: 12px; color: var(--ink-faint); margin-top: 1px; } #forumRoot .acct-stats { display: flex; gap: 14px; margin-top: 12px; padding: 9px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 12px; color: var(--ink-dim); } #forumRoot .acct-stats b { font-family: var(--serif); font-size: 15px; color: var(--ink); } #forumRoot .acct-checkin { width: 100%; height: 31px; margin-top: 11px; border: 1px solid rgba(168,137,78,.38); border-radius: 6px; background: rgba(168,137,78,.05); font-size: 12px; color: var(--ink); } #forumRoot .acct-checkin:hover { border-color: var(--gold); background: rgba(168,137,78,.09); } #forumRoot .acct-checkin.done { color: var(--ink-faint); border-color: var(--line); background: transparent; } #forumRoot .acct-dm { width: 100%; height: 31px; margin-top: 7px; border: 1px solid var(--line); border-radius: 6px; background: transparent; font-size: 12px; color: var(--ink-dim); } #forumRoot .acct-dm:hover { border-color: rgba(168,137,78,.48); color: var(--ink); background: rgba(168,137,78,.05); } #forumRoot .acct-logout { display: block; width: 100%; margin-top: 9px; border: 0; background: none; font-size: 12px; color: var(--ink-faint); text-align: center; padding: 4px 0; } #forumRoot .acct-logout:hover { color: var(--cinnabar-dark); } @media (max-width: 900px) { #forumRoot .notif-panel { top: 56px; right: 12px; left: 12px; width: auto; } #forumRoot .acct-pop { top: 56px; right: 12px; } } /* ---------- 发帖 / 登录 / 占位弹层 ---------- */ #forumRoot .modal { position: relative; } #forumRoot .compose-modal { width: min(780px, 94vw); max-height: 88vh; padding: 0; overflow: hidden; display: flex; flex-direction: column; } #forumRoot .compose-head { flex: 0 0 auto; display: flex; align-items: flex-start; gap: 16px; padding: 20px 58px 14px 26px; border-bottom: 1px solid var(--line); } #forumRoot .compose-head h2 { font-size: 21px; letter-spacing: 1.5px; } #forumRoot .compose-head p { font-size: 12.5px; color: var(--ink-faint); line-height: 1.7; margin-top: 4px; } #forumRoot .type-switch { margin-left: auto; display: flex; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 7px; overflow: hidden; } #forumRoot .type-switch button { height: 30px; padding: 0 12px; border: 0; border-right: 1px solid var(--line); background: transparent; font-size: 12.5px; color: var(--ink-dim); letter-spacing: .5px; } #forumRoot .type-switch button:last-child { border-right: 0; } #forumRoot .type-switch button:hover { background: rgba(168,137,78,.06); color: var(--ink); } #forumRoot .type-switch button.active { background: var(--ink); color: var(--paper-3); } #forumRoot .compose-body { padding: 16px 26px 18px; overflow-y: auto; } #forumRoot .form-row { display: grid; gap: 12px 14px; } #forumRoot .form-row + .form-row, #forumRoot .chart-fields, #forumRoot .bounty-field, #forumRoot .compose-body > .form-row:not(:first-child) { margin-top: 12px; } #forumRoot .form-row.two { grid-template-columns: 1fr 1fr; } #forumRoot .form-row.three { grid-template-columns: 1fr 1.35fr .8fr; } #forumRoot .field { min-width: 0; } #forumRoot .field > label, #forumRoot .field-label { display: block; font-size: 12px; letter-spacing: .7px; color: var(--ink-dim); margin-bottom: 5px; } #forumRoot .field .inp, #forumRoot .field .sel { height: 38px; font-size: 14px; } #forumRoot .check-line { display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 12px; border: 1px solid var(--line); border-radius: var(--r-inp); background: var(--paper-3); font-size: 13px; color: var(--ink-dim); cursor: pointer; } #forumRoot .check-line input { accent-color: var(--cinnabar); } #forumRoot .field .ta { min-height: 96px; font-size: 14px; } #forumRoot .err { border-color: rgba(178,58,46,.6) !important; box-shadow: 0 0 0 3px rgba(178,58,46,.06) !important; } #forumRoot .bounty-field { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 9px 11px; border: 1px solid rgba(168,137,78,.3); border-radius: 8px; background: rgba(168,137,78,.045); } #forumRoot .bf-label { font-size: 12px; color: var(--gold-ink); letter-spacing: .8px; } #forumRoot .bounty-field input { width: 74px; height: 32px; padding: 0 8px; border: 1px solid var(--line); border-radius: 6px; background: var(--paper-3); font-size: 14px; text-align: right; } #forumRoot .bounty-field .bf-unit { font-size: 12px; color: var(--gold-ink); } #forumRoot .quick-bounties { display: flex; gap: 5px; } #forumRoot .quick-bounties button { height: 26px; padding: 0 8px; border: 1px solid var(--line); border-radius: 5px; background: transparent; font-size: 12px; color: var(--ink-dim); } #forumRoot .quick-bounties button:hover { border-color: var(--gold); color: var(--ink); } #forumRoot .bf-hint { font-size: 12px; color: var(--ink-faint); margin-left: auto; } #forumRoot .privacy-row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; font-size: 12.5px; color: var(--ink-dim); margin-top: 12px; } #forumRoot .privacy-row label { display: inline-flex; align-items: center; gap: 6px; } #forumRoot .privacy-row input { accent-color: var(--cinnabar); } #forumRoot .compose-foot { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 12px 26px; border-top: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,253,248,.6), #F7F1E6); } #forumRoot .draft-note { font-size: 12px; color: var(--ink-faint); margin-right: auto; } #forumRoot .login-modal { width: min(440px, 92vw); padding: 30px 30px 26px; text-align: center; } #forumRoot .login-seal { width: 48px; height: 48px; margin: 0 auto 12px; display: grid; place-items: center; border-radius: 10px; font-family: var(--serif); font-weight: 800; font-size: 24px; color: #F6EDD9; background: linear-gradient(160deg,#2A2723,#1C1B19); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 3px 8px rgba(28,27,25,.2); } #forumRoot .login-modal h2 { font-size: 21px; letter-spacing: 2px; margin-bottom: 6px; } #forumRoot .login-modal p { font-size: 13px; line-height: 1.8; color: var(--ink-dim); } #forumRoot .login-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 18px; } #forumRoot .login-note { font-size: 12px; color: var(--ink-faint); margin-top: 12px; line-height: 1.7; } #forumRoot .placeholder-modal { width: min(440px, 92vw); text-align: center; padding: 28px 28px 24px; } #forumRoot .ph-mark { width: 44px; height: 44px; margin: 0 auto 12px; display: grid; place-items: center; border: 1px solid rgba(168,137,78,.45); border-radius: 5px; font-family: var(--serif); font-size: 20px; color: var(--gold-ink); background: rgba(255,253,248,.55); transform: rotate(-3deg); } #forumRoot .placeholder-modal h2 { font-size: 20px; letter-spacing: 2px; margin-bottom: 8px; } #forumRoot .placeholder-modal p { font-size: 12.5px; line-height: 1.9; color: var(--ink-dim); margin-bottom: 18px; } #forumRoot .placeholder-modal .btn { width: 100%; } /* ---------- 新人须知（进入论坛自动提示） ---------- */ #forumRoot .newbie-modal { width: min(540px, 92vw); padding: 26px 28px 20px; } #forumRoot .newbie-seal { width: 46px; height: 46px; margin: 0 auto 12px; display: grid; place-items: center; border: 1px solid rgba(178,58,46,.45); border-radius: 5px; font-family: var(--serif); font-size: 22px; color: var(--cinnabar); background: rgba(255,253,248,.55); transform: rotate(-3deg); box-shadow: inset 0 0 0 1px rgba(255,253,248,.7); } #forumRoot .newbie-modal h2 { text-align: center; font-size: 22px; letter-spacing: 4px; margin-bottom: 6px; } #forumRoot .newbie-sub { text-align: center; font-size: 12.5px; line-height: 1.8; color: var(--ink-dim); margin-bottom: 16px; } #forumRoot .newbie-list { list-style: none; display: flex; flex-direction: column; gap: 9px; } #forumRoot .newbie-list li { position: relative; padding-left: 16px; font-size: 13.5px; line-height: 1.75; color: var(--ink-dim); } #forumRoot .newbie-list li::before { content: ""; position: absolute; left: 0; top: .72em; width: 5px; height: 5px; border-radius: 1px; background: var(--gold); transform: translateY(-50%) rotate(45deg); } #forumRoot .newbie-list b { color: var(--ink); font-weight: 600; } #forumRoot .newbie-tail { margin-top: 12px; font-size: 12px; color: var(--ink-faint); } #forumRoot .newbie-opt { display: flex; align-items: center; gap: 7px; margin-top: 14px; padding-top: 12px; border-top: 1px dashed rgba(168,137,78,.3); font-size: 12.5px; color: var(--ink-dim); cursor: pointer; } #forumRoot .newbie-opt input { accent-color: var(--cinnabar); } #forumRoot .newbie-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; } #forumRoot .newbie-link { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--ink); border-bottom: 1px solid rgba(168,137,78,.48); padding-bottom: 1px; } #forumRoot .newbie-link .ic { width: 13px; height: 13px; } /* ---------- 举报 ---------- */ #forumRoot .report-modal { width: min(460px, 92vw); } #forumRoot .report-reasons { display: flex; flex-wrap: wrap; gap: 7px; } #forumRoot .report-reasons button { height: 32px; padding: 0 12px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,253,248,.5); font-size: 12.5px; color: var(--ink-dim); transition: color .16s, border-color .16s, background .16s; } #forumRoot .report-reasons button:hover { color: var(--ink); border-color: rgba(168,137,78,.48); } #forumRoot .report-reasons button.active { color: var(--cinnabar-dark); border-color: rgba(178,58,46,.4); background: var(--cinnabar-soft); } #forumRoot .report-modal .ta { min-height: 84px; margin-top: 12px; font-size: 13px; } #forumRoot .report-foot { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; } /* ---------- 从卦辞记录导入 ---------- */ #forumRoot .import-history { flex: 0 0 auto; } #forumRoot .history-card { width: min(620px, 92vw); } #forumRoot .history-list { display: flex; flex-direction: column; gap: 6px; max-height: 52vh; overflow: auto; margin-top: 12px; } #forumRoot .history-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,253,248,.5); text-align: left; transition: border-color .16s, background .16s; } #forumRoot .history-row:hover { border-color: rgba(168,137,78,.48); background: rgba(168,137,78,.06); } #forumRoot .hr-date { width: 112px; flex: 0 0 112px; font-size: 11.5px; color: var(--ink-faint); } #forumRoot .hr-main { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; } #forumRoot .hr-main b { font-family: var(--serif); font-size: 13.5px; font-weight: 600; } #forumRoot .hr-main span { font-size: 12px; color: var(--ink-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #forumRoot .hr-kind { font-size: 11.5px; color: var(--gold-ink); white-space: nowrap; } #forumRoot .history-empty { padding: 24px; text-align: center; font-size: 12.5px; color: var(--ink-faint); } @media (max-width: 640px) { #forumRoot .history-row { align-items: flex-start; flex-wrap: wrap; } #forumRoot .hr-date { width: auto; flex: none; } } /* ---------- 私信 ---------- */ #forumRoot .dm-card { width: min(560px, 92vw); max-height: 86vh; overflow: hidden; display: flex; flex-direction: column; } #forumRoot .dm-mask.open .dm-card { transform: none; } #forumRoot .dm-head-acts { display: flex; align-items: center; gap: 8px; } #forumRoot .dm-back { border: 0; background: none; padding: 2px 0; font-size: 12px; color: var(--ink-dim); border-bottom: 1px solid rgba(168,137,78,.4); } #forumRoot .dm-threads { display: flex; flex-direction: column; gap: 6px; max-height: 56vh; overflow: auto; margin-top: 8px; } #forumRoot .dm-thread-row { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,253,248,.45); text-align: left; transition: border-color .16s, background .16s; } #forumRoot .dm-thread-row:hover { border-color: rgba(168,137,78,.48); background: rgba(168,137,78,.06); } #forumRoot .dm-thread-row .avatar { width: 32px; height: 32px; font-size: 13px; border-radius: 7px; } #forumRoot .dm-tr-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; } #forumRoot .dm-tr-main b { font-size: 13px; font-weight: 600; } #forumRoot .dm-tr-main span { font-size: 12px; color: var(--ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #forumRoot .dm-tr-side { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; font-size: 11.5px; color: var(--ink-faint); white-space: nowrap; } #forumRoot .dm-tr-side i { font-style: normal; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--cinnabar); color: #FFFDF8; font-size: 10px; line-height: 16px; text-align: center; } #forumRoot .dm-thread { display: flex; flex-direction: column; min-height: 0; } #forumRoot .dm-list { display: flex; flex-direction: column; gap: 8px; max-height: 42vh; overflow: auto; padding: 10px 2px 4px; } #forumRoot .dm-msg { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; } #forumRoot .dm-msg.mine { align-items: flex-end; } #forumRoot .dm-bubble { max-width: 82%; padding: 8px 11px; border-radius: 10px; background: rgba(168,137,78,.1); font-size: 13.5px; line-height: 1.7; color: var(--ink); overflow-wrap: anywhere; } #forumRoot .dm-msg.mine .dm-bubble { background: var(--cinnabar-soft); } #forumRoot .dm-time { font-size: 11px; color: var(--ink-faint); } #forumRoot .dm-compose { display: flex; align-items: flex-end; gap: 8px; margin-top: 10px; } #forumRoot .dm-compose .ta { min-height: 64px; max-height: 120px; } #forumRoot .dm-compose .btn { flex: 0 0 auto; height: 38px; } #forumRoot .dm-empty { padding: 22px; text-align: center; font-size: 12.5px; color: var(--ink-faint); } /* ---------- 响应式 ---------- */ @media (max-width: 1180px) { #forumRoot .market { grid-template-columns: 220px minmax(0,1fr); gap: 20px; } #forumRoot .right-col { display: none; } #forumRoot .rank-nav-panel { display: none; } #forumRoot .post-title { font-size: 26px; } } /* 连续问卦挂件在 ≤1150 隐藏，窄屏不再需要左侧空位 */ @media (min-width: 901px) and (max-width: 1150px) { #forumRoot .market { padding-left: clamp(20px, 2vw, 40px); } } @media (max-width: 900px) { html.forum-mode, html.forum-mode body { height: auto; min-height: 100%; overflow-y: auto; } #forumRoot { height: auto; min-height: 100vh; display: block; overflow: visible; } #forumRoot .market { overflow: visible; padding-bottom: 96px; } #forumRoot .mid-col { height: auto; overflow: visible; padding-right: 0; } #forumRoot .hero { padding: 24px 14px 14px; } #forumRoot .hero-emblem { margin-bottom: 6px; } #forumRoot .hero h1 { font-size: 34px; letter-spacing: .12em; margin-left: .12em; } #forumRoot .hero-sub { font-size: 12.5px; letter-spacing: .17em; margin-top: 7px; } #forumRoot .hero-desc { display: none; } #forumRoot .ask-bar { padding: 7px; gap: 7px; flex-wrap: wrap; margin-top: 12px; border-radius: 12px; } #forumRoot .ask-bar input { flex: 1 0 100%; height: 40px; padding: 0 10px; font-size: 15px; } #forumRoot .ask-bar .btn { width: 100%; height: 42px; font-size: 14.5px; } #forumRoot .hero-meta { margin-top: 9px; gap: 9px; font-size: 12px; } #forumRoot .hm-sep { display: none; } #forumRoot .market { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 0 14px 96px; } #forumRoot .left-col { position: static; max-height: none; overflow: visible; } #forumRoot .left-col .rail-panel:not(.cat-panel), #forumRoot .left-col .side-checkin { display: none; } #forumRoot .cat-panel .rail-h { display: none; } #forumRoot .cat-panel { border-top: 0; padding-top: 0; } #forumRoot .cat-list { flex-direction: row; gap: 7px; overflow-x: auto; width: auto; margin: 0 -14px; padding: 2px 14px 8px; scrollbar-width: none; } #forumRoot .cat-list::-webkit-scrollbar { display: none; } #forumRoot .cat-item { flex: 0 0 auto; width: auto; gap: 5px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,253,248,.55); white-space: nowrap; font-size: 12.5px; } #forumRoot .cat-item.all { font-family: var(--sans); font-size: 12.5px; font-weight: 600; letter-spacing: 0; } #forumRoot .cat-item .cat-count { font-size: 12px; } #forumRoot .cat-item.active { color: var(--cinnabar); border-color: rgba(178,58,46,.35); background: rgba(178,58,46,.05); } #forumRoot .cat-item.active::before { display: none; } #forumRoot .toolbar-top { align-items: center; flex-wrap: wrap; } #forumRoot .tabs { gap: 17px; flex: 1 1 100%; } #forumRoot .toolbar-right { flex: 1 1 100%; justify-content: flex-end; padding-bottom: 0; } #forumRoot .feed-search { flex: 0 1 150px; } #forumRoot .tab { font-size: 14px; } #forumRoot .toolbar-meta { font-size: 12px; padding-bottom: 6px; } #forumRoot .filter-chips { flex-wrap: nowrap; overflow-x: auto; margin: 8px -2px 0; padding: 0 2px 4px; scrollbar-width: none; } #forumRoot .filter-chips::-webkit-scrollbar { display: none; } #forumRoot .chip { flex: 0 0 auto; } #forumRoot .q-card { padding: 17px 17px 14px; } #forumRoot .q-title { font-size: 17px; line-height: 1.5; } #forumRoot .q-excerpt { font-size: 14px; line-height: 1.8; min-height: 0; } #forumRoot .seal-strip { display: flex; align-items: center; gap: 5px; border: 0; background: transparent; overflow: visible; padding: 0; } #forumRoot .seal-mark { display: none; } #forumRoot .seal-cell { border: 1px solid rgba(178,58,46,.2); border-radius: 5px; background: rgba(255,253,248,.62); padding: 4px 7px; font-size: 12px; } #forumRoot .seal-cell:last-child { border-right: 1px solid rgba(178,58,46,.2); } #forumRoot .seal-cell b { font-size: 10px; } #forumRoot .q-foot { gap: 9px; } #forumRoot .q-author { gap: 7px; } #forumRoot .q-role { max-width: 104px; } #forumRoot .q-answers { padding: 0 8px; } #forumRoot .q-answers strong { font-size: 19px; } #forumRoot .q-answer-btn { font-size: 12.5px; } #forumRoot .toast { bottom: 84px; max-width: calc(100vw - 32px); text-align: center; white-space: normal; } #forumRoot.detail-mode .left-col { display: none; } #forumRoot.detail-mode .market { padding-top: 8px; } #forumRoot .detail-bar { margin-bottom: 12px; } #forumRoot .crumb { display: none; } #forumRoot .question-card { padding: 17px 17px 14px; } #forumRoot .post-title { font-size: 23px; line-height: 1.5; margin: 9px 0 12px; } #forumRoot .post-author .avatar { width: 36px; height: 36px; font-size: 14px; } #forumRoot .pa-meta { font-size: 12px; } #forumRoot .post-body { font-size: 14.5px; line-height: 1.95; } #forumRoot .post-actions { gap: 3px; } #forumRoot .act { padding: 0 7px; } #forumRoot .post-views { width: 100%; margin-left: 0; margin-top: 4px; } #forumRoot .owner-bar { gap: 7px; } #forumRoot .answers-head .sort-note { display: none; } #forumRoot .answer-card { padding: 14px 14px 11px; } #forumRoot .answer-card.accepted .ans-head { padding-right: 0; padding-top: 22px; } #forumRoot .ans-seal { top: 11px; right: 12px; } #forumRoot .ans-kpi { display: none; } #forumRoot .ans-body { font-size: 14px; } #forumRoot .ans-children { margin-left: 8px; padding-left: 10px; } #forumRoot .answer-composer { padding: 12px; } #forumRoot .ac-foot { flex-wrap: wrap; } #forumRoot .ac-note { margin-right: 0; } #forumRoot .ac-foot .btn { width: 100%; } #forumRoot .compose-modal { width: calc(100vw - 20px); max-height: 92vh; } #forumRoot .compose-head { padding: 16px 50px 12px 16px; flex-wrap: wrap; gap: 10px; } #forumRoot .compose-head h2 { font-size: 19px; } #forumRoot .type-switch { margin-left: 0; } #forumRoot .compose-body { padding: 14px 16px; } #forumRoot .form-row.two, #forumRoot .form-row.three { grid-template-columns: 1fr; } #forumRoot .bf-hint { margin-left: 0; width: 100%; } #forumRoot .compose-foot { padding: 10px 16px; flex-wrap: wrap; } #forumRoot .draft-note { width: 100%; margin-right: 0; } #forumRoot .compose-foot .btn { flex: 1; } #forumRoot .login-modal { padding: 26px 20px 22px; } #forumRoot .placeholder-modal { padding: 24px 20px 20px; } #forumRoot .newbie-modal { padding: 22px 18px 16px; } #forumRoot .newbie-foot { flex-direction: column-reverse; align-items: stretch; } #forumRoot .newbie-link { justify-content: center; border-bottom: 0; } #forumRoot .newbie-foot .btn { width: 100%; } } @media (max-width: 420px) { #forumRoot .hero h1 { font-size: 32px; } #forumRoot .q-role { max-width: 88px; } #forumRoot .q-answers { padding: 0 6px; } #forumRoot .q-answers span { font-size: 11.5px; } #forumRoot .q-answer-btn { font-size: 12px; } } /* ============================================================ 接入正式站（2026-10-17 第一批） ============================================================ */ /* 2026-10-18 用户：左右栏固定不能上下移动，只有中栏内容区滚动。 论坛改成工作台式固定壳：nav + hero + 三栏占满视口，滚动权只给 .mid-col。 移动端（≤900px）仍按普通文档滚动，见下方 @media。 */ html.forum-mode, html.forum-mode body { height: 100%; min-height: 0; overflow: hidden; } body.forum-mode { background: #F7F3EC; overflow-x: hidden; } /* 2026-10-18 用户：论坛就是一个普通模块，导航栏必须和每日一卦完全同一套， 不再隐藏主站导航、也不再在论坛里复制一套。 */ body.forum-mode > .stage, body.forum-mode > .footer, body.forum-mode > .ink, body.forum-mode > .grain, body.forum-mode > .starfield, body.forum-mode > #toastWrap, body.forum-mode > #ysgNudge { display: none !important; } #forumRoot { position: relative; z-index: 20; height: calc(100vh - var(--forum-nav-h, 64px)); min-height: 0; margin-top: var(--forum-nav-h, 64px); display: flex; flex-direction: column; overflow: hidden; } #forumRoot > .hero { flex: 0 0 auto; } #forumRoot[hidden] { display: none !important; } #forumRoot .nav { z-index: 70; } /* 详情栏右侧：楼主操作收进菜单，不抢正文 */ #forumRoot .db-right { display: flex; align-items: center; gap: 12px; margin-left: auto; min-width: 0; } #forumRoot .owner-menu { position: relative; } #forumRoot .owner-menu-btn { height: 27px; padding: 0 9px; border: 1px solid var(--line); border-radius: 5px; background: rgba(255,253,248,.55); font-size: 12px; color: var(--ink-dim); } #forumRoot .owner-menu-btn:hover { color: var(--ink); border-color: rgba(168,137,78,.48); } #forumRoot .owner-menu-list { position: absolute; right: 0; top: calc(100% + 6px); z-index: 90; min-width: 168px; padding: 6px; border: 1px solid rgba(168,137,78,.32); border-radius: 9px; background: linear-gradient(180deg,#FFFDF8,#F8F2E7); box-shadow: 0 14px 34px rgba(28,27,25,.14); } #forumRoot .owner-menu-list button { display: block; width: 100%; padding: 7px 9px; border: 0; border-radius: 6px; background: transparent; text-align: left; font-size: 12.5px; color: var(--ink-dim); } #forumRoot .owner-menu-list button:hover { background: rgba(168,137,78,.08); color: var(--ink); } #forumRoot .owner-menu-list button.active { color: var(--gold-ink); background: rgba(168,137,78,.11); } #forumRoot .owner-menu-note { display: block; padding: 5px 9px; font-size: 11.5px; line-height: 1.6; color: var(--ink-faint); } @media (max-width: 900px) { #forumRoot .owner-menu-btn { height: 26px; } } /* ============================================================ 典籍引用（2026-10-17 第三十二批） 回答里插入的【引《书名·篇名》】块；以及「引典籍」选择弹层。 ============================================================ */ #forumRoot .cite-block { margin: 9px 0; padding: 9px 13px; border-left: 3px solid rgba(168,137,78,.55); background: rgba(168,137,78,.07); border-radius: 0 8px 8px 0; font-size: 13.5px; line-height: 1.85; color: var(--ink-dim); } #forumRoot .cite-block b { color: var(--gold-ink); font-weight: 600; margin-right: 6px; } #forumRoot .cite-block .cite-link { margin-left: 8px; white-space: nowrap; color: var(--gold-ink); border-bottom: 1px dotted rgba(168,137,78,.55); } #forumRoot .cite-block .cite-link:hover { color: #8E2C22; } #forumRoot .child-body { font-size: 14px; line-height: 1.8; color: var(--ink-dim); } #forumRoot .cite-card { width: min(520px, 92vw); max-height: 88vh; overflow: auto; padding: 22px 24px; background: linear-gradient(180deg,#FFFDF8,#F7F1E6); border: 1px solid rgba(168,137,78,.3); border-radius: var(--r-modal); box-shadow: 0 18px 50px rgba(28,27,25,.18); transform: translateY(10px) scale(.99); transition: transform .24s var(--ease-out); } #forumRoot .cite-mask.open .cite-card { transform: none; } #forumRoot .cite-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; } #forumRoot .cite-head h3 { font-family: var(--serif); font-size: 20px; font-weight: 700; letter-spacing: 2px; } #forumRoot .cite-x { border: 0; background: transparent; font-size: 20px; color: var(--ink-faint); cursor: pointer; } #forumRoot .cite-hint { font-size: 12.5px; line-height: 1.8; color: var(--ink-faint); margin-bottom: 14px; } #forumRoot .cite-field { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } #forumRoot .cite-field span { flex: 0 0 44px; font-size: 13px; color: var(--ink-dim); } #forumRoot .cite-field select { flex: 1 1 auto; min-width: 0; height: 34px; padding: 0 9px; border-radius: 8px; border: 1px solid var(--line); background: #fff; color: var(--ink); font: inherit; font-size: 13.5px; } #forumRoot .cite-preview { min-height: 76px; max-height: 150px; overflow: auto; padding: 10px 12px; border: 1px dashed rgba(168,137,78,.35); border-radius: 9px; background: rgba(255,255,255,.55); font-size: 13px; line-height: 1.85; color: var(--ink-dim); } #forumRoot .cite-foot { display: flex; justify-content: flex-end; gap: 10px; margin-top: 14px; } @media (max-width: 640px) { #forumRoot .cite-card { padding: 18px 16px; } #forumRoot .cite-field { align-items: flex-start; flex-direction: column; gap: 5px; } #forumRoot .cite-field span { flex: none; } #forumRoot .cite-field select { width: 100%; } } /* 2026-10-18 固定壳只在桌面生效；手机恢复整页滚动（覆盖上方接入段的基础规则）。 */ @media (max-width: 900px) { html.forum-mode, html.forum-mode body { height: auto; min-height: 100%; overflow-x: hidden; overflow-y: auto; } #forumRoot { height: auto; min-height: calc(100vh - var(--forum-nav-h, 64px)); display: block; overflow: visible; } #forumRoot .market { overflow: visible; padding-bottom: 96px; } #forumRoot .mid-col { height: auto; overflow: visible; padding-right: 0; } } /* 2026-10-18 矮屏（≤980px 高）压缩左栏与首屏，保证左右栏固定时仍完整可见。 */ @media (min-width: 901px) and (max-height: 980px) { #forumRoot .hero { padding: 12px 20px 10px; } #forumRoot .hero h1 { font-size: 38px; } #forumRoot .hero-sub { margin-top: 4px; font-size: 14px; } #forumRoot .hero-desc { display: none; } #forumRoot .ask-bar { margin-top: 10px; } #forumRoot .ask-bar input { height: 40px; } #forumRoot .hero-meta { margin-top: 6px; } #forumRoot .cat-item { padding-top: 5px; padding-bottom: 5px; } #forumRoot .rank-nav-item { padding-top: 5px; padding-bottom: 5px; } #forumRoot .rank-nav-panel, #forumRoot .follow-panel, #forumRoot .side-checkin { margin-top: 10px; } } /* TD-038 P1-10：论坛小操作命中区 ≥24×24 */ #checkinBtn, .rank-more, .np-read { min-height: 24px; padding-top: 2px; padding-bottom: 2px; } /* TD-038 P1-08：种子/演示数据角标（不得以真实社会证明形态出现） */ .demo-tag { display: inline-block; margin-left: 5px; padding: 1px 5px; border-radius: 4px; font-size: 10.5px; line-height: 15px; font-style: normal; letter-spacing: .5px; color: #6B552B; background: rgba(122, 99, 52, .10); border: 1px solid rgba(122, 99, 52, .28); } /* TD-038 P2-06：hidden 必须真的隐藏 —— 原 .bounty-field{display:flex} 等 类规则优先级高于 UA 的 [hidden]{display:none}，讨论帖仍显示悬赏/排盘。 */ #forumRoot [hidden] { display: none !important; }