的伪元素上：点它时事件目标是

，main.js 的“点外面关闭”照常生效，也不会误点到下面的链接。 */ body.site-topcheat #mobile_right_nav.show ~ main::before, body.site-topcheat #c_sousuo.show ~ main::before{ content:""; position:fixed; inset:0; z-index:1044; background:rgb(var(--tc-bg-deep-rgb) / .6); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); } body.site-topcheat #mobile_right_nav::before{ content:""; position:absolute; top:-9rem; left:-4rem; width:22rem; height:16rem; border-radius:50%; background:radial-gradient(closest-side,rgb(var(--tc-magenta-rgb) / .16),transparent); pointer-events:none; } body.site-topcheat #mobile_right_nav .mobile_head{ position:relative; display:flex; align-items:center; gap:.5rem; padding:.9rem 1rem; background:transparent; border-bottom:1px solid rgb(var(--tc-line-rgb) / .6); color:var(--tc-ink); } body.site-topcheat #mobile_right_nav .mobile_head .mobile_head_logo{margin-right:auto;justify-content:flex-start;min-width:0;} body.site-topcheat #mobile_right_nav .mobile_head .mobile_head_logo img{width:28px;height:28px;margin:0;border-radius:7px;background:transparent;} body.site-topcheat #mobile_right_nav .mobile_head .mobile_head_logo a{gap:.5rem;} body.site-topcheat #mobile_right_nav .mobile_head_logo b.tc-wordmark{font-size:1rem;} body.site-topcheat #mobile_right_nav .mobile_head_logo .tc-wordmark .tc-wm-tag{margin-left:.45rem;padding:.24rem .42rem;} /* 抽屉里的语言胶囊：与官网抽屉一样字大一号、每段更宽，方便点按 */ body.site-topcheat #mobile_right_nav .mobile_head .mobile-language-switch{flex:none;font-size:.86rem;} body.site-topcheat #mobile_right_nav .mobile_head .mobile-language-switch::before, body.site-topcheat #mobile_right_nav .mobile_head .mobile-language-switch::after{padding:.6rem .8rem;} body.site-topcheat .btn-close{ filter:invert(1) grayscale(100%) brightness(200%); opacity:.6; } body.site-topcheat .btn-close:hover{opacity:1;} body.site-topcheat #mobile_right_nav .mobile_head .btn-close{flex:none;margin:0;padding:.55rem;} body.site-topcheat #mobile_right_nav .menu-zk{ position:relative; margin:.5rem 1rem 1.5rem; background:transparent; border:0; border-radius:0; overflow:visible; } body.site-topcheat #mobile_right_nav .menu-zk ul{counter-reset:tc-drawer;} body.site-topcheat #mobile_right_nav .menu-zk li{position:relative;line-height:1.35;} body.site-topcheat #mobile_right_nav .menu-zk > ul > li > a, body.site-topcheat #mobile_right_nav .menu-zk > ul > li > button{ display:flex; align-items:center; gap:.875rem; width:100%; min-height:3.25rem; padding:.5rem .25rem; border:0; border-bottom:1px solid rgb(var(--tc-line-rgb) / .4); border-radius:0; background:none; color:var(--tc-ink); font-family:var(--tc-font-display); font-size:1.05rem; font-weight:500; line-height:1.3; text-align:left; transition:color .2s; } /* 官网抽屉的 01 / 02 … 编号 */ body.site-topcheat #mobile_right_nav .menu-zk > ul > li > a::before, body.site-topcheat #mobile_right_nav .menu-zk > ul > li > button::before{ counter-increment:tc-drawer; content:counter(tc-drawer,decimal-leading-zero); flex:none; min-width:1.1rem; color:var(--tc-dim); font-family:var(--tc-font-display); font-size:.7rem; font-weight:600; font-variant-numeric:tabular-nums; transition:color .2s; } body.site-topcheat #mobile_right_nav .menu-zk > ul > li > a::after{ content:"\F138"; margin-left:auto; color:var(--tc-dim); font-family:"bootstrap-icons"; font-size:1rem; transition:transform .3s var(--tc-ease-out-expo),color .2s; } body.site-topcheat #mobile_right_nav .menu-zk > ul > li > a > i{display:none;} body.site-topcheat #mobile_right_nav .menu-zk > ul > li > a:hover, body.site-topcheat #mobile_right_nav .menu-zk > ul > li > button:hover, body.site-topcheat #mobile_right_nav .menu-zk > ul > li.current-menu-item > a{color:var(--tc-cyan);} body.site-topcheat #mobile_right_nav .menu-zk > ul > li > a:hover::before, body.site-topcheat #mobile_right_nav .menu-zk > ul > li > a:hover::after, body.site-topcheat #mobile_right_nav .menu-zk > ul > li.current-menu-item > a::before{color:var(--tc-cyan);} body.site-topcheat #mobile_right_nav .menu-zk > ul > li > a:hover::after{transform:translateX(4px);} /* 抽屉里的高亮项 → 整宽主按钮，不编号。 header.php：配了 cta 时第一项是 li.menu-item-back-to-site.menu-item-cta.once-cta，原“返回首页” 改成普通的 .menu-item-main-site；没配 cta 时 .menu-item-back-to-site 仍是“返回首页”本身。 */ body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-back-to-site > a, body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-cta > a{ justify-content:center; gap:.55rem; min-height:2.9rem; margin:.5rem 0 .75rem; padding:.7rem 1.35rem; border:0; border-radius:var(--tc-radius-btn); background:var(--tc-magenta); color:var(--tc-bg-deep); font-size:.98rem; font-weight:600; box-shadow:0 10px 30px -10px rgb(var(--tc-magenta-rgb) / .7),inset 0 1px 0 rgba(255,255,255,.28); } body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-back-to-site > a::before, body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-cta > a::before{content:none;counter-increment:none;} body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-back-to-site > a::after, body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-cta > a::after{margin-left:0;color:inherit;} body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-back-to-site > a:hover, body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-cta > a:hover{background:var(--tc-magenta-soft);color:var(--tc-bg-deep);} body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-back-to-site > a:hover::after, body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-cta > a:hover::after{color:inherit;} body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-back-to-site > a > i, body.site-topcheat #mobile_right_nav .menu-zk > ul > li.menu-item-cta > a > i{display:none;} /* 分类子菜单 */ body.site-topcheat #mobile_right_nav .menu-zk .sub-menu{ margin:.35rem 0 .6rem 1.95rem; padding:0 0 0 .75rem; background:transparent; border-left:1px solid rgb(var(--tc-line-rgb) / .7); } body.site-topcheat #mobile_right_nav .menu-zk .sub-menu li a{ display:flex; align-items:center; min-height:2.6rem; padding:.35rem .25rem; border:0; color:var(--tc-muted); font-family:var(--tc-font-sans); font-size:.92rem; font-weight:500; } body.site-topcheat #mobile_right_nav .menu-zk .sub-menu li a:hover{color:var(--tc-cyan);} body.site-topcheat #mobile_right_nav .menu-zk .menu-item-has-children .czxjcdbs:before{ top:.625rem; right:0; width:2rem; height:2rem; margin:0; line-height:2rem; border:1px solid var(--tc-line); border-radius:.6rem; background:rgba(255,255,255,.04); color:var(--tc-muted); font-size:.75rem; z-index:1; } /* ---------- 4. 搜索浮层 ---------- */ body.site-topcheat #c_sousuo{ bottom:auto; height:auto; padding:1.5rem 0; background:rgb(var(--tc-bg-rgb) / .96); border-bottom:1px solid var(--tc-line); color:var(--tc-ink); -webkit-backdrop-filter:blur(24px); backdrop-filter:blur(24px); box-shadow:0 30px 80px -30px rgba(0,0,0,.9); } body.site-topcheat #c_sousuo::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; opacity:.6; background:var(--tc-glow-line); } body.site-topcheat #c_sousuo .container{position:relative;} body.site-topcheat #c_sousuo .btn-close{ position:absolute; top:50%; right:clamp(1.1rem,4vw,2rem); margin:0; padding:.6rem; transform:translateY(-50%); z-index:2; } body.site-topcheat #c_sousuo .search_box{margin:0;} body.site-topcheat #c_sousuo .search_box .ss_a{ display:flex; align-items:center; height:3.25rem; padding:0 .4rem 0 1.1rem; border:1px solid var(--tc-line); border-radius:var(--tc-radius-btn); background:rgba(255,255,255,.03); line-height:normal; transition:border-color .2s,box-shadow .2s; } body.site-topcheat #c_sousuo .search_box .ss_a:focus-within{ border-color:var(--tc-cyan); box-shadow:0 0 0 3px rgb(var(--tc-cyan-rgb) / .15); } body.site-topcheat #c_sousuo .search_box .ss_a input{ flex:1; min-width:0; height:100%; color:var(--tc-ink); font-size:1rem; outline:0; } body.site-topcheat #c_sousuo .search_box .ss_a input::placeholder{color:var(--tc-dim);} body.site-topcheat #c_sousuo .search_box .ss_a button{ position:static; display:inline-grid; place-items:center; flex:none; width:2.5rem; height:2.5rem; border-radius:.6rem; color:var(--tc-cyan); font-size:1.05rem; transition:background-color .2s,color .2s; } body.site-topcheat #c_sousuo .search_box .ss_a button:hover{background:rgb(var(--tc-cyan-rgb) / .12);color:var(--tc-ink);} /* ---------- 5. 首页轮播 / 专题 ---------- */ body.site-topcheat #banner, body.site-topcheat .index_banner .index_banner_center .zt_list, body.site-topcheat .index_banner .gglb{ isolation:isolate; border:1px solid var(--tc-line); border-radius:var(--tc-radius); background:var(--tc-surface); } body.site-topcheat #banner .banlist:before, body.site-topcheat .index_banner .index_banner_center .zt_list:before, body.site-topcheat .index_banner .gglb:before{ opacity:1; background:linear-gradient(to top,rgb(var(--tc-bg-deep-rgb) / .95) 0,rgb(var(--tc-bg-deep-rgb) / .55) 40%,rgb(var(--tc-bg-deep-rgb) / 0) 72%); } body.site-topcheat #banner .banlist img, body.site-topcheat .index_banner .index_banner_center .zt_list img, body.site-topcheat .index_banner .gglb img{transition:transform .8s var(--tc-ease-out-expo);} body.site-topcheat #banner:hover .banlist img, body.site-topcheat .index_banner .index_banner_center .zt_list:hover img, body.site-topcheat .index_banner .gglb:hover img{transform:scale(1.05);} body.site-topcheat #banner .banlist h2{ padding:1.5rem 1.75rem 1.6rem; padding-right:9rem; color:var(--tc-ink); font-family:var(--tc-font-display); font-size:clamp(1.1rem,.9rem + .8vw,1.5rem); font-weight:700; line-height:1.3; text-shadow:0 2px 18px rgba(0,0,0,.6); text-wrap:pretty; } /* 角标 → chip：置顶 = magenta，分类 = cyan */ body.site-topcheat #banner .banlist i, body.site-topcheat .index_banner .index_banner_center .zt_list b, body.site-topcheat .index_banner .gglb b{ top:.9rem; left:.9rem; z-index:9; display:inline-flex; align-items:center; gap:.4rem; padding:.32rem .7rem; border:1px solid rgb(var(--tc-magenta-rgb) / .45); border-radius:var(--tc-radius-chip); background:rgb(var(--tc-bg-deep-rgb) / .6); color:var(--tc-magenta-soft); font-family:var(--tc-font-display); font-size:.72rem; font-style:normal; font-weight:600; letter-spacing:.06em; line-height:1.1; text-transform:uppercase; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); } body.site-topcheat #banner .banlist i::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 8px currentColor; } body.site-topcheat .index_banner .index_banner_center .zt_list b, body.site-topcheat .index_banner .gglb b{ top:.75rem; left:.75rem; border-color:rgb(var(--tc-cyan-rgb) / .4); color:var(--tc-cyan); font-size:.68rem; } body.site-topcheat .index_banner .index_banner_center .zt_list h3{ padding:1rem 1.1rem; color:var(--tc-ink); font-size:.95rem; font-weight:600; line-height:1.35; } body.site-topcheat .index_banner .gglb .gg_txt{ padding:1.1rem 1.25rem 1.2rem; background:linear-gradient(to top,rgb(var(--tc-bg-deep-rgb) / .9),rgb(var(--tc-bg-deep-rgb) / .35)); color:var(--tc-ink); } body.site-topcheat .index_banner .gglb .gg_txt h3{margin-bottom:.35rem;font-size:1rem;font-weight:600;line-height:1.35;color:var(--tc-ink);} body.site-topcheat .index_banner .gglb .gg_txt p{color:var(--tc-muted);font-size:.78rem;} body.site-topcheat .index_banner .gglb .gg_txt p i{color:var(--tc-cyan);} /* 后台没设置 midCenter / midRight（主题默认）时，slide.php 仍输出 col-lg-7 + 空的 col-lg-2，轮播右边留下 5/12 的空洞：这种情况下轮播占满整行、高度收一点。配了专题面板时布局不变。 */ @media (min-width:992px){ body.site-topcheat .index_banner .row:not(:has(.index_banner_center,.gglb)) > .col-lg-7{width:100%;} body.site-topcheat .index_banner .row:not(:has(.index_banner_center,.gglb)) > .col-lg-2{display:none;} body.site-topcheat .index_banner .row:not(:has(.index_banner_center,.gglb)) #banner .post-images{height:clamp(260px,24vw,340px);} } /* 992 以下只剩轮播：固定 400px 高在手机上占掉大半屏，改成 16:9 */ @media (max-width:991.98px){ body.site-topcheat #banner .post-images{height:auto;aspect-ratio:16 / 9;} } /* 指示器：当前页是一段发光的 magenta 短条 */ body.site-topcheat #banner .carousel-indicators{right:1.1rem;bottom:.75rem;margin:0;z-index:10;} body.site-topcheat #banner .carousel-indicators button{width:26px;height:44px;margin:0 1px;} body.site-topcheat #banner .carousel-indicators button:before{ width:8px; height:8px; border-radius:999px; background-color:rgba(255,255,255,.4); transition:width .35s var(--tc-ease-out-expo),background-color .3s,box-shadow .3s; } body.site-topcheat #banner .carousel-indicators button.active:before{ width:22px; background-color:var(--tc-magenta); box-shadow:0 0 12px rgb(var(--tc-magenta-rgb) / .8); } body.site-topcheat #banner .carousel-control-prev, body.site-topcheat #banner .carousel-control-next{width:4.5rem;z-index:10;} body.site-topcheat #banner .carousel-control-prev i, body.site-topcheat #banner .carousel-control-next i{ display:inline-grid; place-items:center; width:2.5rem; height:2.5rem; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:rgb(var(--tc-bg-deep-rgb) / .6); color:var(--tc-ink); line-height:1; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:background-color .2s,color .2s,border-color .2s; } body.site-topcheat #banner .carousel-control-prev i:hover, body.site-topcheat #banner .carousel-control-next i:hover{ border-color:var(--tc-magenta); background:var(--tc-magenta); color:var(--tc-bg-deep); } /* ---------- 6. 文章列表卡片（官网 .panel + .panel-hover） ---------- */ body.site-topcheat .post_def, body.site-topcheat .post_gallery{ position:relative; margin-bottom:1rem; padding:1.25rem; background:var(--tc-panel-bg); border:1px solid var(--tc-line); border-radius:var(--tc-radius); box-shadow:none; transition:transform .35s var(--tc-ease-out-expo),border-color .25s,box-shadow .35s var(--tc-ease-out-expo); } @media (hover:hover){ body.site-topcheat .post_def:not(.post_empty):hover, body.site-topcheat .post_gallery:hover{ transform:translateY(-4px); border-color:rgb(var(--tc-cyan-rgb) / .45); border-color:color-mix(in oklab,var(--tc-cyan) 45%,var(--tc-line)); box-shadow:0 30px 60px -32px rgba(0,0,0,.8); } } body.site-topcheat .post_def .post_def_left{ position:relative; display:block; overflow:hidden; border-radius:var(--tc-radius-sm); background:var(--tc-surface-2); } body.site-topcheat .post_def .post_def_left::after{ content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); pointer-events:none; } body.site-topcheat .post_def .post_def_left img, body.site-topcheat .post_def img{ display:block; width:100%; height:auto; aspect-ratio:10 / 7; object-fit:cover; border-radius:0; transition:transform .6s var(--tc-ease-out-expo); } body.site-topcheat .post_def:hover img{transform:scale(1.05);} body.site-topcheat .post_def .post_def_right .post_def_title h2{ margin-bottom:.55rem; font-family:var(--tc-font-display); font-size:1.2rem; font-weight:600; line-height:1.3; letter-spacing:-.005em; } body.site-topcheat:lang(zh) .post_def .post_def_right .post_def_title h2{letter-spacing:0;line-height:1.4;} body.site-topcheat .post_def .post_def_right .post_def_title h2 a{color:var(--tc-ink);transition:color .2s;} body.site-topcheat .post_def .post_def_right .post_def_title h2 a:hover{color:var(--tc-cyan);} body.site-topcheat .post_def .post_def_right .post_def_title p{ margin-bottom:.85rem; color:var(--tc-muted); font-size:.92rem; font-weight:400; line-height:1.75; } body.site-topcheat .post_info{ flex-wrap:wrap; gap:.5rem 1rem; color:var(--tc-dim); font-size:.8rem; font-weight:400; } body.site-topcheat .post_info .post_info_l{ display:flex; flex-wrap:wrap; align-items:center; gap:.4rem 1rem; } body.site-topcheat .post_info .post_info_l span{ display:inline-flex; align-items:center; gap:.35rem; margin:0; color:var(--tc-dim); } body.site-topcheat .post_info .post_info_l span i{margin:0;color:var(--tc-dim);} body.site-topcheat .post_info .post_info_l .post_cats{gap:.35rem;} body.site-topcheat .post_info .post_info_l .post_cats > i{display:none;} /* 分类 = 青色 chip（官网 .chip .chip-cyan） */ body.site-topcheat .post_info .post_info_l .post_cats a{ display:inline-flex; align-items:center; padding:.24rem .62rem; border:1px solid rgb(var(--tc-cyan-rgb) / .32); border-radius:var(--tc-radius-chip); background:rgb(var(--tc-cyan-rgb) / .1); color:var(--tc-cyan); font-family:var(--tc-font-display); font-size:.7rem; font-weight:600; letter-spacing:.06em; line-height:1.2; text-transform:uppercase; transition:background-color .2s,color .2s; } body.site-topcheat:lang(zh) .post_info .post_info_l .post_cats a{letter-spacing:.04em;} body.site-topcheat .post_info .post_info_l .post_cats a:hover{background:rgb(var(--tc-cyan-rgb) / .2);color:var(--tc-ink);} /* 标签 = 方角小标签（官网 .tag） */ body.site-topcheat .post_info .post_info_r{display:flex;flex-wrap:wrap;gap:.35rem;} body.site-topcheat .post_info .post_info_r em{ display:inline-flex; align-items:center; gap:.15rem; margin:0; padding:.26rem .5rem; border:1px solid var(--tc-line); border-radius:.4rem; background:rgba(255,255,255,.03); color:var(--tc-muted); font-family:var(--tc-font-display); font-size:.7rem; font-style:normal; font-weight:600; line-height:1; transition:border-color .2s,color .2s; } body.site-topcheat .post_info .post_info_r em i{color:var(--tc-dim);} body.site-topcheat .post_info .post_info_r em a{margin:0;color:inherit;} body.site-topcheat .post_info .post_info_r em:hover{border-color:rgb(var(--tc-cyan-rgb) / .5);color:var(--tc-cyan);} body.site-topcheat .post_def.post_empty{padding:2.5rem 1.25rem;color:var(--tc-dim);text-align:center;} /* 失败回退的 nopic.svg 是浅灰底：在深色卡片里反相成暗色占位 */ body.site-topcheat img[src$="nopic.svg"]{filter:invert(1) sepia(.4) hue-rotate(205deg) saturate(1.5) brightness(.55);} body.site-topcheat .post_images{border:1px solid var(--tc-line);border-radius:var(--tc-radius);} body.site-topcheat .post_images:before{opacity:1;background:linear-gradient(to top,rgb(var(--tc-bg-deep-rgb) / .92),transparent 70%);} body.site-topcheat .post_gallery .post_gallery_head h2 a, body.site-topcheat .post_images .post_images_foot h2 a{color:var(--tc-ink);} /* 加载更多 / 分页：幽灵按钮（官网 .btn .btn-ghost） */ body.site-topcheat .post-read-more{margin:.5rem 0 1.5rem;} body.site-topcheat .post-read-more a{ display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:3rem; padding:.7rem 1.35rem; border:1px solid var(--tc-line); border-radius:var(--tc-radius-btn); background:rgba(255,255,255,.04); color:var(--tc-ink); font-family:var(--tc-font-display); font-size:.95rem; font-weight:600; letter-spacing:.01em; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); transition:transform .25s var(--tc-ease-out-quart),border-color .2s,color .2s,background-color .2s; } body.site-topcheat .post-read-more a::after{content:"\F282";font-family:"bootstrap-icons";font-size:.85rem;line-height:1;} @media (hover:hover){ body.site-topcheat .post-read-more a:hover{ transform:translateY(-2px); border-color:var(--tc-cyan); background:rgba(255,255,255,.04); color:var(--tc-cyan); } } body.site-topcheat .post-read-more a.loading{ border-color:rgb(var(--tc-magenta-rgb) / .5); background:rgb(var(--tc-magenta-rgb) / .1); color:var(--tc-magenta-soft); cursor:progress; } body.site-topcheat .post-read-more a.loading::after{content:none;} body.site-topcheat .posts-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:2rem 0;} body.site-topcheat .posts-nav .page-numbers{ display:inline-grid; place-items:center; min-width:2.4rem; height:2.4rem; margin:0; padding:0 .7rem; border:1px solid var(--tc-line); border-radius:.65rem; background:rgba(255,255,255,.03); color:var(--tc-muted); font-family:var(--tc-font-display); font-size:.85rem; font-weight:600; } body.site-topcheat .posts-nav .page-numbers:hover{border-color:var(--tc-cyan);background:rgba(255,255,255,.03);color:var(--tc-cyan);} body.site-topcheat .posts-nav .page-numbers.current, body.site-topcheat .posts-nav .current{border-color:var(--tc-magenta);background:var(--tc-magenta);color:var(--tc-bg-deep);} /* ---------- 7. 侧边栏 ---------- */ /* 主题默认 6 个小工具叠起来约 2000px，远高于屏幕：粘住时下面的小工具要读完大半篇文章才露出来，所以本站侧栏跟随页面滚动。 */ body.site-topcheat .sidebar_sticky{position:static;top:auto;} body.site-topcheat .author_show_box, body.site-topcheat .widget{ margin-bottom:1rem; background:var(--tc-panel-bg); border:1px solid var(--tc-line); border-radius:var(--tc-radius); box-shadow:none; } body.site-topcheat .author_show_box{position:relative;isolation:isolate;overflow:hidden;} body.site-topcheat .author_show_box::before{ content:""; position:absolute; top:-6rem; left:50%; z-index:-1; width:18rem; height:12rem; transform:translateX(-50%); border-radius:50%; background:radial-gradient(closest-side,rgb(var(--tc-magenta-rgb) / .18),rgb(var(--tc-purple-rgb) / .08) 60%,transparent); pointer-events:none; } body.site-topcheat .author_show_box .author_show_head{padding:1.6rem 1.5rem 0;} body.site-topcheat .author_show_box .author_show_head img{ width:72px; height:72px; margin-bottom:.85rem; border:2px solid var(--tc-line); border-radius:50%; object-fit:cover; box-shadow:0 0 0 4px rgb(var(--tc-magenta-rgb) / .1),0 14px 34px -14px rgb(var(--tc-magenta-rgb) / .7); } body.site-topcheat .author_show_box .author_show_head h3{ margin-bottom:.8rem; color:var(--tc-ink); font-size:1.1rem; font-weight:700; } body.site-topcheat .author_show_box .author_show_info{ display:flex; flex-wrap:wrap; justify-content:center; gap:.5rem; padding:0 1.25rem 1.35rem; color:var(--tc-ink); font-size:.8rem; } body.site-topcheat .author_show_box .author_show_info span{ display:inline-flex; align-items:center; gap:.4rem; margin:0; padding:.32rem .75rem; border:1px solid var(--tc-line); border-radius:var(--tc-radius-chip); background:rgba(255,255,255,.03); font-family:var(--tc-font-display); font-weight:600; font-variant-numeric:tabular-nums; } body.site-topcheat .author_show_box .author_show_info span i{margin:0;color:var(--tc-cyan);} body.site-topcheat .author_show_box .author_show_info span b{color:var(--tc-dim);font-family:var(--tc-font-sans);font-weight:500;} body.site-topcheat .author_post{padding:1.1rem 1.25rem .35rem;border-top:1px solid rgb(var(--tc-line-rgb) / .6);} body.site-topcheat .author_post li, body.site-topcheat .widget_hot_post .widget_hot_li{gap:.85rem;margin-bottom:1rem;} body.site-topcheat .author_post li img, body.site-topcheat .widget_hot_post .widget_hot_li img{ width:72px; height:auto; aspect-ratio:10 / 7; margin:0; object-fit:cover; border-radius:.6rem; } body.site-topcheat .author_post li .author_title h4, body.site-topcheat .widget_hot_post .widget_hot_li .hot_post_info h4{ margin-bottom:.3rem; font-family:var(--tc-font-sans); font-size:.875rem; font-weight:500; line-height:1.45; letter-spacing:0; } body.site-topcheat .author_post li .author_title h4 a, body.site-topcheat .widget_hot_post .widget_hot_li .hot_post_info h4 a{color:var(--tc-ink);transition:color .2s;} body.site-topcheat .author_post li .author_title h4 a:hover, body.site-topcheat .widget_hot_post .widget_hot_li .hot_post_info h4 a:hover{color:var(--tc-cyan);} body.site-topcheat .author_post li .author_title p, body.site-topcheat .widget_hot_post .widget_hot_li .hot_post_info p{color:var(--tc-dim);font-size:.75rem;font-weight:400;} /* 第一条热门：大图 + 渐变压字 */ body.site-topcheat .widget_hot_post .widget_hot_li:first-child{overflow:hidden;border-radius:var(--tc-radius-sm);} body.site-topcheat .widget_hot_post .widget_hot_li:first-child img{width:100%;aspect-ratio:16 / 9;border-radius:var(--tc-radius-sm);} body.site-topcheat .widget_hot_post .widget_hot_li:first-child:before{ opacity:1; border-radius:var(--tc-radius-sm); /* 标题两行压在图片下半部：浅色封面上也要保证白字可读 */ background:linear-gradient(to top,rgb(var(--tc-bg-deep-rgb) / .95) 0,rgb(var(--tc-bg-deep-rgb) / .78) 55%,rgb(var(--tc-bg-deep-rgb) / .35) 100%); } body.site-topcheat .widget_hot_post .widget_hot_li:first-child .hot_post_info{padding:.9rem 1rem;} body.site-topcheat .widget_hot_post .widget_hot_li:first-child .hot_post_info h4{font-family:var(--tc-font-display);font-size:.95rem;font-weight:600;text-shadow:0 1px 12px rgba(0,0,0,.75);} body.site-topcheat .widget_hot_post .widget_hot_li:first-child .hot_post_info h4 a{color:var(--tc-ink);} body.site-topcheat .widget_hot_post .widget_hot_li:first-child .hot_post_info p{color:var(--tc-muted);} body.site-topcheat .widget_hot_post .widget_hot_li:last-child{margin-bottom:0;} body.site-topcheat .widget{position:relative;padding:1.25rem 1.35rem;} /* 小标题 → 官网 .eyebrow：青色大写展示字 + 前置渐变短线 */ body.site-topcheat .widget-title{ display:flex; align-items:center; gap:.6rem; margin:0 0 1.55rem; padding:0; color:var(--tc-cyan); font-family:var(--tc-font-display); font-size:.8rem; font-weight:600; letter-spacing:.18em; line-height:1.2; text-transform:uppercase; } body.site-topcheat:lang(zh) .widget-title{letter-spacing:.04em;font-size:.84rem;} body.site-topcheat .widget-title:before{ content:""; position:static; flex:none; width:1.6rem; height:1px; border-radius:0; background:linear-gradient(90deg,transparent,var(--tc-cyan)); } body.site-topcheat .widget-title:after{ left:-1.35rem; right:-1.35rem; bottom:-.8rem; width:auto; height:1px; background:rgb(var(--tc-line-rgb) / .55); } /* 最近回复 */ body.site-topcheat .widget_comment_ul li{ gap:.75rem; margin-bottom:.9rem; padding-bottom:.9rem; border-bottom:1px solid rgb(var(--tc-line-rgb) / .5); } body.site-topcheat .widget_comment_ul li:last-child{margin:0;padding-bottom:0;border:0;} body.site-topcheat .widget_comment_ul li img{width:28px;height:28px;margin:0;box-shadow:0 0 0 2px var(--tc-line);} body.site-topcheat .widget_comment_ul li .widget_comment_info a{color:#dcdcea;color:color-mix(in oklab,var(--tc-ink) 78%,var(--tc-muted));font-size:.85rem;line-height:1.55;} body.site-topcheat .widget_comment_ul li .widget_comment_info a:hover{color:var(--tc-cyan);} body.site-topcheat .widget_comment_ul li .widget_comment_info span{color:var(--tc-dim);font-size:.72rem;font-weight:400;} /* 标签云 → chip */ body.site-topcheat .widget_hot_tags .tagcloud{display:flex;flex-wrap:wrap;gap:.45rem;} body.site-topcheat .widget_hot_tags .tagcloud a{ display:inline-flex; align-items:center; gap:.4rem; margin:0; padding:.36rem .75rem; border:1px solid var(--tc-line); border-radius:var(--tc-radius-chip); background:rgba(255,255,255,.03); color:var(--tc-muted); font-family:var(--tc-font-display); font-size:.75rem !important; font-weight:600; letter-spacing:.04em; line-height:1.2; transition:border-color .2s,background-color .2s,color .2s; } body.site-topcheat .widget_hot_tags .tagcloud a:hover{ border-color:rgb(var(--tc-cyan-rgb) / .45); background:rgb(var(--tc-cyan-rgb) / .1); color:var(--tc-cyan); } body.site-topcheat .widget_hot_tags .tagcloud a.hot:before{ top:-3px; right:-2px; width:9px; height:9px; border:2px solid var(--tc-bg-deep); background:var(--tc-magenta); box-shadow:0 0 8px rgb(var(--tc-magenta-rgb) / .8); } body.site-topcheat .tags-page .tagcloud a .tag-count{color:var(--tc-dim);font-size:.72rem;font-weight:500;} body.site-topcheat .tags-page .tagcloud a:hover .tag-count{color:inherit;} /* 其它（登录 / RSS） */ body.site-topcheat .widget_misc_ul li a{ gap:.5rem; min-height:2.75rem; border-bottom:1px solid rgb(var(--tc-line-rgb) / .4); color:var(--tc-muted); transition:color .2s; } body.site-topcheat .widget_misc_ul li:last-child a{border-bottom:0;} body.site-topcheat .widget_misc_ul li a i{color:var(--tc-cyan);} body.site-topcheat .widget_misc_ul li a:hover{color:var(--tc-ink);} /* 侧栏搜索（旧版小工具） */ body.site-topcheat .widget_search #s{ height:2.5rem; border:1px solid var(--tc-line); border-radius:.65rem; background:rgba(255,255,255,.03); color:var(--tc-ink); font-weight:400; } body.site-topcheat .widget_search #searchsubmit{height:2.5rem;border-radius:0 .65rem .65rem 0;background:var(--tc-magenta);color:var(--tc-bg-deep);font-weight:600;} /* 放进正文容器里的小工具（归档 / 全部标签页）不再套第二层卡片 */ body.site-topcheat .post_container .widget, body.site-topcheat .wznrys .widget{margin:0;padding:0;background:none;border:0;border-radius:0;} /* ---------- 8. 分类 / 标签 / 搜索页头 ---------- */ body.site-topcheat .cat_info_top{ position:relative; overflow:hidden; margin-bottom:1rem; padding:1.5rem 1.6rem; background:var(--tc-panel-bg); border:1px solid var(--tc-line); border-radius:var(--tc-radius); } body.site-topcheat .cat_info_top::before{ content:""; position:absolute; top:0; left:1.5rem; right:1.5rem; height:1px; opacity:.7; background:var(--tc-glow-line); } body.site-topcheat .cat_info_top::after{ content:""; position:absolute; top:-8rem; right:-6rem; width:22rem; height:14rem; border-radius:50%; background:radial-gradient(closest-side,rgb(var(--tc-magenta-rgb) / .14),transparent); pointer-events:none; } body.site-topcheat .cat_info_top h1, body.site-topcheat .cat_info_top h2{ position:relative; z-index:1; padding-left:1rem; color:var(--tc-ink); font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem); font-weight:700; line-height:1.25; } body.site-topcheat .cat_info_top h1:before, body.site-topcheat .cat_info_top h2:before{ top:.15em; bottom:.15em; left:0; width:4px; height:auto; border-radius:4px; background:linear-gradient(180deg,var(--tc-magenta),var(--tc-orange)); box-shadow:0 0 14px rgb(var(--tc-magenta-rgb) / .5); } body.site-topcheat .cat_info_top p{position:relative;z-index:1;margin-top:.65rem;color:var(--tc-muted);font-size:.92rem;font-weight:400;} /* ---------- 9. 文章页 ---------- */ body.site-topcheat .post_container_title{ position:relative; overflow:hidden; padding:2rem 2.25rem 1.4rem; background:rgb(var(--tc-surface-rgb) / .92); border:1px solid var(--tc-line); border-bottom:1px solid rgb(var(--tc-line-rgb) / .55); border-radius:var(--tc-radius) var(--tc-radius) 0 0; } body.site-topcheat .post_container_title::before{ content:""; position:absolute; top:0; left:2rem; right:2rem; height:1px; opacity:.75; background:var(--tc-glow-line); } body.site-topcheat .post_container_title::after{ content:""; position:absolute; top:-9rem; right:-7rem; width:26rem; height:16rem; border-radius:50%; background:radial-gradient(closest-side,rgb(var(--tc-magenta-rgb) / .13),transparent); pointer-events:none; } body.site-topcheat .post_container_title h1{ position:relative; z-index:1; margin:0; color:var(--tc-ink); font-size:clamp(1.55rem,1.1rem + 1.35vw,2.2rem); font-weight:700; line-height:1.22; } body.site-topcheat:lang(zh) .post_container_title h1{line-height:1.32;} body.site-topcheat .post_container_title p{ position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.25rem; margin:1rem 0 0; color:var(--tc-dim); font-size:.82rem; } body.site-topcheat .post_container_title p span{ display:inline-flex; align-items:center; gap:.35rem; margin:0; color:var(--tc-dim); font-weight:400; font-variant-numeric:tabular-nums; } body.site-topcheat .post_container_title p span i, body.site-topcheat .post_container_title p a i{margin:0;color:var(--tc-cyan);} body.site-topcheat .post_container_title p a{display:inline-flex;align-items:center;gap:.35rem;color:var(--tc-muted);} body.site-topcheat .post_container_title p a:hover{color:var(--tc-cyan);} body.site-topcheat .post_container{ padding:2rem 2.25rem 1.75rem; background:linear-gradient(180deg,rgb(var(--tc-surface-rgb) / .92),rgb(var(--tc-bg-rgb) / .92)); border:1px solid var(--tc-line); border-top:0; border-radius:0 0 var(--tc-radius) var(--tc-radius); } /* “最后更新于 …” */ body.site-topcheat .post_container > strong{ display:inline-flex; align-items:center; margin-top:1.25rem; padding:.35rem .75rem; border:1px solid var(--tc-line); border-radius:var(--tc-radius-chip); background:rgba(255,255,255,.03); color:var(--tc-dim); font-size:.75rem; font-weight:500; font-variant-numeric:tabular-nums; } /* 正文排版 */ body.site-topcheat .wznrys{ color:#e3e4f0; color:color-mix(in oklab,var(--tc-ink) 86%,var(--tc-muted)); font-size:1rem; line-height:1.8; text-align:left; overflow-wrap:break-word; } body.site-topcheat .wznrys p{margin:0 0 1.15em;padding:0;line-height:1.8;} body.site-topcheat .wznrys h1, body.site-topcheat .wznrys h2, body.site-topcheat .wznrys h3, body.site-topcheat .wznrys h4, body.site-topcheat .wznrys h5, body.site-topcheat .wznrys h6{ margin:2.1em 0 .8em; color:var(--tc-ink); font-family:var(--tc-font-display); font-weight:700; line-height:1.3; letter-spacing:-.01em; scroll-margin-top:6rem; } body.site-topcheat:lang(zh) .wznrys :is(h1,h2,h3,h4,h5,h6){letter-spacing:0;line-height:1.4;} body.site-topcheat .wznrys > :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0;} body.site-topcheat .wznrys h1{font-size:1.75rem;} body.site-topcheat .wznrys h2{ position:relative; padding:0 0 0 1rem; border-bottom:0; font-size:1.45rem; } body.site-topcheat .wznrys h2::before{ content:""; position:absolute; left:0; top:.2em; bottom:.2em; width:4px; border-radius:4px; background:linear-gradient(180deg,var(--tc-magenta),var(--tc-orange)); box-shadow:0 0 14px rgb(var(--tc-magenta-rgb) / .5); } body.site-topcheat .wznrys h3{padding-left:.9rem;font-size:1.2rem;font-weight:600;} body.site-topcheat .wznrys h3:before{ top:.25em; bottom:.25em; width:3px; height:auto; transform:none; border-radius:3px; background:var(--tc-cyan); box-shadow:0 0 12px rgb(var(--tc-cyan-rgb) / .45); } body.site-topcheat .wznrys h4{padding-left:.85rem;color:var(--tc-ink);font-size:1.05rem;font-weight:600;} body.site-topcheat .wznrys h4:before{ top:.3em; bottom:.3em; width:3px; height:auto; transform:none; border-radius:3px; background:rgb(var(--tc-cyan-rgb) / .45); } body.site-topcheat .wznrys h5{font-size:.98rem;font-weight:600;color:var(--tc-ink);} body.site-topcheat .wznrys h6{font-size:.9rem;font-weight:600;color:var(--tc-muted);} body.site-topcheat .wznrys :is(p,li,td,th,blockquote,figcaption,dd,dt) a{ margin:0 .1em; color:var(--tc-cyan); border-bottom:1px solid rgb(var(--tc-cyan-rgb) / .35); transition:color .2s,border-color .2s; } body.site-topcheat .wznrys :is(p,li,td,th,blockquote,figcaption,dd,dt) a:hover{color:var(--tc-ink);border-bottom-color:var(--tc-cyan);} body.site-topcheat .wznrys a:has(> img){margin:0;border-bottom:0;} body.site-topcheat .wznrys strong, body.site-topcheat .wznrys b{color:var(--tc-ink);font-weight:700;} body.site-topcheat .wznrys ol, body.site-topcheat .wznrys ul{margin:0 0 1.4em;padding-left:1.5em;} body.site-topcheat .wznrys ol{list-style:decimal;} body.site-topcheat .wznrys ol li, body.site-topcheat .wznrys ul li{margin:0 0 .45em;padding-left:.2em;line-height:1.8;} body.site-topcheat .wznrys li::marker{color:var(--tc-cyan);} body.site-topcheat .wznrys ol > li::marker{font-family:var(--tc-font-display);font-weight:600;} body.site-topcheat .wznrys blockquote, body.site-topcheat .comment-content blockquote{ margin:1.6em 0; padding:1rem 1.25rem 1rem 1.35rem; border:1px solid rgb(var(--tc-line-rgb) / .7); border-left:3px solid var(--tc-cyan); border-radius:0 var(--tc-radius-sm) var(--tc-radius-sm) 0; background:linear-gradient(90deg,rgb(var(--tc-cyan-rgb) / .07),rgb(var(--tc-surface-2-rgb) / .55) 45%); } body.site-topcheat .wznrys blockquote p, body.site-topcheat .comment-content blockquote p{ margin:0 0 .6em; padding:0; color:var(--tc-ink); font-size:inherit; font-weight:500; } body.site-topcheat .wznrys blockquote p:last-child, body.site-topcheat .comment-content blockquote p:last-child{margin-bottom:0;} body.site-topcheat .wznrys blockquote cite, body.site-topcheat .comment-content blockquote cite{color:var(--tc-dim);font-size:.85rem;} body.site-topcheat .wznrys img{border-radius:var(--tc-radius-sm);} body.site-topcheat .wznrys figure img, body.site-topcheat .wznrys p > img, body.site-topcheat .wznrys p > a > img{box-shadow:0 0 0 1px rgb(var(--tc-line-rgb) / .7),0 24px 50px -30px rgba(0,0,0,.9);} body.site-topcheat .wznrys figcaption, body.site-topcheat .wznrys .wp-caption p.wp-caption-text{color:var(--tc-dim);font-size:.8rem;font-weight:400;} body.site-topcheat .wznrys hr{ position:relative; height:1px; margin:2.4em 0; padding:0; overflow:visible; border:0; opacity:1; background:linear-gradient(90deg,transparent,rgb(var(--tc-magenta-rgb) / .7) 30%,rgb(var(--tc-cyan-rgb) / .7) 70%,transparent); } body.site-topcheat .wznrys hr:after{content:none;} body.site-topcheat .wznrys hr:before{ top:50%; width:8px; height:8px; margin-top:-4px; margin-left:-4px; border:1px solid var(--tc-cyan); background:var(--tc-bg); box-shadow:0 0 10px rgb(var(--tc-cyan-rgb) / .6); } /* 行内代码 */ body.site-topcheat .wznrys :not(pre)>code, body.site-topcheat .comment-content :not(pre)>code{ padding:.12em .42em; border:1px solid rgb(var(--tc-purple-rgb) / .3); border-radius:.4rem; background:rgb(var(--tc-purple-rgb) / .12); color:var(--tc-purple-soft); font-family:var(--tc-font-mono); font-size:.86em; } /* 代码块：窗口栏的三个点换成品牌色 */ body.site-topcheat .wznrys pre, body.site-topcheat .comment-content pre{ margin:1.5em 0 1.8em; padding-top:2.5rem; background:var(--tc-bg); border:1px solid var(--tc-line); border-radius:var(--tc-radius-sm); box-shadow:0 24px 50px -30px rgba(0,0,0,.9); } body.site-topcheat .wznrys pre:before, body.site-topcheat .comment-content pre:before{ height:2.5rem; background:rgb(var(--tc-surface-rgb) / .9); border-bottom:1px solid rgb(var(--tc-line-rgb) / .8); } body.site-topcheat .wznrys pre:after, body.site-topcheat .comment-content pre:after{ top:calc(1.25rem - 5px); left:1rem; width:10px; height:10px; background:var(--tc-magenta); box-shadow:16px 0 0 var(--tc-yellow),32px 0 0 var(--tc-green); opacity:.85; } body.site-topcheat .wznrys pre code, body.site-topcheat .comment-content pre code{ padding:1rem 1.15rem 1.15rem; background:none; color:#dcdcea; color:color-mix(in oklab,var(--tc-ink) 88%,var(--tc-muted)); font-family:var(--tc-font-mono); font-size:.85rem; line-height:1.75; /* style.css 让代码自动折行（pre-wrap + anywhere），窄屏上 JSON / 命令会断在结构中间、缩进错乱；保持原样排版，放不下时横向滚动 */ white-space:pre; overflow-wrap:normal; word-break:normal; overflow-x:auto; } body.site-topcheat .wznrys pre code[data-lang]:before, body.site-topcheat .comment-content pre code[data-lang]:before{ top:.75rem; color:var(--tc-dim); font-family:var(--tc-font-display); font-size:.7rem; font-weight:600; letter-spacing:.14em; } body.site-topcheat .wznrys pre .once-copy-btn, body.site-topcheat .comment-content pre .once-copy-btn{ top:.45rem; right:.6rem; padding:.35rem .65rem; border:1px solid var(--tc-line); border-radius:.5rem; background:rgba(255,255,255,.04); color:var(--tc-muted); font-family:var(--tc-font-display); font-size:.72rem; font-weight:600; transition:border-color .2s,color .2s,background-color .2s; } body.site-topcheat .wznrys pre .once-copy-btn:hover, body.site-topcheat .comment-content pre .once-copy-btn:hover{ border-color:rgb(var(--tc-cyan-rgb) / .5); background:rgb(var(--tc-cyan-rgb) / .1); color:var(--tc-cyan); } body.site-topcheat .wznrys pre code table tr td.hljs-ln-numbers .hljs-ln-n, body.site-topcheat .comment-content pre code table tr td.hljs-ln-numbers .hljs-ln-n{color:var(--tc-dim);} body.site-topcheat .wznrys pre code table tr td.hljs-ln-code, body.site-topcheat .comment-content pre code table tr td.hljs-ln-code{border-left:1px solid rgb(var(--tc-line-rgb) / .8);} /* 表格（main.js 会给正文表格加 Bootstrap 的 .table） */ body.site-topcheat .wznrys table:not(pre table){ width:100%; margin:1.5em 0; border:1px solid var(--tc-line); border-collapse:separate; border-spacing:0; border-radius:var(--tc-radius-sm); overflow:hidden; background:rgb(var(--tc-bg-rgb) / .6); color:var(--tc-ink); font-size:.92rem; } body.site-topcheat .wznrys table.table{ /* 压过 style.css 的 `.dark .wznrys table.table{color:#c9d1d9}` */ color:var(--tc-ink); --bs-table-bg:transparent; --bs-table-color:var(--tc-ink); --bs-table-border-color:rgb(var(--tc-line-rgb) / .7); --bs-table-accent-bg:transparent; --bs-table-striped-bg:rgba(255,255,255,.025); --bs-table-hover-bg:rgb(var(--tc-cyan-rgb) / .05); --bs-table-hover-color:var(--tc-ink); } body.site-topcheat .wznrys table:not(pre table) :is(th,td), body.site-topcheat .wznrys table.table > :not(caption) > * > *{ padding:.7rem 1rem; border:0; border-bottom:1px solid rgb(var(--tc-line-rgb) / .7); background-color:transparent; color:inherit; text-align:left; vertical-align:top; line-height:1.6; } body.site-topcheat .wznrys table:not(pre table) tr:last-child > :is(th,td){border-bottom:0;} body.site-topcheat .wznrys table:not(pre table) thead th, body.site-topcheat .wznrys table.table thead th{ border-bottom:1px solid var(--tc-line); background:var(--tc-surface-2); color:var(--tc-ink); font-family:var(--tc-font-display); font-size:.85rem; font-weight:600; letter-spacing:.02em; } body.site-topcheat .wznrys table:not(pre table) tbody tr:nth-child(odd){background:none;} body.site-topcheat .wznrys table:not(pre table) tbody tr:nth-child(even){background:rgba(255,255,255,.025);} body.site-topcheat .wznrys table:not(pre table) tbody tr:hover{background:rgb(var(--tc-cyan-rgb) / .05);} body.site-topcheat .wznrys .wp-block-search .wp-block-search__inside-wrapper{background:var(--tc-surface-2);border-radius:var(--tc-radius-sm);} body.site-topcheat .wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{background:var(--tc-bg);color:var(--tc-ink);} body.site-topcheat .wznrys .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{background:var(--tc-magenta);color:var(--tc-bg-deep);} /* 作者 / 标签 / 互动 */ body.site-topcheat .post_author{ flex-wrap:wrap; gap:1rem; margin:1rem 0; padding:1rem 1.25rem; background:var(--tc-panel-bg); border:1px solid var(--tc-line); border-radius:var(--tc-radius); } body.site-topcheat .post_author_l{gap:.65rem;color:var(--tc-ink);font-family:var(--tc-font-display);font-weight:600;} body.site-topcheat .post_author_l img{width:32px;height:32px;margin:0;box-shadow:0 0 0 2px var(--tc-line);} body.site-topcheat .post_author_r{flex-wrap:wrap;gap:.75rem;} body.site-topcheat .post_author_r .post_author_tag{display:flex;flex-wrap:wrap;gap:.4rem;} body.site-topcheat .post_author_r .post_author_tag em{ display:inline-flex; align-items:center; gap:.2rem; margin:0; padding:.3rem .65rem; border:1px solid var(--tc-line); border-radius:var(--tc-radius-chip); background:rgba(255,255,255,.03); color:var(--tc-muted); font-family:var(--tc-font-display); font-size:.72rem; font-weight:600; letter-spacing:.04em; line-height:1.2; transition:border-color .2s,background-color .2s,color .2s; } body.site-topcheat .post_author_r .post_author_tag em a{display:inline-flex;align-items:center;gap:.15rem;color:inherit;} body.site-topcheat .post_author_r .post_author_tag em i{margin:0;color:var(--tc-dim);} /* 最后一个 em 是分类（带 bi-list 图标），用青色 chip */ body.site-topcheat .post_author_r .post_author_tag em:last-child{ border-color:rgb(var(--tc-cyan-rgb) / .32); background:rgb(var(--tc-cyan-rgb) / .1); color:var(--tc-cyan); } body.site-topcheat .post_author_r .post_author_tag em:last-child i{color:var(--tc-cyan);} body.site-topcheat .post_author_r .post_author_tag em:hover, body.site-topcheat .post_author_r .post_author_tag em:hover a{ border-color:rgb(var(--tc-cyan-rgb) / .5); background:rgb(var(--tc-cyan-rgb) / .12); color:var(--tc-cyan); } body.site-topcheat .post_author_icon{display:flex;gap:.5rem;margin:0;} body.site-topcheat .post_author_icon a{ display:inline-flex; align-items:center; gap:.4rem; min-height:2.25rem; margin:0; padding:.35rem .8rem; border:1px solid var(--tc-line); border-radius:.65rem; background:rgba(255,255,255,.04); color:var(--tc-ink); font-family:var(--tc-font-display); font-size:.8rem; font-weight:600; font-variant-numeric:tabular-nums; transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s; } body.site-topcheat .post_author_icon a i{margin:0;color:var(--tc-cyan);} body.site-topcheat .post_author_icon a:hover{border-color:var(--tc-cyan);background:rgba(255,255,255,.04);color:var(--tc-cyan);} body.site-topcheat .post_author_icon a.specsZan{ border-color:rgb(var(--tc-magenta-rgb) / .4); background:rgb(var(--tc-magenta-rgb) / .12); color:var(--tc-magenta-soft); } body.site-topcheat .post_author_icon a.specsZan i{color:var(--tc-magenta);} body.site-topcheat .post_author_icon a.specsZan small{font-size:inherit;} body.site-topcheat .post_author_icon a.specsZan:hover{background:rgb(var(--tc-magenta-rgb) / .22);border-color:var(--tc-magenta);color:var(--tc-magenta-soft);} body.site-topcheat .post_author_icon a.specsZan.done{ border-color:var(--tc-magenta); background:var(--tc-magenta); color:var(--tc-bg-deep); box-shadow:0 8px 24px -10px rgb(var(--tc-magenta-rgb) / .8); } body.site-topcheat .post_author_icon a.specsZan.done i{color:var(--tc-bg-deep);} body.site-topcheat .post_author_icon a.specsZan.loading{opacity:.6;cursor:progress;} /* 上一篇 / 下一篇 */ body.site-topcheat .next_prev_posts{display:flex;gap:1rem;width:100%;margin:0 0 1rem;} body.site-topcheat .next_prev_posts .prev_next_box{position:relative;flex:1 1 0;min-width:0;width:auto;float:none;} body.site-topcheat .next_prev_posts .prev_next_box:not(:has(a)){display:none;} body.site-topcheat .next_prev_posts .prev_next_box a{ position:relative; display:block; height:100%; min-height:6.5rem; padding:1.25rem 1.4rem; overflow:hidden; isolation:isolate; border:1px solid var(--tc-line); border-radius:var(--tc-radius); background-color:var(--tc-surface); color:var(--tc-ink); transition:transform .35s var(--tc-ease-out-expo),border-color .25s,box-shadow .35s var(--tc-ease-out-expo); } /* 没有封面的文章回退到 nopic.svg（浅灰底 + “暂无图片”字样）：直接用深色卡片底，不显示占位图 */ body.site-topcheat .next_prev_posts .prev_next_box a[style*="nopic.svg"]{background-image:none !important;background-color:var(--tc-surface);} body.site-topcheat .next_prev_posts .prev_next_box a:after{ z-index:0; background:linear-gradient(90deg,rgb(var(--tc-bg-deep-rgb) / .94),rgb(var(--tc-bg-deep-rgb) / .62)); } body.site-topcheat .next_prev_posts .prev_next_box.nav_next a:after{ background:linear-gradient(270deg,rgb(var(--tc-bg-deep-rgb) / .94),rgb(var(--tc-bg-deep-rgb) / .62)); } @media (hover:hover){ body.site-topcheat .next_prev_posts .prev_next_box a:hover{ transform:translateY(-3px); border-color:rgb(var(--tc-cyan-rgb) / .45); border-color:color-mix(in oklab,var(--tc-cyan) 45%,var(--tc-line)); box-shadow:0 30px 60px -32px rgba(0,0,0,.8); } } body.site-topcheat .next_prev_posts .prev_next_box .prev_next_info small{ display:inline-flex; align-items:center; gap:.45rem; color:var(--tc-cyan); font-family:var(--tc-font-display); font-size:.72rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; } body.site-topcheat:lang(zh) .next_prev_posts .prev_next_box .prev_next_info small{letter-spacing:.04em;font-size:.78rem;} body.site-topcheat .next_prev_posts .prev_next_box.nav_previous .prev_next_info small::before{content:"\F12F";font-family:"bootstrap-icons";font-size:.85rem;letter-spacing:0;} body.site-topcheat .next_prev_posts .prev_next_box.nav_next .prev_next_info small::after{content:"\F138";font-family:"bootstrap-icons";font-size:.85rem;letter-spacing:0;} body.site-topcheat .next_prev_posts .prev_next_box .prev_next_info p{ margin-top:.55rem; color:var(--tc-ink); font-family:var(--tc-font-display); font-size:1rem; font-weight:600; line-height:1.4; -webkit-line-clamp:2; } /* 相关文章 */ body.site-topcheat .post_related{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:1.5rem; margin-bottom:1rem; padding:1.3rem 1.5rem .6rem; background:var(--tc-panel-bg); border:1px solid var(--tc-line); border-radius:var(--tc-radius); } body.site-topcheat .post_related > .widget-title{grid-column:1 / -1;} body.site-topcheat .post_related .widget-title:after{left:-1.5rem;right:-1.5rem;} body.site-topcheat .post_related_list a{ display:flex; align-items:baseline; gap:.65rem; margin-bottom:.8rem; padding:0; color:var(--tc-muted); font-size:.92rem; line-height:1.5; transition:color .2s; } body.site-topcheat .post_related_list a:before{ position:static; flex:none; width:6px; height:6px; border-radius:1px; background-color:var(--tc-magenta); box-shadow:0 0 8px rgb(var(--tc-magenta-rgb) / .6); transform:rotate(45deg) translateY(-2px); } body.site-topcheat .post_related_list a:hover{color:var(--tc-cyan);} /* ---------- 10. 评论 ---------- */ body.site-topcheat .post_comment{overflow:visible;border-radius:var(--tc-radius);} body.site-topcheat #comments{ margin-bottom:1rem; padding:1.5rem 1.6rem; background:var(--tc-panel-bg); border:1px solid var(--tc-line); border-radius:var(--tc-radius); color:var(--tc-ink); } body.site-topcheat #comments .comments-title{ display:flex; align-items:center; gap:.15rem; margin-bottom:1.25rem; padding-bottom:1rem; border-bottom:1px solid rgb(var(--tc-line-rgb) / .6); color:var(--tc-ink); font-size:1.1rem; font-weight:700; } body.site-topcheat #comments .comments-title i{color:var(--tc-cyan);} body.site-topcheat #comments .comments-title small{margin-left:.35rem;color:var(--tc-dim);font-family:var(--tc-font-display);font-size:.85rem;font-weight:500;} body.site-topcheat #comments .no-comments{ flex-direction:column; gap:.6rem; margin:.25rem 0 1.25rem; padding:1.25rem 0; color:var(--tc-dim); font-size:.95rem; } body.site-topcheat #comments .no-comments svg{color:rgb(var(--tc-cyan-rgb) / .55);filter:drop-shadow(0 0 18px rgb(var(--tc-cyan-rgb) / .35));} body.site-topcheat #comments .comment-list{margin-bottom:1.5rem;} body.site-topcheat #comments .comment-list li .comment-body{margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid rgb(var(--tc-line-rgb) / .5);} body.site-topcheat #comments .comment-list li .comment-body .comment-meta .comment-author img{box-shadow:0 0 0 2px var(--tc-line);} body.site-topcheat #comments .comment-list li .comment-body .comment-meta .comment-author .fn{ top:1px; color:var(--tc-ink); font-family:var(--tc-font-display); font-size:.9rem; font-weight:600; text-transform:none; } body.site-topcheat #comments .comment-list li .comment-body .comment-meta .comment-author .fn a{color:var(--tc-ink);} /* 等级徽标（「初识」「博主」…）：comments.php 把 functions.php 里的颜色写在行内（#999 / #ef6762），换成调色板里的 dim；博主的留言用 magenta-soft */ body.site-topcheat #comments .comment-author .fn > span[style]{color:var(--tc-dim) !important;} body.site-topcheat #comments li.comment-by-author > .comment-body .comment-author .fn > span[style]{color:var(--tc-magenta-soft) !important;} body.site-topcheat #comments .comment-list li .comment-body .comment-meta .comment-author .fn a:hover{color:var(--tc-cyan);} body.site-topcheat #comments .comment-list li .comment-body .comment-meta .comment-metadata, body.site-topcheat #comments .comment-list li .comment-body .comment-meta .comment-metadata a{color:var(--tc-dim);font-size:.75rem;font-weight:400;font-variant-numeric:tabular-nums;} body.site-topcheat #comments .comment-list li .comment-body .comment-meta .comment-awaiting-moderation{color:var(--tc-yellow);} body.site-topcheat #comments .comment-list li .comment-body .comment-content{color:#e3e4f0;color:color-mix(in oklab,var(--tc-ink) 86%,var(--tc-muted));} body.site-topcheat #comments .comment-list li .comment-body .comment-content p{line-height:1.75;} body.site-topcheat #comments .comment-list li .comment-body .comment-content a{color:var(--tc-cyan);} body.site-topcheat #comments .comment-list li .comment-body .reply{top:4px;} body.site-topcheat #comments .comment-list li .comment-body .reply button.comment-reply-link{ padding:.28rem .65rem; border:1px solid rgb(var(--tc-cyan-rgb) / .3); border-radius:var(--tc-radius-chip); background:rgb(var(--tc-cyan-rgb) / .08); color:var(--tc-cyan); font-family:var(--tc-font-display); font-size:.72rem; font-weight:600; transition:background-color .2s,color .2s; } body.site-topcheat #comments .comment-list li .comment-body .reply button.comment-reply-link:hover{background:rgb(var(--tc-cyan-rgb) / .18);color:var(--tc-ink);} body.site-topcheat #comments .comment-list li ol.children{margin-left:56px;padding-left:1rem;border-left:1px solid rgb(var(--tc-line-rgb) / .6);} body.site-topcheat #comments .comment-reply-title, body.site-topcheat #comments .layoutSingleColumn .comment-respond .comment-reply-title{ display:flex; align-items:center; gap:.15rem; margin-bottom:1rem; color:var(--tc-ink); font-size:1.05rem; font-weight:700; } body.site-topcheat #comments .comment-reply-title i{color:var(--tc-cyan);} body.site-topcheat #comments .comment-reply-title small a{color:var(--tc-dim);font-weight:500;} body.site-topcheat #comments .comment-reply-title small a:hover{color:var(--tc-magenta-soft);} body.site-topcheat #comments form.comment-form p{margin-bottom:.75rem;} body.site-topcheat #comments form.comment-form p input, body.site-topcheat #comments form.comment-form .comment-form-comment textarea{ border:1px solid var(--tc-line); border-radius:.65rem; background:rgb(var(--tc-bg-rgb) / .7); color:var(--tc-ink); font-family:var(--tc-font-sans); font-size:.9rem; font-weight:400; transition:border-color .2s,box-shadow .2s; } body.site-topcheat #comments form.comment-form p input{height:2.75rem;padding:.5rem .8rem .5rem 2.25rem;} body.site-topcheat #comments form.comment-form .comment-form-comment textarea{min-height:8.5rem;padding:.85rem 1rem;line-height:1.7;resize:vertical;} body.site-topcheat #comments form.comment-form p input::placeholder, body.site-topcheat #comments form.comment-form .comment-form-comment textarea::placeholder{color:var(--tc-dim);} body.site-topcheat #comments form.comment-form p input:focus, body.site-topcheat #comments form.comment-form .comment-form-comment textarea:focus{ border-color:var(--tc-cyan); box-shadow:0 0 0 3px rgb(var(--tc-cyan-rgb) / .18); outline:0; } body.site-topcheat #comments form.comment-form .comment-form-author:before, body.site-topcheat #comments form.comment-form .comment-form-email:before, body.site-topcheat #comments form.comment-form .comment-form-url:before{ top:.72rem; left:.85rem; z-index:1; color:var(--tc-dim); font-size:.9rem; line-height:1.4; transition:color .2s; } body.site-topcheat #comments form.comment-form p:focus-within:before{color:var(--tc-cyan);} body.site-topcheat #comments form.comment-form .form-submit{display:flex;justify-content:flex-end;margin:0;} body.site-topcheat #comments form.comment-form .form-submit .submit{ float:none; display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:9rem; min-height:2.9rem; padding:.7rem 1.35rem; border:0; border-radius:var(--tc-radius-btn); background:var(--tc-magenta); color:var(--tc-bg-deep); font-family:var(--tc-font-display); font-size:.95rem; font-weight:600; box-shadow:0 10px 30px -10px rgb(var(--tc-magenta-rgb) / .7),inset 0 1px 0 rgba(255,255,255,.28); transition:transform .25s var(--tc-ease-out-quart),box-shadow .25s var(--tc-ease-out-quart),background-color .2s; } @media (hover:hover){ body.site-topcheat #comments form.comment-form .form-submit .submit:hover{ background:var(--tc-magenta-soft); color:var(--tc-bg-deep); transform:translateY(-2px); box-shadow:0 16px 44px -10px rgb(var(--tc-magenta-rgb) / .85),inset 0 1px 0 rgba(255,255,255,.34); } } body.site-topcheat #comments form.comment-form .form-submit .submit:disabled{opacity:.6;cursor:progress;transform:none;} body.site-topcheat #comments form.comment-form > p:not([class]) {color:var(--tc-muted);} body.site-topcheat #comments form.comment-form > p:not([class]) a{color:var(--tc-cyan);} body.site-topcheat #comments .comment-respond .must-log-in{color:var(--tc-muted);} body.site-topcheat #comments .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;} body.site-topcheat #comments .nav-links a, body.site-topcheat #comments .nav-links .page-numbers{ display:inline-grid; place-items:center; min-width:2.2rem; height:2.2rem; padding:0 .6rem; border:1px solid var(--tc-line); border-radius:.6rem; color:var(--tc-muted); font-family:var(--tc-font-display); font-size:.82rem; font-weight:600; } body.site-topcheat #comments .nav-links a:hover{border-color:var(--tc-cyan);color:var(--tc-cyan);} body.site-topcheat #comments .nav-links .current{border-color:var(--tc-magenta);background:var(--tc-magenta);color:var(--tc-bg-deep);font-size:.82rem;text-decoration:none;} body.site-topcheat .butterBar-message{ background:rgb(var(--tc-bg-rgb) / .96); border-bottom:1px solid var(--tc-cyan); color:var(--tc-ink); font-family:var(--tc-font-display); font-size:.85rem; } /* ---------- 11. 归档 / 全部标签 / 友链页 ---------- */ body.site-topcheat .widget_recent_entries ul{margin-left:.35rem;} body.site-topcheat .widget_recent_entries ul li, body.site-topcheat .widget_recent_entries ul li:last-child{ padding:0 0 1.35rem 1.5rem; margin:0; border-left:1px solid var(--tc-line); } body.site-topcheat .widget_recent_entries ul:last-child li{padding-bottom:.25rem;} body.site-topcheat .widget_recent_entries ul li:before{content:none;} body.site-topcheat .widget_recent_entries ul li:after{ left:-5px; top:.4rem; width:9px; height:9px; border:2px solid var(--tc-magenta); background-color:var(--tc-bg-deep); box-shadow:0 0 10px rgb(var(--tc-magenta-rgb) / .6); transition:background-color .3s; } body.site-topcheat .widget_recent_entries ul li:hover:after{background-color:var(--tc-magenta);} body.site-topcheat .widget_recent_entries ul li p{ margin:0 0 .2rem; padding:0; color:var(--tc-dim); font-family:var(--tc-font-display); font-size:.78rem; font-weight:600; letter-spacing:.04em; line-height:1.4; font-variant-numeric:tabular-nums; } body.site-topcheat .widget_recent_entries ul li p:empty{display:none;} body.site-topcheat .widget_recent_entries ul li a, body.site-topcheat .widget_recent_entries .archive-title a{ display:block; margin:0; padding:0; border:0; color:var(--tc-ink); font-size:.98rem; font-weight:500; line-height:1.5; transition:color .2s; } body.site-topcheat .widget_recent_entries ul li a:hover{color:var(--tc-cyan);} body.site-topcheat .widget_recent_entries ul li span{color:var(--tc-dim);} body.site-topcheat .links-page-grid{gap:.75rem;} body.site-topcheat .links-page-item{ height:100%; padding:1rem 1.1rem; background:var(--tc-panel-bg); border:1px solid var(--tc-line); border-radius:var(--tc-radius-sm); transition:transform .35s var(--tc-ease-out-expo),border-color .25s; } body.site-topcheat .wznrys .links-page-item{margin:0;border-bottom:1px solid var(--tc-line);} @media (hover:hover){ body.site-topcheat .links-page-item:hover, body.site-topcheat .wznrys .links-page-item:hover{ transform:translateY(-3px); border-color:rgb(var(--tc-cyan-rgb) / .45); border-color:color-mix(in oklab,var(--tc-cyan) 45%,var(--tc-line)); } } body.site-topcheat .links-page-name{color:var(--tc-ink);font-family:var(--tc-font-display);font-size:.95rem;font-weight:600;} body.site-topcheat .links-page-desc{margin-top:.2rem;color:var(--tc-dim);font-size:.78rem;} /* ---------- 12. 友情链接条 / 默认页脚 / 返回顶部 ---------- */ body.site-topcheat .links{ padding:1.1rem 0; background:rgb(var(--tc-bg-rgb) / .7); border-top:1px solid rgb(var(--tc-line-rgb) / .6); font-size:.82rem; } body.site-topcheat .links .container{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.1rem;} body.site-topcheat .links span{ color:var(--tc-cyan); font-family:var(--tc-font-display); font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; } body.site-topcheat:lang(zh) .links span{letter-spacing:.04em;font-size:.78rem;} body.site-topcheat .links a{margin:0;color:var(--tc-muted);font-weight:400;transition:color .2s;} body.site-topcheat .links a:hover{color:var(--tc-ink);} body.site-topcheat .footer{position:relative;} body.site-topcheat .footbox{ position:relative; padding:1.75rem 0; background:linear-gradient(180deg,var(--tc-bg),var(--tc-bg-deep)); border-top:0; font-size:.82rem; } body.site-topcheat .footbox::before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; opacity:.7; background:var(--tc-glow-line); } body.site-topcheat .foot{align-items:center;flex-wrap:wrap;gap:1rem;} body.site-topcheat .foot .copyright p{color:var(--tc-dim);font-weight:400;} body.site-topcheat .foot .copyright p a, body.site-topcheat .foot a{color:var(--tc-muted);} body.site-topcheat .foot .copyright p a:hover, body.site-topcheat .foot a:hover{color:var(--tc-ink);} body.site-topcheat .foot .foot_nav{align-items:center;gap:1.25rem;} body.site-topcheat .foot .foot_nav .dbdh ul li{margin-right:1.25rem;} body.site-topcheat .foot .foot_nav .dbdh ul li:last-child{margin-right:0;} body.site-topcheat .foot .foot_nav .dbdh ul li a{color:var(--tc-muted);font-weight:400;transition:color .2s;} body.site-topcheat .foot .foot_nav .dbdh ul li a:hover{color:var(--tc-ink);font-weight:400;} body.site-topcheat .foot .foot_nav .beian{color:var(--tc-dim);} body.site-topcheat .foot .foot_nav .beian i{color:var(--tc-cyan);} body.site-topcheat .scrollToTopBtn{ right:1.25rem; bottom:1.25rem; display:grid; place-items:center; width:2.9rem; height:2.9rem; border:1px solid var(--tc-line); border-radius:var(--tc-radius-btn); background:rgb(var(--tc-bg-rgb) / .8); color:var(--tc-cyan); font-size:1rem; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); box-shadow:0 16px 40px -18px rgba(0,0,0,.9); transition:opacity .4s,transform .5s var(--tc-ease-out-expo),border-color .2s,background-color .2s,color .2s,box-shadow .2s; } body.site-topcheat .scrollToTopBtn:hover{ border-color:var(--tc-magenta); background:var(--tc-magenta); color:var(--tc-bg-deep); box-shadow:0 12px 32px -10px rgb(var(--tc-magenta-rgb) / .8); } /* ---------- 13. 404 ---------- */ /* 404.php 用内联