/* 已通过中文页面审核的液态玻璃层，中文来源与多语言页面共用。 */
body.public-redesign.public-liquid {
    --liquid-surface: rgba(23, 35, 59, .72);
    --liquid-surface-solid: #17233b;
    --liquid-reading: rgba(20, 30, 50, .94);
    --liquid-edge: rgba(181, 207, 255, .23);
    --liquid-edge-bright: rgba(215, 231, 255, .39);
    --liquid-sheen: rgba(213, 230, 255, .095);
    --liquid-glow: rgba(143, 192, 255, .15);
    --liquid-control: rgba(155, 190, 245, .085);
    --liquid-shadow: 0 14px 38px rgba(0, 5, 22, .22), inset 0 1px 0 rgba(229, 241, 255, .12), inset 0 -1px 0 rgba(104, 146, 217, .06);
    --liquid-hover-shadow: 0 24px 48px rgba(0, 7, 30, .34), 0 5px 18px rgba(68, 91, 172, .12), inset 0 1px 0 rgba(235, 246, 255, .26);
    --muted: #b6c3da;
    --line: rgba(174, 198, 240, .2);
    --liquid-duration: 240ms;
    background: #0b1020;
}

:root[data-theme="light"] body.public-redesign.public-liquid {
    --liquid-surface: rgba(255, 255, 255, .74);
    --liquid-surface-solid: #fff;
    --liquid-reading: rgba(255, 255, 255, .95);
    --liquid-edge: rgba(130, 146, 199, .24);
    --liquid-edge-bright: rgba(116, 133, 196, .43);
    --liquid-sheen: rgba(255, 255, 255, .94);
    --liquid-glow: rgba(143, 161, 247, .15);
    --liquid-control: rgba(105, 127, 203, .075);
    --liquid-shadow: 0 12px 34px rgba(60, 75, 137, .075), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(177, 192, 229, .11);
    --liquid-hover-shadow: 0 23px 43px rgba(63, 83, 160, .16), 0 4px 16px rgba(95, 124, 215, .075), inset 0 1px 0 #fff;
    --muted: #52617a;
    --line: rgba(94, 116, 175, .19);
    background: #f7f8fe;
}

/* 局部光晕透过面板，保持页面底色干净，不添加全屏灰黑遮罩。 */
body.public-liquid .site-atmosphere { background: none; }
body.public-liquid .site-atmosphere i:nth-child(1) { width: 1080px; height: 960px; left: -480px; top: -470px; opacity: .29; }
body.public-liquid .site-atmosphere i:nth-child(2) { width: 1000px; height: 1000px; right: -410px; top: 160px; opacity: .23; }
body.public-liquid .site-atmosphere i:nth-child(3) { width: 1150px; height: 850px; left: 15%; top: 62vh; opacity: .17; }
:root[data-theme="light"] body.public-liquid .site-atmosphere i:nth-child(1) { opacity: .16; }
:root[data-theme="light"] body.public-liquid .site-atmosphere i:nth-child(2) { opacity: .105; }
:root[data-theme="light"] body.public-liquid .site-atmosphere i:nth-child(3) { opacity: .09; }

body.public-redesign.public-liquid :is(.glass, .article-header) {
    background: linear-gradient(135deg, var(--liquid-sheen), transparent 39%, transparent 73%, rgba(102, 169, 230, .045)), var(--liquid-surface);
    border: 1px solid var(--liquid-edge);
    border-top-color: var(--liquid-edge-bright);
    box-shadow: var(--liquid-shadow);
    backdrop-filter: blur(24px) saturate(145%);
    -webkit-backdrop-filter: blur(24px) saturate(145%);
}

/* 导航、搜索与首屏使用较宽的反光带；文字和操作入口始终处于正常文档流中。 */
body.public-redesign.public-liquid .nav-shell {
    background: linear-gradient(108deg, var(--liquid-sheen), transparent 26%, transparent 68%, rgba(127, 184, 232, .075)), var(--liquid-surface);
    box-shadow: 0 12px 32px rgba(8, 16, 43, .1), inset 0 1px 0 var(--liquid-edge-bright);
}
body.public-redesign.public-liquid .hero-search {
    transition: border-color var(--liquid-duration) ease, box-shadow var(--liquid-duration) ease;
}
body.public-redesign.public-liquid .hero-search:focus-within {
    border-color: var(--link);
    box-shadow: var(--liquid-shadow), 0 0 0 4px var(--liquid-control);
}
body.public-redesign.public-liquid :is(.detail-title, .article-header) {
    background: radial-gradient(ellipse at 92% 0, rgba(123, 146, 226, .13), transparent 46%), linear-gradient(122deg, var(--liquid-sheen), transparent 41%), var(--liquid-surface);
}
body.public-redesign.public-liquid .detail-title::after { opacity: .11; }
body.public-redesign.public-liquid .article-header { padding: clamp(25px, 3.5vw, 42px); border-radius: 28px; }
body.public-redesign.public-liquid .article-header .kicker { justify-content: inherit; }
body.public-redesign.public-liquid .article-header h1 { margin-top: 14px; }
body.public-redesign.public-liquid .article-toc { background: linear-gradient(140deg, var(--liquid-sheen), transparent 52%), var(--liquid-surface); }
body.public-redesign.public-liquid .article-toc a:is(:hover, [aria-current="location"]) { background: var(--liquid-control); }

/* 正文只使用稳定、高遮蔽度的阅读表面；没有鼠标跟随和倾斜。 */
body.public-redesign.public-liquid .article-body {
    background: var(--liquid-reading);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: var(--liquid-shadow);
}
body.public-redesign.public-liquid .direct-answer {
    background: linear-gradient(120deg, var(--liquid-control), transparent 80%);
    box-shadow: inset 0 1px 0 var(--liquid-sheen);
}
body.public-redesign.public-liquid .faq summary { border-radius: 8px; }
body.public-redesign.public-liquid .faq summary:hover { color: var(--link); }

/* 卡片反光只改变装饰层；标题、简介、72px 标志和四列网格继承已审核版本。 */
body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card) {
    --liquid-x: 50%;
    --liquid-y: 25%;
    --liquid-rotate-x: 0deg;
    --liquid-rotate-y: 0deg;
    position: relative;
    isolation: isolate;
    transform-origin: center;
    transition: transform var(--liquid-duration) cubic-bezier(.2, .7, .2, 1), border-color var(--liquid-duration) ease, box-shadow var(--liquid-duration) ease;
}
body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card)::before {
    content: "";
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    border-radius: inherit;
    background: linear-gradient(118deg, transparent 18%, var(--liquid-sheen) 19%, transparent 49%);
    opacity: .48;
    pointer-events: none;
    z-index: -1;
}
body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card)::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(270px circle at var(--liquid-x) var(--liquid-y), var(--liquid-glow), transparent 72%);
    box-shadow: inset 0 1px 0 var(--liquid-edge-bright);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--liquid-duration) ease;
}
body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card):is(:focus-within, .liquid-pointer-active) {
    border-color: var(--liquid-edge-bright);
    box-shadow: var(--liquid-hover-shadow);
}
body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card):is(:focus-within, .liquid-pointer-active)::after { opacity: 1; }
body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card):focus-within {
    transform: translateY(-5px);
    outline: 3px solid var(--link);
    outline-offset: 3px;
}
body.public-redesign.public-liquid :is(.tool-logo, .category-icon, .snapshot-logo) {
    transition: transform var(--liquid-duration) ease, box-shadow var(--liquid-duration) ease;
}
body.public-redesign.public-liquid .tool-logo { box-shadow: 0 7px 17px rgba(7, 15, 36, .1), inset 0 1px 0 rgba(255, 255, 255, .7); }
body.public-redesign.public-liquid .news-visual img { transition: transform 360ms cubic-bezier(.2, .7, .2, 1); }
body.public-redesign.public-liquid .price { background: var(--liquid-control); border-color: var(--liquid-edge); }
body.public-redesign.public-liquid .category-icon { box-shadow: inset 0 1px 0 var(--liquid-edge-bright); }
body.public-redesign.public-liquid .snapshot-row {
    transition: background-color var(--liquid-duration) ease, border-color var(--liquid-duration) ease;
}
body.public-redesign.public-liquid .snapshot-row:is(:hover, :focus-visible) { background: var(--liquid-control); }

/* 控件使用相同的反光、聚焦与按压语言；基础背景负责文字对比度。 */
body.public-redesign.public-liquid :is(.button, .hero-search button, .main-nav a, .theme-toggle, .mobile-menu, .chip, .pagination a) {
    transition: transform var(--liquid-duration) ease, background-color var(--liquid-duration) ease, box-shadow var(--liquid-duration) ease, border-color var(--liquid-duration) ease;
}
body.public-redesign.public-liquid :is(.button.ghost, .theme-toggle, .mobile-menu, .language-picker select, .chip:not(.active), .pagination a:not(.active)) {
    background: linear-gradient(125deg, var(--liquid-sheen), transparent 63%), var(--liquid-control);
    border-color: var(--liquid-edge);
    box-shadow: inset 0 1px 0 var(--liquid-sheen);
}
body.public-redesign.public-liquid :is(.button.primary, .hero-search button) {
    background: linear-gradient(125deg, rgba(255, 255, 255, .11), transparent 46%), linear-gradient(135deg, #6840d3, #2454c8);
    box-shadow: 0 8px 21px rgba(79, 79, 206, .24), inset 0 1px 0 rgba(255, 255, 255, .22);
}
body.public-redesign.public-liquid .main-nav a:is(:hover, :focus-visible, [aria-current="page"]) {
    background: linear-gradient(125deg, var(--liquid-sheen), transparent 65%), var(--liquid-control);
    box-shadow: inset 0 1px 0 var(--liquid-edge);
}
body.public-redesign.public-liquid :is(.chip, .pagination a):is(:hover, .active) {
    background: linear-gradient(135deg, #7450df, #285cda);
    color: #fff;
}
body.public-redesign.public-liquid :is(.button, .hero-search button, .theme-toggle, .mobile-menu):is(:hover, :focus-visible) {
    border-color: var(--liquid-edge-bright);
    box-shadow: 0 9px 22px rgba(68, 83, 165, .19), inset 0 1px 0 var(--liquid-edge-bright);
}
body.public-redesign.public-liquid :is(.button, .hero-search button, .main-nav a, .theme-toggle, .mobile-menu, .chip, .pagination a):active { transform: translateY(1px) scale(.975); }
body.public-redesign.public-liquid .site-footer { background: linear-gradient(180deg, transparent, var(--liquid-control)); }

@media (hover: hover) and (pointer: fine) {
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card):hover {
        transform: perspective(1000px) translateY(-5px) rotateX(var(--liquid-rotate-x)) rotateY(var(--liquid-rotate-y));
        border-color: var(--liquid-edge-bright);
        box-shadow: var(--liquid-hover-shadow);
    }
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card):hover::after { opacity: 1; }
    body.public-redesign.public-liquid .tool-card:is(:hover, :focus-within) .tool-logo,
    body.public-redesign.public-liquid .category-card:is(:hover, :focus-within) .category-icon { transform: scale(1.045); }
    body.public-redesign.public-liquid .news-card:is(:hover, :focus-within) .news-visual img { transform: scale(1.035); }
    body.public-redesign.public-liquid .snapshot-row:is(:hover, :focus-visible) .snapshot-logo { transform: scale(1.035); }
}
@media (hover: none), (pointer: coarse) {
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card):hover { transform: none; box-shadow: var(--liquid-shadow); border-color: var(--liquid-edge); }
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card):active { transform: scale(.988); box-shadow: var(--liquid-hover-shadow); border-color: var(--link); }
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card):active::after { opacity: 1; }
}
/* 精简后的页脚只保留品牌和内容导航，小屏幕顺序堆叠。 */
body.public-redesign.public-liquid .footer-grid-compact { grid-template-columns: minmax(0, 1fr) auto; }
body.public-redesign.public-liquid .footer-grid-compact > div:first-child { grid-column: auto; }
@media (max-width: 639px) {
    body.public-redesign.public-liquid .footer-grid-compact { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 959px) {
    body.public-redesign.public-liquid .main-nav { background: var(--liquid-surface-solid); border-color: var(--liquid-edge); box-shadow: var(--liquid-shadow); }
}
@media (max-width: 760px) {
    body.public-redesign.public-liquid .article-header { border-radius: 23px; padding: 25px 23px; }
}
@media (prefers-reduced-motion: reduce) {
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card, .snapshot-logo, .tool-logo, .category-icon, .news-visual img, .button, .hero-search button, .main-nav a, .theme-toggle, .mobile-menu, .chip, .pagination a) { transform: none !important; }
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card)::after { background: linear-gradient(120deg, var(--liquid-glow), transparent 65%); }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.public-redesign.public-liquid :is(.glass, .article-header, .article-toc, .article-body, .nav-shell, .detail-title) { background: var(--liquid-surface-solid); }
}
@media (forced-colors: active) {
    body.public-redesign.public-liquid :is(.glass, .article-header) { background: Canvas; border: 1px solid CanvasText; box-shadow: none; }
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card)::before,
    body.public-redesign.public-liquid :is(.tool-card, .news-card, .category-card)::after { display: none; }
}