/* Theme Name: AUCN Research Institute Theme URI: https://www.aucn.org Author: AUCN Description: 澳中股票研究站主题 —— 深色墨底英雄区 + 宣纸亮底正文 + A4 同版式研报页。零计算：所有数字来自发布层 payload，模板不做任何算术。 Version: 0.4.3 Requires at least: 6.0 Requires PHP: 7.4 License: Proprietary Text Domain: aucn */ /* ══════════════════════════════════════════════ 1. 设计令牌 —— 全部取自 AUCN_A4版式层，未新增表外值 ══════════════════════════════════════════════ */ :root{ /* 宣纸阶（亮底正文） */ --pp:#FBF8F2; --pp1:#F4EEE2; --pp2:#E8DFCB; --pp3:#C9BFA7; --cd:#FFFDF9; /* 墨阶 */ --i0:#1A1814; --i1:#2C2822; --i2:#5C564B; --i3:#8A8276; /* 深色区（以墨色为底，不是通用黑） */ --dk0:#151310; --dk1:#221F19; --dk2:#2E2A22; --dkl:#3A352B; --pl0:#F4EEE2; --pl1:#C9BFA7; --pl2:#8A8276; /* 品牌色（实测自印章 logo） */ --seal:#B63A2E; --seal-d:#D05B49; /* 朱红 / 深色区提亮 */ --jade:#3F7A5C; --jade-d:#54A57C; /* 青玉 / 深色区提亮 */ --navy:#183560; --navy-d:#5A8AD0; /* 藏青 / 深色区提亮 */ --gold:#C08A2E; --gold-d:#DCAA4C; /* 鎏金 / 深色区提亮 */ /* 字体 */ --ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; --mo:"JetBrains Mono","SF Mono",Consolas,"Courier New",monospace; --dp:"Cormorant Garamond",Georgia,"Songti SC","Noto Serif SC",serif; /* 版心 */ --wrap:clamp(1180px,90vw,1800px); --gap:14px; --r:6px; --sh1:0 1px 1px rgba(26,24,20,.03),0 5px 14px rgba(26,24,20,.045); --sh2:0 2px 3px rgba(26,24,20,.04),0 12px 26px rgba(26,24,20,.085); } /* ══ 2. 基础 ══ ★分界线画在「数据 vs 文章」：全站深色，只有研报正文页走宣纸。 数据密集区在深色上更聚光；长文本在纸墨上更耐读，且与下载的 A4 逐字同版。 */ *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%; /* ★流体根字号：唯一旋钮，全站 rem 跟着它走。 下限 16px 与 rem 换算基准相同 —— 窄屏与改版前逐像素一致。 */ font-size:clamp(16px,calc(13.05px + 0.27vw),19.5px)} body{margin:0;background:var(--dk0);color:var(--pl1);font-family:var(--ui); font-size:0.9375rem;line-height:1.7;font-variant-numeric:tabular-nums; -webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} a{color:var(--seal-d);text-decoration:none} a:hover{text-decoration:underline} ::selection{background:rgba(208,91,73,.28)} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden; clip:rect(0,0,0,0);white-space:nowrap;border:0} :focus-visible{outline:2px solid var(--seal);outline-offset:2px} /* ══ 3. 深色区：系统条 / 导航 / 英雄区 / 走马灯 ══ */ .aucn-sys{background:#0F0E0B;color:var(--pl1);font:500 0.625rem/1.3 var(--mo);letter-spacing:.06em} .aucn-sys .wrap{display:flex;align-items:center;gap:13px;padding-top:6px;padding-bottom:6px} .sys-dot{width:5px;height:5px;border-radius:50%;background:var(--jade-d);flex:0 0 5px; animation:aucn-bp 1.6s infinite} @keyframes aucn-bp{0%,100%{opacity:1}50%{opacity:.2}} .sys-log{flex:1;min-width:0;overflow:hidden;height:14px;position:relative} .sys-log ul{position:absolute;margin:0;padding:0;list-style:none;width:100%; animation:aucn-roll 14s steps(6) infinite} .sys-log li{height:14px;line-height:14px;color:#6F6A5E;white-space:nowrap; overflow:hidden;text-overflow:ellipsis} .sys-log b{color:var(--pl1);font-weight:500} @keyframes aucn-roll{to{transform:translateY(-84px)}} .sys-build{color:#6F6A5E;white-space:nowrap} /* ★★不再在这里裁切。原来是 overflow:hidden，而手机下拉菜单是 .aucn-dark 的绝对定位后代 —— **祖先的 overflow:hidden 一样会裁掉它**， 这和 z-index 是两套完全独立的机制，改 z-index 治不了它。 2026-08-21 实测：非首页的 .aucn-dark 只有 197px 高（底边 229）， 导航底边 91、菜单需 325px → 只露出约三项，其余被裁。 首页因为有 hero 所以够高，**看起来一切正常** —— 这类只在部分页面出现的 缺陷最容易被当成偶发。 ★裁切的本意只是拦住两层会溢出的装饰（.dk-scan 左溢 120px 的扫光、 .dk-glow 上溢 89px 的光晕）。所以**只裁该裁的**：给装饰层单独一个 裁切容器，别让整块跟着一起裁。 */ .aucn-dark{background:var(--dk0);position:relative} /* 装饰层的裁切容器：只包住三层特效，不影响菜单等真实内容 */ .dk-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0} .dk-grid{position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(rgba(201,191,167,.055) .5px,transparent .5px), linear-gradient(90deg,rgba(201,191,167,.055) .5px,transparent .5px); background-size:30px 30px} .dk-scan{position:absolute;top:0;left:-32%;width:34%;height:100%;pointer-events:none; background:linear-gradient(90deg,transparent,rgba(90,138,208,.07),rgba(208,91,73,.07),transparent); animation:aucn-sweep 7.5s cubic-bezier(.45,0,.55,1) infinite} @keyframes aucn-sweep{to{left:104%}} .dk-glow{position:absolute;top:-45%;left:50%;width:70%;height:130%;pointer-events:none; background:radial-gradient(closest-side,rgba(90,138,208,.13),transparent 72%)} /* ★★z-index 必须**高于 .aucn-hero**（它也是 3，且在 DOM 里更靠后 → 会压在上面）。 2026-08-21 实测的手机菜单"点不动"就出在这里： `.aucn-menu` 写着 z-index:20，但它在 .aucn-nav 内部， 而 .aucn-nav（position:relative + z-index:3）**自己开了一个层叠上下文** —— 那个 20 只在这个上下文里有效，对外仍然只有 3。 于是下拉菜单渲染在 hero 底下：**看得见、点不到**， 每一次点击都落在 SECTION.aucn-hero 与 H1 上。 ★"写了 z-index 却不起作用"几乎总是层叠上下文问题， 而它的症状（元素可见但不可点）看起来完全不像层级问题。 */ .aucn-nav{position:relative;z-index:10;border-bottom:.5px solid var(--dkl)} .aucn-nav .wrap{display:flex;align-items:center;gap:18px;padding-top:12px;padding-bottom:12px} .brand{display:flex;align-items:center;gap:10px;flex:0 0 auto} .brand img{height:34px;width:auto;border-radius:5px} .brand .bn{font:700 0.875rem/1.1 var(--ui);letter-spacing:.18em;color:var(--pl0)} .brand .bt{font:500 0.46875rem var(--ui);letter-spacing:.26em;color:var(--pl2);text-transform:uppercase} .aucn-menu{display:flex;gap:17px;list-style:none;margin:0;padding:0} .aucn-menu a{font-size:0.78125rem;color:var(--pl1);position:relative;padding:3px 0;white-space:nowrap;text-decoration:none} .aucn-menu a::after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1.5px; background:var(--seal-d);transition:width .3s} .aucn-menu a:hover::after,.aucn-menu .current-menu-item>a::after{width:100%} .aucn-menu a:hover{text-decoration:none} .aucn-menu .current-menu-item>a{color:var(--seal-d);font-weight:600} /* 列分组表头 —— ★让「读数」与「台账结算规格」在视觉上仍是两块， 但不再用两张表去分。两张表会把同一批标的列两遍，读者看到的是重复。 */ .aucn thead tr.grp th{border-bottom:0;padding-bottom:2px;font-size:0.5625rem; letter-spacing:.16em;text-transform:uppercase;color:var(--pl2)} .aucn thead tr.grp .grp-a{border-bottom:1.5px solid var(--navy-d)} .aucn thead tr.grp .grp-b{border-bottom:1.5px solid var(--gold-d)} /* ★第三组「现价起算」= 本站 2026-08-20 起的排序轴。 底线比另外两组粗一档 —— 视觉权重要与它在方法论里的地位一致： 前两组是"若回踩到触发价则如何"，这一组是"今天真去做如何"。 */ .aucn thead tr.grp .grp-c{border-bottom:2.5px solid var(--seal-d)} /* 语言切换 —— ★margin-left:auto 从时钟移到这里： 它现在是右侧第一个元素，把「推到最右」的职责一起接过来。 两个元素都写 auto 会平分剩余空间，中间裂开一道缝。 */ .nav-lang{margin-left:auto;font:600 0.625rem var(--ui);letter-spacing:.12em; color:var(--pl1);border:.5px solid var(--dkl);border-radius:2px; padding:3px 8px;text-decoration:none;white-space:nowrap;transition:.2s} .nav-lang:hover{color:var(--seal-d);border-color:var(--seal-d);text-decoration:none} .nav-clock{margin-left:14px;font:500 0.59375rem var(--mo);color:var(--pl2);letter-spacing:.1em;white-space:nowrap} /* 站内搜索 —— 菜单最后一栏。★放在 .nav-lang（margin-left:auto）之前， 于是它紧贴菜单末尾，而语言与时钟仍被推到最右。 */ .nav-search{display:flex;align-items:center;gap:4px;margin-left:17px; border:.5px solid var(--dkl);border-radius:2px;padding:2px 4px 2px 8px; background:rgba(255,255,255,.03);transition:.2s} .nav-search:focus-within{border-color:var(--seal-d);background:rgba(255,255,255,.06)} .nav-search input{width:118px;background:none;border:0;outline:none; font:400 0.71875rem var(--ui);color:var(--pl1);padding:3px 0} .nav-search input::placeholder{color:var(--pl3,#6b665e)} .nav-search button{background:none;border:0;padding:2px 3px;cursor:pointer; color:var(--pl2);display:flex;align-items:center} .nav-search button:hover{color:var(--seal-d)} /* 账户 —— ★独立一栏（HENG 2026-08-21）。 原来是一个 ，现在是一个