@charset "UTF-8";

@media (color-gamut: srgb) and (color-index: 0) and (grid: 0) and (min-color: 8)
{

/*基础样式开始*/

:where(*), ::before, ::after, ::selection, ::spelling-error, ::grammar-error
{
    all: unset;
}

:where(main > dialog, #市民广场对话框 > :nth-child(2), #市民广场言论编辑发表器, #发表作品对话框 > :nth-child(2),
    #城舆对话框 > :nth-child(2), #总务栏, #语文弹条, #捷图组, #墙面令单, #总务栏令单, #捷图令单, #编辑令单)
{
    all: initial;
    pointer-events: inherit;
}

:where(html, main > dialog, #市民广场对话框 > :nth-child(2), #市民广场言论编辑发表器, #发表作品对话框 > :nth-child(2),
    #城舆对话框 > :nth-child(2), #总务栏, #语文弹条, #捷图组, #墙面令单, #总务栏令单, #捷图令单, #编辑令单)
{
    --文字排版模式: vertical-rl;
    caret-color: currentColor; /***待主要浏览器支持caret属性后，改caret-color为caret*/
    color-scheme: light;
    @media (prefers-color-scheme: dark)
    {
        color-scheme: dark;
    }
    cursor: default;
    dynamic-range-limit: standard;
    image-resolution: from-image;
    interpolate-size: allow-keywords;
    text-size-adjust: none;
    text-underline-position: right;
    -webkit-tap-highlight-color: oklch(none none none / 0);
}

:where(*), ::before, ::after
{
    contain: content;
    overflow-anchor: none;
    user-select: none;
    writing-mode: var(--文字排版模式);
}

:where([dir]:dir(ltr), bdi:dir(ltr))
{
    direction: ltr;
}

:where([dir]:dir(rtl), bdi:dir(rtl))
{
    direction: rtl;
}

:where(*)
{
    --轮廓起始外扩标准长度: 2px; /***[对话框/基础~overflow-clip-margin]耦合，[总务栏~overflow-clip-margin~2]耦合*/
    --轮廓起始外扩长度: var(--轮廓起始外扩标准长度);
    --轮廓过渡时间: calc(1ms * (pow(2, 6) + 16));
    --轮廓缓动节奏函数: cubic-bezier(0, 0, calc(pow(2, -6) * 36 + pow(2, -12) * 44), 1);
    outline: 0 dotted;
    outline-offset: var(--轮廓起始外扩长度);
    transition:
        outline-offset var(--轮廓过渡时间) var(--轮廓缓动节奏函数),
        outline-width var(--轮廓过渡时间) var(--轮廓缓动节奏函数)
        var(--附加过渡属性值) var(--特定附加过渡属性值);
}

:where(:focus-visible)
{
    --轮廓焦增外扩长度: 2px; /***[对话框/基础~overflow-clip-margin]耦合，[总务栏~overflow-clip-margin~2]耦合*/
    outline-width: 3px; /***[对话框/基础~overflow-clip-margin]耦合，[总务栏~overflow-clip-margin~2]耦合*/
    outline-offset: calc(var(--轮廓起始外扩长度) + var(--轮廓焦增外扩长度));
}

:where(
    address, blockquote, center, div, figure, figcaption, footer, form, header, hr, legend,
    listing, main, p, plaintext, pre, summary, xmp, article, aside, h1, h2, h3, h4, h5, h6,
    hgroup, nav, section, search, table, caption, colgroup, col, thead, tbody, tfoot, tr, td,
    th, dir, dd, dl, dt, menu, ol, ul, li, bdi, output, [dir])
{
    unicode-bidi: isolate;
}

:where(dialog)
{
    outline: none;
}

:where(button, [role=button])
{
    display: block grid;
    grid: ".";
    touch-action: manipulation;
}

:where(button > span, [role=button] > span)
{
    --作用按钮垂直缩放比: var(--作用按钮行向缩放比);
    --作用按钮水平缩放比: var(--作用按钮块向缩放比);
    --特定附加过渡属性值: , scale calc(1ms * (pow(2, 6) + 42));
    will-change: var(--按钮内封装将变属性基本值) var(--按钮内封装附加将变属性集);

    @container style(--文字排版模式: horizontal-tb)
    {
        --作用按钮垂直缩放比: var(--作用按钮块向缩放比);
        --作用按钮水平缩放比: var(--作用按钮行向缩放比);
    }
}

:where(button:active:not(:disabled) > span, [role=button]:active:not([aria-disabled=true]) > span)
{
    scale: var(--作用按钮水平缩放比) var(--作用按钮垂直缩放比);
}

:where(button:hover:not(:disabled) > span, [role=button]:hover:not([aria-disabled=true]) > span)
{
    will-change: scale var(--按钮内封装将变属性衔接值) var(--按钮内封装附加将变属性集);
}

:where(pre)
{
    white-space: pre;
}

:where(pre[dir=auto])
{
    unicode-bidi: plaintext;
}

:where(pre[contenteditable])
{
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

:where([contenteditable])
{
    cursor: text;
    display: block flow-root;
    text-justify: none;
    touch-action: none;
}

:where([contenteditable][aria-placeholder]:empty)::before
{
    content: attr(aria-placeholder);
    position: absolute;
}

:where([draggable=false])
{
    -webkit-user-drag: none;
}

:where(:popover-open)
{
    pointer-events: auto;
}

:where(head, link, script, source, template, [hidden], dialog:not([open]), [popover]:not(:popover-open))
{
    display: none;
}

@property --附加过渡属性值
{
    initial-value: ;
    inherits: false;
    syntax: "*";
}

@property --特定附加过渡属性值
{
    initial-value: ;
    inherits: false;
    syntax: "*";
}

@property --作用按钮块向缩放比
{
    initial-value: 1;
    inherits: false;
    syntax: "*";
}

@property --作用按钮行向缩放比
{
    initial-value: 1;
    inherits: false;
    syntax: "*";
}

@property --按钮内封装将变属性基本值
{
    initial-value: auto;
    inherits: false;
    syntax: "*";
}

@property --按钮内封装将变属性衔接值
{
    initial-value: ;
    inherits: false;
    syntax: "*";
}

@property --按钮内封装附加将变属性集
{
    initial-value: ;
    inherits: false;
    syntax: "*";
}

/*基础样式结束*/

:where(html)
{
    --亮调字色: oklch(0 0 none);
    --亮调底色: oklch(1 0 none);
    --暗调字色: oklch(1 0 none);
    --暗调底色: oklch(0 0 none);
    --亮调墙纸: url(/image/wallpaper);
    --暗调墙纸: url(/image/wallpaper/color-scheme/dark);
    --普通字号: 18px;
    --普通行号比: 1.5;
    --标清普通字族: sans-serif;
    --高清普通字族: serif;
    --显毛玻璃窗口底色: oklch(1 0 none / calc(pow(2, -6) * 40 + pow(2, -12) * 10));
    --显毛玻璃窗口底滤器: blur(11px);
    --逊毛玻璃窗口底色: oklch(1 0 none / calc(pow(2, -6) * 52 + pow(2, -12) * 10));
    --逊毛玻璃窗口底滤器: blur(3px);
    --窗口边缘柔阴影色: oklch(calc(pow(2, -6) * 16 + pow(2, -12) * 8) 0 none / calc(pow(2, -6) * 7 + pow(2, -12) * 34));
    --窗口边缘锐阴影色: oklch(calc(pow(2, -6) * 24 + pow(2, -12) * 48) 0 none / calc(pow(2, -6) * 15 + pow(2, -12) * 4));
    --令单字色: oklch(calc(pow(2, -6) * 18 + pow(2, -12) * 51) 0 none);
    --令单底色调: calc(1turn * (pow(2, -6) * 37 + pow(2, -12) * 21));
    --令单底色: oklch(calc(pow(2, -6) * 62 + pow(2, -12) * 46) calc(pow(2, -12) * 59) var(--令单底色调) / calc(pow(2, -6) * 46 + pow(2, -12) * 46));
    --令项悬浮底色: oklch(1 0 var(--令单底色调) / calc(pow(2, -6) * 35 + pow(2, -12) * 13));
    --令单底滤器: blur(8px);
    --令单分割条色: oklch(calc(pow(2, -6) * 51 + pow(2, -12) * 13) calc(pow(2, -12) * 30) var(--令单底色调) / calc(pow(2, -6) * 22 + pow(2, -12) * 26));
    --亮反分色区块明度: calc(pow(2, -6) * 41 + pow(2, -12) * 18);
    --亮反分色区块微降明度: calc(pow(2, -6) * 35 + pow(2, -12) * 33);
    --亮反分色区块彩度: calc(pow(2, -6) * 9 + pow(2, -12) * 38);
    --亮反分色区块字色: oklch(1 0 none / calc(pow(2, -6) * 60 + pow(2, -12) * 51));
    --亮反分色漂白强度: calc(pow(2, -6) * 47 + pow(2, -12) * 58);
    --亮反分色漂白微升强度: calc(pow(2, -6) * 54 + pow(2, -12) * 29);
    --亮反分色衬底区块明度-可搭配白圈: calc(pow(2, -6) * 61 + pow(2, -12) * 28);
    --亮反分色衬底区块彩度-可搭配白圈: calc(pow(2, -6) * 1 + pow(2, -12) * 6);
    --标准亮反分色区块蓝始色调: calc(pow(2, -6) * 44 + pow(2, -12) * 8);
    --P3亮反分色区块蓝始色调: calc(pow(2, -6) * 41 + pow(2, -12) * 23);
    --标准亮反分色区块橙结色调: calc(pow(2, -6) * 8 + pow(2, -12) * 37);
    --P3亮反分色区块橙结色调: calc(pow(2, -6) * 10 + pow(2, -12) * 30);
    --标准亮反分色区块绿始色调: calc(pow(2, -6) * 23 + pow(2, -12) * 12);
    --P3亮反分色区块绿始色调: calc(pow(2, -6) * 20 + pow(2, -12) * 60);
    --标准亮反分色区块绿结色调: calc(pow(2, -6) * 26 + pow(2, -12) * 49);
    --P3亮反分色区块绿结色调: calc(pow(2, -6) * 30 + pow(2, -12) * 13);
    --基调底色: light-dark(var(--亮调底色), var(--暗调底色));
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    --墙纸: var(--亮调墙纸);
    @media (prefers-color-scheme: dark)
    {
        --墙纸: var(--暗调墙纸);
    }
    --应用界面最小轴长: calc(1px * (pow(2, 6) * 5)); /***待科考：值的科学性未考。待结合字号等主题信息*/
    --主体最小安全起顶: env(safe-area-inset-top, 0);
    --普通字族: var(--标清普通字族);
    @media (min-resolution: 3dppx) /***待科考：高分辨率定义的范围下限暂取值3dppx。下限值的科学性未考*/
    {
        --普通字族: var(--高清普通字族);
    }
    --亮反分色区块蓝始色调: var(--标准亮反分色区块蓝始色调);
    --亮反分色区块橙结色调: var(--标准亮反分色区块橙结色调);
    --亮反分色区块绿始色调: var(--标准亮反分色区块绿始色调);
    --亮反分色区块绿结色调: var(--标准亮反分色区块绿结色调);
    @media (color-gamut: p3)
    {
        --亮反分色区块蓝始色调: var(--P3亮反分色区块蓝始色调);
        --亮反分色区块橙结色调: var(--P3亮反分色区块橙结色调);
        --亮反分色区块绿始色调: var(--P3亮反分色区块绿始色调);
        --亮反分色区块绿结色调: var(--P3亮反分色区块绿结色调);
    }
    background: var(--墙纸) center / cover no-repeat local var(--基调底色);
    block-size: max(100%, var(--应用界面最小轴长));
    box-sizing: border-box;
    color: var(--基调字色);
    contain: strict;
    display: block grid;
    font: var(--普通字号)/var(--普通行号比) var(--普通字族);
    grid: ".";
    inline-size: max(100%, var(--应用界面最小轴长));

    &:where(.偏好横排), &:where(:not(:lang(cmn-Hans), :lang(cmn-Hant), :lang(ja), :lang(ko), :lang(mn-Mong), :lang(vi-Hant)))
    {
        --文字排版模式: horizontal-tb;
    }

    &:where(:lang(mn-Mong))
    {
        --文字排版模式: vertical-lr;
    }
}

:where(body, main)
{
    block-size: 100%;
    box-sizing: border-box;
    contain: strict;
    display: block grid;
    grid: ".";
    inline-size: 100%;
}

@media (horizontal-viewport-segments: 1)
{
    :where(main)
    {
        anchor-name: --墙面;
    }
}

:where(main)::before
{
    /***目前CSS标准不支持从右索引视口片段，故采“枚举”法。目前横向视口片段鲜有4段以上者，故“枚举”到4为止*/
    @media (horizontal-viewport-segments: 2)
    {
        --主视区横次序: 1;
    }
    @media (horizontal-viewport-segments: 3)
    {
        --主视区横次序: 2;
    }
    @media (horizontal-viewport-segments >= 4) /***目前谷歌浏览器不支持min-horizontal-viewport-segments*/
    {
        --主视区横次序: 3;
    }

    @media (horizontal-viewport-segments >= 2) /***目前谷歌浏览器不支持min-horizontal-viewport-segments*/
    {
        anchor-name: --墙面;
        content: "";
        display: block grid;
        grid: ".";
        height: env(viewport-segment-height var(--主视区横次序) 0);
        inset: 0 0 auto auto;
        positon: fixed;
        width: env(viewport-segment-width var(--主视区横次序) 0);

        @container style(--文字排版模式: horizontal-tb)
        {
            &:where(:dir(ltr))
            {
                --主视区横次序: 0;
                inset: 0 auto auto 0;
            }
        }
        @container style(--文字排版模式: vertical-lr)
        {
            --主视区横次序: 0;
            inset: 0 auto auto 0;
        }
    }
}

/***临时代码。测试用*/
#发表作品对话框
{
    height: 330px;
    inset: 10px 125px auto auto;
    width: 270px;
}

/***临时代码。测试用*/
#市民广场对话框
{
    height: 764px;
    inset: 60px 430px auto auto;
    width: 1093px;
}

/***临时代码。测试用*/
#城舆对话框
{
    height: 460px;
    inset: 364px 125px auto auto;
    width: 270px;
}

/***临时代码。测试用*/
#捷图组 > li:first-child
{
    right: 30px;
    top: 30px;
}

:where(#城舆对话框)
{
    z-index: 0;
}

:where(#发表作品对话框)
{
    z-index: 1;
}

:where(#市民广场对话框)
{
    z-index: 2;
}

@font-face
{
    font-display: block;
    font-family: "彩色表情Noto";
    src: url(/font/noto/category/emoji) format("truetype");
}

@font-face
{
    font-display: block;
    font-family: "六版免费Awesome";
    font-weight: 900;
    src: local("Font Awesome 6 Free"), url(/font/awesome/version/6/weight/900) format("truetype");
}

@scope (main > dialog)
{

&
{
    --文字排版模式: inherit;
    --阴影横移: -3px;
    --阴影横移向量: var(--阴影横移);
    --主体层叠序: 0;
    --按钮组层叠序: calc(var(--主体层叠序) + 1);
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    backdrop-filter: var(--显毛玻璃窗口底滤器);
    background: var(--显毛玻璃窗口底色);
    box-sizing: border-box;
    border-radius: 8px; /***[对话框/基础~overflow-clip-margin]耦合*/
    box-shadow: var(--窗口边缘柔阴影色) var(--阴影横移向量) 3px 20px 3px;
    color: var(--基调字色);
    contain: strict;
    &:where()
    {
        contain: layout size style;
    }
    font-family: inherit;
    font-size: 15px;
    grid: ".";
    line-height: 18px;
    position: absolute;
    touch-action: none;

    @container style(--文字排版模式: horizontal-tb)
    {
        &:where(:dir(ltr))
        {
            --阴影横移向量: calc(0px - var(--阴影横移));
        }
    }
    @container style(--文字排版模式: vertical-lr)
    {
        --阴影横移向量: calc(0px - var(--阴影横移));
    }
}

&:where([open])
{
    display: block grid;
}

&:where(:focus, :hover)
{
    will-change: height, right, top, width;
}

@scope (& > menu:first-child)
{
    &
    {
        --按钮边长: 16px;
        display: block flex;
        inset: 0 0 auto auto;
        position: absolute;
        z-index: var(--按钮组层叠序);

        @container style(--文字排版模式: horizontal-tb)
        {
            flex-direction: row-reverse;
        }

        @container style(--文字排版模式: vertical-lr)
        {
            inset: 0 auto auto 0;
        }
    }

    :where(li)
    {
        aspect-ratio: 1;
        box-sizing: border-box;
        contain: strict;
        display: block grid;
        flex: 0 0 auto;
        grid: ".";
        height: var(--按钮边长);
    }

    :where(button)
    {
        contain: strict;
        overflow: auto;
    }

    :where(span)
    {
        background: center / cover no-repeat border-box;
        contain: strict;
        display: block grid;
        grid: ".";
    }

    :where(& li:nth-child(1) span)
    {
        background-image: url(/image/close/aspect-ratio/1/height/16);
        @media (prefers-color-scheme: dark)
        {
            background-image: url(/image/close/aspect-ratio/1/color-scheme/dark/height/16);
        }
    }

    :where(& li:nth-child(2) span)
    {
        background-image: url(/image/maximization/aspect-ratio/1/height/16);
        @media (prefers-color-scheme: dark)
        {
            background-image: url(/image/maximization/aspect-ratio/1/color-scheme/dark/height/16);
        }
    }

    :where(& li:nth-child(3) span)
    {
        background-image: url(/image/minimization/aspect-ratio/1/height/16);
        @media (prefers-color-scheme: dark)
        {
            background-image: url(/image/minimization/aspect-ratio/1/color-scheme/dark/height/16);
        }
    }

    /***待开发 url(/image/window/aspect-ratio/1/height/16)*/
    /***待开发 url(/image/window/aspect-ratio/1/color-scheme/dark/height/16)*/

    :where(& li:has(button:focus-visible))
    {
        position: relative;
        z-index: 1;
    }
}

:where(&, & > menu:first-child, & > menu:first-child li)
{
    overflow-clip-margin: border-box 15px; /***因Blink内核不支持calc，故硬编码。[对话框/基础~overflow-clip-margin]耦合*/
}

}

@scope (#市民广场对话框 > :nth-child(2))
{

&
{
    --文字排版模式: inherit;
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    color: var(--基调字色);
    contain: strict;
    display: block grid;
    font-family: inherit;
    font-size: 15px;
    gap: 12px 0;
    grid: /***待开发*/
        "测试按钮 . 测试文字说明"
        "主体 主体 主体" 1fr
        / 1fr 10px 1fr;
    line-height: 18px;
    padding: 6px;
    z-index: var(--主体层叠序);
    /***--亮反分色区块蓝始色调 --亮反分色区块橙结色调 --亮反分色区块绿始色调 --亮反分色区块绿结色调*/
}

:where(& > div:nth-child(2))/***测试代码*/
{
    grid-area: 测试文字说明;
    display: block flow-root;
}

@scope(& > div:nth-child(3))/***测试代码*/
{
    &
    {
        --简介字号: 14px;
        --简介行高: 21px;
        background: paint(入场圈) 0% 0% / 100% 100% no-repeat, oklch(1 0 none / .748); /***待开发*/
        border-radius: 8px; /***待开发，值随对话框*/
        contain: strict;
        display: block grid;
        grid: "." 1fr "标题" "." 22px "第1段简介" "." 22px "第2段简介" "." 32px "言论编辑发表器" "." 1fr;
        grid-area: 主体;
        place-items: start safe center;
    }

    @scope(& > hgroup:first-child)
    {
        &
        {
            display: block grid;
            gap: 32px 0;
            grid: "图" "文";
            grid-area: 标题;
            place-items: start safe center;
            white-space: nowrap;
        }

        :where(h1)
        {
            --字距: calc(1em * (pow(2, -6) * 6 + pow(2, -12) * 30));
            background: text linear-gradient(
                45deg,
                oklch(72.83% 0.1971 351.99) 0%,
                oklch(55.34% 0.2217 349.69) 6%,
                oklch(53.38% 0.2503 301.37) 12%,
                oklch(72.95% 0.1281 185.67) 18%,
                oklch(80.35% 0.1182 190.28) 87%,
                oklch(92.99% 0.1119 157.7) 100%); /***待开发*/
            block-size: 1lh;
            color: transparent;
            display: block flow-root;
            font-size: 20px;
            font-weight: bold;
            grid-area: 图;
            letter-spacing: var(--字距);
            line-height: 30px;
            margin-inline: 0 calc(0px - var(--字距));
        }

        :where(pre)
        {
            block-size: 1lh;
            display: block flow-root;
            font-size: 28px;
            grid: ".";
            grid-area: 文;
            line-height: 40px;
        }

        :where(strong)
        {
            font-weight: 800;
        }
    }

    @scope(& > div:nth-child(2))
    {
        &
        {
            display: block grid;
            font-size: var(--简介字号);
            grid: "引文 活动列表";
            grid-area: 第1段简介;
            inset-block: 300px 0; /***待开发*/
            line-height: var(--简介行高);
            place-items: start;
        }

        :where(pre)
        {
            display: block flow-root;
            grid-area: 引文;
            white-space: nowrap;
        }

        :where(ul)
        {
            display: block grid;
            grid-area: 活动列表;
            place-items: start;
        }

        :where(li)
        {
            display: block flow-root;
            white-space: nowrap;
        }
    }

    @scope(& > pre:nth-child(3))
    {
        &
        {
            display: block grid;
            font-size: var(--简介字号);
            grid: "第1行" "第2行";
            grid-area: 第2段简介;
            line-height: var(--简介行高);
            place-items: start safe center;
            white-space: nowrap;
        }

        :where(& > span:first-child)
        {
            grid-area: 第1行;
        }

        :where(& > span:nth-child(2))
        {
            grid-area: 第2行;
        }

        :where(& > span:nth-child(2) > span) /***暂未考虑竖排*/
        {
            color: oklch(70.35% 0.1182 190.28); /***待开发*/
            contain: paint style;
            display: inline flow-root;
            font-family: monospace;
            font-size: 17px;
            font-weight: bold;
            line-height: 1em;
            margin-inline: 8px;
            white-space: nowrap;
        }

        /***.xxx.xxx 待支持"前滑增"类*/
        :where(& > span:nth-child(2) > span.前滑增)
        {
            text-rendering: optimizeSpeed;
            will-change: contents;
        }

        :where(del)
        {
            inset-block: -8.5px 0;/***待开发*/
            position: absolute;
        }

        :where(ins)
        {
            inset-block: 8.5px 0;/***待开发*/
            position: relative;
        }
    }

    :where(#市民广场言论编辑发表器)
    {
        grid-area: 言论编辑发表器;
    }

    @scope(& > ul:nth-child(5))
    {
        &
        {
            display: contents;
            line-height: 32px;/***待开发*/
        }

        :where(& > li)
        {
            block-size: 36px;/***待开发*/
            border-radius: 50%;
            box-sizing: border-box;
            contain: layout size style;
            cursor: pointer;
            display: block grid;
            grid: ".";
            inline-size: 36px;/***待开发*/
            place-self: safe center;
            position: absolute;
        }

        :where(span)
        {
            border: 2px solid oklch(1 0 none);/***待开发*/
            border-radius: inherit;
            contain: strict;
            display: block flow-root;
            text-align: center;
            white-space: nowrap;
        }

        :where(div)
        {
            --文字排版模式: horizontal-tb;
            background: oklch(1 0 none);
            border: 1px solid oklch(calc(pow(2, -6) * 55 + pow(2, -12) * 43) 0 none);/***待开发，或移入主题*/
            border-radius: 4px;
            block-size: 1lh;
            display: block grid;
            font-size: 10px;
            gap: 0 2px;
            grid: ". .";
            line-height: 14px;
            inset-block: 26px auto;/***待开发*/
            inset-inline: 24px auto;/***待开发*/
            padding-inline: 2px;
            position: absolute;
            white-space: nowrap;
        }

        :where(div)::before
        {
            content: "❤️";
        }

        &::before
        {
            content: "💬";
            cursor: pointer;
            display: block flow-root;
            font-size: 16px;
            line-height: 2;
            place-self: safe center;
            position: absolute;
            translate: calc(391.5px * cos(181turn / 324)) calc(391.5px * sin(181turn / 324));/***待开发*/
        }

        :where(& > li:first-child)
        {
            background: /***待开发*/
                oklch(var(--亮反分色衬底区块明度-可搭配白圈) var(--亮反分色衬底区块彩度-可搭配白圈) calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8)));
            color: /***待开发*/
                oklch(var(--亮反分色区块明度) var(--亮反分色区块彩度) calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8)));
            transform: rotate(calc(7turn / 72)) translateX(-348px);/***待开发*/
        }

        :where(& > li:nth-child(2))
        {
            background: /***待开发*/
                oklch(var(--亮反分色衬底区块明度-可搭配白圈) var(--亮反分色衬底区块彩度-可搭配白圈) .8561625turn);
            color: /***待开发*/
                oklch(var(--亮反分色区块明度) var(--亮反分色区块彩度) .8561625turn);
            transform: rotate(calc(1turn / 36)) translateX(-435px);/***待开发*/
        }

        :where(& > li:nth-child(3))
        {
            background: /***待开发*/
                oklch(var(--亮反分色衬底区块明度-可搭配白圈) var(--亮反分色衬底区块彩度-可搭配白圈) .4181turn);
            color: /***待开发*/
                oklch(var(--亮反分色区块明度) var(--亮反分色区块彩度) .4181turn);
            translate: 348px;/***待开发*/
        }
    }
}

:where(& > ul)
{
    contain: layout size style;
    display: none;
    gap: 12px; /***待开发*/
    grid-area: 主体;
    grid: auto-flow / repeat(auto-fit, minmax(200px, 1fr)); /***待开发*/
}

@scope(& > ul > li)
{
    &
    {
        --阴影横移: -8px;
        --阴影横移向量: var(--阴影横移);
        --漂白强度: var(--亮反分色漂白强度);
        --标题字色: oklch(.3351 .0331 .7248turn); /***待开发*/
        --次要字字色: oklch(.5956 .0381 .7163turn); /***待开发*/
        background: color-mix(in oklch, oklch(var(--亮反分色区块明度) var(--亮反分色区块彩度) var(--基色调))
            calc(100% * ((pow(2, -6) * 7 + pow(2, -12) * 44) * (1 - var(--漂白强度)))),
            oklch(1 0 none) calc(100% * var(--漂白强度))); /***待开发*/
        border-radius: 12px;
        box-shadow: oklch(0 0 none / calc(pow(2, -6) * 6 + pow(2, -12) * 25)) var(--阴影横移向量) 0 32px;
        display: block grid;
        grid:
            "图标 . 标题"
            "图标 . 简介"
            ". . ." 13px
            "用户列表 用户列表 用户列表"
            ". . ." 8px
            "进圈按钮 进圈按钮 进圈按钮"
            ". . ." 8px
            "状态 状态 状态";
        padding: 24px;
    }

    @container style(--文字排版模式: horizontal-tb)
    {
        &:where(:dir(ltr))
        {
            --阴影横移向量: calc(0px - var(--阴影横移));
        }
    }
    @container style(--文字排版模式: vertical-lr)
    {
        --阴影横移向量: calc(0px - var(--阴影横移));
    }

    &:where(:hover)
    {
        --漂白强度: var(--亮反分色漂白微升强度);
    }

    /***待开发*/
    &:where(:nth-child(1))
    {
        --基色调: calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8));
    }

    &:where(:nth-child(2))
    {
        --基色调: .4181turn;
    }

    &:where(:nth-child(3))
    {
        --基色调: .91175turn;
    }

    &:where(:nth-child(4))
    {
        --基色调: .1341turn;
    }

    &:where(:nth-child(5))
    {
        --基色调: calc(1turn * (pow(2, -6) * 23 + pow(2, -12) * 12));
    }

    &:where(:nth-child(6))
    {
        --基色调: .800575turn;
    }

    &:where(:nth-child(7))
    {
        --基色调: .022925turn;
    }

    &:where(:nth-child(8))
    {
        --基色调: .3902turn;
    }

    &:where(:nth-child(9))
    {
        --基色调: .7449875turn;
    }

    &:where(:nth-child(10))
    {
        --基色调: .0785125turn;
    }

    &:where(:nth-child(11))
    {
        --基色调: .8561625turn;
    }

    &:where(:nth-child(12))
    {
        --基色调: .9673375turn;
    }

    :where(div)
    {
        aspect-ratio: 1;
        background: oklch(var(--亮反分色衬底区块明度-可搭配白圈) var(--亮反分色衬底区块彩度-可搭配白圈) var(--基色调));
        block-size: 56px;
        border-radius: 12px;
        contain: strict;
        display: block grid;
        grid: ".";
        grid-area: 图标;
        place-content: center;
        place-self: safe center start;
    }

    :where(div)::before
    {
        aspect-ratio: 1;
        background: oklch(var(--亮反分色区块明度) var(--亮反分色区块彩度) var(--基色调)); /***待用该颜色的图标替代*/
        block-size: 28px;
        clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); /***待开发*/
        content: "";
        contain: strict;
        display: block grid;
        grid: ".";
        transition: transform 300ms; /***待开发。节奏函数亦待定。缺失will-change*/;
    }

    :where(&:hover div)::before
    {
        transform: rotate(.0417turn) scale(1.1); /***待开发*/
    }

    :where(h1)/***@事项 标题自动排等级@*/
    {
        place-self: start;
        block-size: 1lh;
        color: var(--标题字色); /***待开发*/
        display: block flow-root;
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
        grid-area: 标题;
        text-overflow: ellipsis; /***待开发。若溢出，则悬浮时提供走马灯*/
        white-space: nowrap;
    }

    :where(pre)
    {
        block-size: 1lh;
        color: var(--次要字字色);
        display: block flow-root;
        font-size: 14px;
        grid-area: 简介;
        line-height: 22px;
        place-self: start;
        text-overflow: ellipsis; /***待开发。若溢出，则悬浮时提供走马灯*/
        white-space: nowrap;
    }

    :where(ul:nth-child(3))
    {
        --用户头像边长: 36px;
        --用户头像边厚: 2px;
        --用户头像折叠厚度: 8px;
        --悬浮头像偏移标量: 2px;
        --悬浮头像偏移向量: var(--悬浮头像偏移标量) 0;
        color: oklch(var(--亮反分色区块明度) var(--亮反分色区块彩度) var(--基色调));
        contain: layout style;
        display: block grid;
        font-size: 12px;
        grid: var(--用户头像边长)
            / auto-flow calc(var(--用户头像边长) - var(--用户头像折叠厚度));
        grid-area: 用户列表;
        line-height: calc(var(--用户头像边长) - var(--用户头像边厚) * 2);

        @container style(--文字排版模式: horizontal-tb)
        {
            --悬浮头像偏移向量: 0 calc(0px - var(--悬浮头像偏移标量));
        }
        @container style(--文字排版模式: vertical-lr)
        {
            --悬浮头像偏移向量: calc(0px - var(--悬浮头像偏移标量)) 0;
        }

        :where(li)
        {
            block-size: var(--用户头像边长);
            border-radius: 50%;
            box-sizing: border-box;
            contain: layout size style;
            cursor: pointer;
            display: block grid;
            grid: ".";
            inline-size: var(--用户头像边长);
        }

        :where(li:hover)
        {
            z-index: 1;
        }

        :where(span)
        {
            --附加过渡属性值: , translate 300ms; /***待开发。节奏函数亦待定*/
            background: oklch(var(--亮反分色衬底区块明度-可搭配白圈) var(--亮反分色衬底区块彩度-可搭配白圈) var(--基色调));
            border: var(--用户头像边厚) solid oklch(1 0 none);
            border-radius: inherit;
            contain: strict;
            display: block flow-root;
            text-align: center;
            white-space: nowrap;
        }

        :where(& li:hover span)
        {
            translate: var(--悬浮头像偏移向量);
        }
    }

    :where(ul:nth-child(5))
    {
        block-size: 1lh;
        display: block grid;
        font-size: 12px;
        line-height: 18px;
        grid: none / auto-flow;
        grid-area: 状态;
        place-self: start;

        :where(li)
        {
            display: block grid;
            grid: none / auto-flow;
        }

        :where(li:first-child)
        {
            color: var(--次要字字色);
            display: block grid;
            gap: 0 6px;
            grid: "图 文";
            white-space: nowrap;
        }

        :where(li:first-child)::before
        {
            aspect-ratio: 1;
            /***测试代码。项目硬耦合，编号：[[[市民广场，其兴趣圈表示最近活动时间的时钟图标]]]
            其它硬耦合：八方包的 资源规范.json、资源/图/时钟.svg、资源/图/时钟.json*/
            background: url(/image/clock/aspect-ratio/1/height/10) center / cover no-repeat border-box;
            block-size: 10px;
            box-sizing: border-box;
            content: "";
            contain: strict;
            display: block grid;
            grid: ".";
            grid-area: 图;
            place-self: safe center start;
        }

        :where(& li:first-child > span)
        {
            display : block flow-root;
            grid-area: 文;
        }

        :where(& li:first-child > span > span)
        {
            text-combine-upright: all; /***纵排时数字似乎过小，待调整*/
        }
    }
}

/***.xxx.xxx待挪移*/
:where(& > button)
{
    /***待开发*/
    --浮边边色: oklch(.5241 .1259 .7009turn);
    /***待开发*/
    --浮边圈色: oklch(.5946 .1398 .6953turn);
    &:where(:hover)
    {
        /***待开发*/
        --浮边圈色: oklch(.5241 .1259 .7009turn);
    }
    block-size: 1lh;
    border-radius: 6px;
    color: oklch(1 0 none / .95); /***待开发*/
    contain: layout size style;
    font-size: 14px;
    grid-area: 测试按钮;
    line-height: 35px;
    outline-color: var(--浮边圈色);
    overflow: auto;
    text-align: center;
    white-space: nowrap;

    :where(span)
    {
        border-radius: inherit;
        contain: strict;
        display: block flow-root;
    }
}

/***.xxx.xxx待挪移*/
:where(& > ul button)
{
    --浮边边色: oklch(var(--亮反分色区块微降明度) var(--亮反分色区块彩度) var(--基色调));
    --浮边圈色: oklch(var(--亮反分色区块明度) var(--亮反分色区块彩度) var(--基色调));
    &:where(:hover)
    {
        --浮边圈色: oklch(var(--亮反分色区块微降明度) var(--亮反分色区块彩度) var(--基色调));
    }

    block-size: 1lh;
    border-radius: 6px;
    color: var(--亮反分色区块字色);
    contain: layout size style;
    font-size: 14px;
    grid-area: 进圈按钮;
    line-height: 35px;
    outline-color: var(--浮边圈色);
    overflow: auto;
    text-align: center;
    white-space: nowrap;

    :where(span)
    {
        border-radius: inherit;
        contain: strict;
        display: block flow-root;
    }
}

}

@scope (#市民广场言论编辑发表器)
{

/***xxx.xxx 大部分样式要移至专门的编辑框包*/
&
{
    --文字排版模式: inherit;
    --编辑框内边距: 9px;
    --按钮边长: 25px;
    --附加过渡属性过渡节奏函数: cubic-bezier(0, 0, calc(pow(2, -6) * 35 + pow(2, -12) * 55), 1);
    --附加过渡属性过渡时间: calc(1ms * (pow(2, 6) + 20));
    --附加过渡属性值: ,
        border-color var(--附加过渡属性过渡节奏函数) var(--附加过渡属性过渡时间),
        --编辑框阴影扩散长度 var(--附加过渡属性过渡节奏函数) var(--附加过渡属性过渡时间);
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    --表情字族: 彩色表情Noto;
    border: 1px solid oklch(0 0 none / calc(pow(2, -6) * 6 + pow(2, -12) * 25));/***xxx.xxx 是否移编辑框包；是否入主题*/
    border-radius: 20px;
    box-shadow: oklch(0 0 none / calc(pow(2, -6) * 2 + pow(2, -12) * 17)) 0 0 2px .5px inset,
        oklch(
            calc(pow(2, -6) * 41 + pow(2, -12) * 18)
            calc(pow(2, -6) * 9 + pow(2, -12) * 38)
            calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8))
            / calc(pow(2, -6) * 4 + pow(2, -12) * 35)
        ) 0 0 0 var(--编辑框阴影扩散长度);/***xxx.xxx 移编辑框包；入主题*/
    box-sizing: border-box;
    color: var(--基调字色);
    contain: inline-size layout paint style;
    display: block grid;
    font-family: inherit;
    font-size: 15px;
    grid: ".";
    inline-size: max(calc(100% * ((pow(2, -6) * 55 + pow(2, -12) * 44))), calc(1px * (pow(2, 6) * 8 + 38)));
    line-height: 18px;
}

&:where(:has(> #市民广场言论编辑发表区:where(:focus, .待令)))
{
    --编辑框阴影扩散长度: 3px;/***xxx.xxx 是否移编辑框包；是否入主题*/
    border-color: oklch(
        calc(pow(2, -6) * 41 + pow(2, -12) * 18)
        calc(pow(2, -6) * 9 + pow(2, -12) * 38)
        calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8))
        / calc(pow(2, -6) * 21 + pow(2, -12) * 18));/***xxx.xxx 是否移编辑框包；是否入主题*/
}

&:where(:hover, :has(> #市民广场言论编辑发表区:where(:focus, .待令)))
{
    will-change: border-color, box-shadow;
}

:where(#市民广场言论编辑发表区)
{
    anchor-name: --编辑发表区;
    background: oklch(1 0 none / calc(pow(2, -6) * 55 + pow(2, -12) * 62));/***xxx.xxx 是否移编辑框包；是否入主题*/
    block-size: calc(1lh + 9px);
    border-radius: inherit;
    contain: strict;
    display: block flow-root;
    font: 14px / 1.5 var(--表情字族), sans-serif;/***.xxx.xxxvar(***---普通字族);@事项 置普通字族@*/
    outline: none;
    padding-block: var(--编辑框内边距) calc(var(--编辑框内边距) + var(--按钮边长));
    padding-inline: var(--编辑框内边距);
}

:where(#市民广场言论编辑发表区:empty)::before
{
    color: oklch(calc(pow(2, -6) * 42 + pow(2, -12) * 52) 0 none);/***xxx.xxx 是否移编辑框包；是否入主题*/
}

:where(#市民广场言论编辑发表区)::selection
{
    background: oklch(calc(pow(2, -6) * 60 + pow(2, -12) * 1) 0 none);/***xxx.xxx 是否移编辑框包；是否入主题*/
}

:where(#市民广场言论编辑发表区:focus, #市民广场言论编辑发表区.待令)::selection
{
    background: oklch(
        calc(pow(2, -6) * 41 + pow(2, -12) * 18)
        calc(pow(2, -6) * 9 + pow(2, -12) * 38)
        calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8)));/***xxx.xxx 是否移编辑框包；是否入主题*/
    color: oklch(1 0 none);/***xxx.xxx 是否移编辑框包；是否入主题*/
}

@scope (& > menu:nth-child(2))
{
    &
    {
        --按钮间隙: 8px;
        --按钮圆角半径: 50%;
        --按钮附加过渡属性值: ;
        display: contents;
    }

    :where(li)
    {
        block-size: var(--按钮边长);
        box-sizing: border-box;
        contain: layout size style;
        display: block grid;
        inset-block-end: var(--编辑框内边距);
        position: absolute;
    }

    :where(li:has(> #市民广场发送按钮))
    {
        border-end-end-radius: var(--按钮圆角半径);
        border-start-end-radius: var(--按钮圆角半径);
        grid: ". 按钮" / 1fr var(--按钮边长);
        inline-size: calc(var(--按钮间隙) + var(--按钮边长));
        inset-inline-end: var(--编辑框内边距);
    }

    :where(li:has(> #市民广场录音按钮))
    {
        border-end-start-radius: var(--按钮圆角半径);
        border-start-start-radius: var(--按钮圆角半径);
        grid: ".";
        inline-size: var(--按钮边长);
        inset-inline-end: calc(var(--编辑框内边距) + var(--按钮边长) + var(--按钮间隙));
    }

    :where(li:has(> #市民广场表情包按钮))
    {
        border-end-start-radius: var(--按钮圆角半径);
        border-start-start-radius: var(--按钮圆角半径);
        grid: "按钮 ." / var(--按钮边长) 1fr;
        inline-size: calc(var(--按钮边长) + var(--按钮间隙));
        inset-inline-start: var(--编辑框内边距);
    }

    :where(li:has(> #市民广场编辑选项大全按钮))
    {
        border-end-end-radius: var(--按钮圆角半径);
        border-start-end-radius: var(--按钮圆角半径);
        grid: ".";
        inline-size: var(--按钮边长);
        inset-inline-start: calc(var(--编辑框内边距) + var(--按钮边长) + var(--按钮间隙));
    }

    :where(button)
    {
        aspect-ratio: 1;
        block-size: var(--按钮边长);
        border-radius: var(--按钮圆角半径);
        box-sizing: border-box;
        contain: layout size style;
        font-size: calc(40px / 3);
        line-height: var(--按钮边长);
    }

    :where(& button span)
    {
        --附加过渡属性值: ,
            background-color cubic-bezier(0, 0, calc(pow(2, -6) * 32 + pow(2, -12) * 60), 1) calc(1ms * (pow(2, 6) + 20))
            var(--按钮附加过渡属性值);
        border-radius: inherit;
        contain: strict;
        display: block grid;
        grid: ".";
        text-align: center;
    }

    :where(& button span)::before
    {
        border-radius: inherit;
        contain: strict;
        display: block flow-root;
    }

    :where(#市民广场录音按钮, #市民广场编辑选项大全按钮)
    {
        color: #999;/***.xxx.xxx 待改*/
        font-family: 六版免费Awesome;
        font-weight: 900;
    }

    :where(#市民广场发送按钮)
    {
        color: oklch(1 0 none);/***xxx.xxx 是否移编辑框包；是否入主题*/
        grid-area: 按钮;
    }

    :where(#市民广场发送按钮 span)
    {
        --按钮附加过渡属性值: , opacity linear calc(1ms * (pow(2, 6) * 2));
        background: oklch(
            calc(pow(2, -6) * 41 + pow(2, -12) * 18)
            calc(pow(2, -6) * 9 + pow(2, -12) * 38)
            calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8)));/***xxx.xxx 是否移编辑框包；是否入主题*/
    }

    :where(#市民广场发送按钮:disabled span)
    {
        opacity: calc(pow(2, -6) * 25 + pow(2, -12) * 38);/***xxx.xxx 是否移编辑框包；是否入主题*/
    }

    :where(#市民广场发送按钮:hover:not(:disabled) span)
    {
        background: oklch(
            calc(pow(2, -6) * 37 + pow(2, -12) * 35)
            calc(pow(2, -6) * 9 + pow(2, -12) * 38)
            calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8)));/***xxx.xxx 是否移编辑框包；是否入主题*/
    }

    :where(#市民广场发送按钮 span)::before
    {
        content: "➤";/***xxx.xxx 字体*/
    }

    :where(#市民广场录音按钮 span)::before
    {
        content: "";
    }

    :where(#市民广场表情包按钮)
    {
        grid-area: 按钮;
    }

    :where(#市民广场表情包按钮 span)
    {
        background: oklch(0 0 none / calc(pow(2, -6) * 3 + pow(2, -12) * 16));/***xxx.xxx 是否移编辑框包；是否入主题*/
    }

    :where(#市民广场表情包按钮)
    {
        font-family: var(--表情字族), emoji;
    }

    :where(#市民广场表情包按钮 span)::before
    {
        content: "😀";
    }

    :where(#市民广场编辑选项大全按钮)
    {
        --透明度过渡时间: calc(1ms * (pow(2, 6) * 2));
        --附加过渡属性值: , display var(--透明度过渡时间) step-end allow-discrete;
    }

    :where(#市民广场编辑选项大全按钮 span)
    {
        --按钮附加过渡属性值: , opacity linear var(--透明度过渡时间);
    }

    :where(#市民广场编辑选项大全按钮.已载 span)
    {
        @starting-style
        {
            opacity: 0;
        }
    }

    :where(#市民广场编辑选项大全按钮 span)::before
    {
        content: "";
    }

    :where(#市民广场录音按钮:hover span, #市民广场表情包按钮:hover span, #市民广场编辑选项大全按钮:hover span)
    {
        background-color: oklch(0 0 none / calc(pow(2, -6) * 5 + pow(2, -12) * 62));/***xxx.xxx 是否移编辑框包；是否入主题*/
    }
}

:where(:where(&:not(:hover):not(:focus-within), &:has(#市民广场表情选择列表:popover-open)) #市民广场编辑选项大全按钮)
{
    display: none;
    :where(span)
    {
        opacity: 0;
    }
}

:where(&:hover button span)
{
    --按钮内封装将变属性基本值: ;
    --按钮内封装将变属性衔接值: ,;
    --按钮内封装附加将变属性集: background-color;
}

:where(:hover > & #市民广场编辑选项大全按钮 span)
{
    --按钮内封装将变属性基本值: ;
    --按钮内封装将变属性衔接值: ,;
    --按钮内封装附加将变属性集: background-color, opacity;
}

@scope (#市民广场表情选择列表)
{
    :where(:scope)
    {
        --按钮附加过渡属性值: ;
        --显隐初始缩放比: calc(pow(2, -6) * 60 + pow(2, -12) * 49);
        --过渡时间: calc(1ms * (pow(2, 6) * 3 + 18));
        --过渡节奏函数: cubic-bezier(
            calc(pow(2, -6) * 14 + pow(2, -12) * 46), 1,
            calc(pow(2, -6) * 20 + pow(2, -12) * 31), 1);
        --隐切显缩放过渡节奏函数: var(--过渡节奏函数);
        --锚间隙: 5px;
        --附加过渡属性值: ,
            display var(--过渡时间) step-end allow-discrete,
            opacity var(--过渡时间) var(--过渡节奏函数),
            overlay var(--过渡时间) step-end allow-discrete,
            scale var(--过渡时间) var(--隐切显缩放过渡节奏函数); /***贝塞尔函数待测试*/
        backdrop-filter: blur(3px); /***待开发、研究*/
        background: oklch(1 0 none / .91); /***待开发、研究*/
        border-radius: 7px;
        box-shadow: /***主题已有，此处硬编码。横向因书写模式而异，参考环境令单样式*/
            oklch(calc(pow(2, -6) * 16 + pow(2, -12) * 8) 0 none / calc(pow(2, -6) * 2 + pow(2, -12) * 50)) 2px 2px 12px 5px;
        font: 18px / 2 var(--表情字族), emoji;
        grid: auto-flow 1lh / repeat(10, 1lh);
        inset-block: calc(anchor(end) + var(--锚间隙)) auto;
        opacity: 0;
        scale: var(--显隐初始缩放比);
        padding: 7px;
        place-self: auto safe anchor-center;
        position: absolute;
        position-try:
            --市民广场表情选择列表试行向末起, --市民广场表情选择列表试双向末起,
            --市民广场表情选择列表试块向末起, --市民广场表情选择列表试行向初起块向末起;
        text-align: center;
    }

    :where(:scope:popover-open)
    {
        --隐切显缩放过渡节奏函数: cubic-bezier(.58, 1.5, .65, 1.45); /***贝塞尔函数待测试*/
        display: block grid;
        opacity: 1;
        scale: none;
        @starting-style
        {
            opacity: 0;
            scale: var(--显隐初始缩放比);
        }
    }

    :where(li)
    {
        contain: strict;
        display: block grid;
        grid: ".";
        overflow-clip-margin: border-box 8px; /***为了显示按钮:focus-visible的边框*/
    }

    :where(button)
    {
        border-radius: 4px;
        contain: layout size style;
    }

    :where(span)
    {
        border-radius: inherit;
        contain: strict;
    }

    :where(:scope button:hover span)
    {
        background-color: oklch(0 0 none / calc(pow(2, -6) * 5 + pow(2, -12) * 62));
    }

    :where(:scope:focus-within li:has(> button:not(:focus-visible)),
        :scope:focus-within button:not(:focus-visible),
        :scope:focus-within button:not(:focus-visible) span)
    {
        contain: size style;
    }
}

:where(#市民广场表情选择列表:popover-open, &:has(#市民广场表情包按钮:hover) #市民广场表情选择列表)
{
    will-change: opacity, scale;
}

}

@position-try --市民广场表情选择列表试行向末起
{
    inset-block: auto;
    inset-inline: auto calc(anchor(start) + var(--锚间隙));
    place-self: safe anchor-center auto;
}

@position-try --市民广场表情选择列表试双向末起
{
    inset-block: auto anchor(end);
    inset-inline: auto calc(anchor(start) + var(--锚间隙));
    place-self: auto;
}

@position-try --市民广场表情选择列表试块向末起
{
    inset-block: auto calc(anchor(start) + var(--锚间隙));
    inset-inline: anchor(start) auto;
    place-self: auto;
    position-anchor: --编辑发表区;
}

@position-try --市民广场表情选择列表试行向初起块向末起
{
    inset-block: auto anchor(end);
    inset-inline: calc(anchor(end) + var(--锚间隙)) auto;
    place-self: auto;
    position-anchor: --编辑发表区;
}

@property --编辑框阴影扩散长度
{
    /***xxx.xxx 移编辑框包*/
    initial-value: 0px;
    inherits: false;
    syntax: "<length>";
}

@scope (#发表作品对话框 > :nth-child(2))
{

&
{
    --文字排版模式: inherit;
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    color: var(--基调字色);
    contain: strict;
    display: block grid;
    font-family: inherit;
    font-size: 15px;
    grid: ".";
    line-height: 18px;
    z-index: var(--主体层叠序);
}

button
{
    aspect-ratio: 1;
    block-size: 24px;
    box-sizing: border-box;
    contain: strict;
    place-self: center;
    position: absolute;
}

span
{
    background: red;
    contain: strict;
    display: block grid;
    grid: ".";
}

}

@scope (#城舆对话框 > :nth-child(2))
{

&
{
    --文字排版模式: inherit;
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    box-sizing: border-box;
    color: var(--基调字色);
    contain: strict;
    display: block grid;
    grid: ".";
    font-family: inherit;
    font-size: 18px;
    height: 100%;
    line-height: 22px;
    touch-action: none;
    width: 100%;
    z-index: var(--主体层叠序);
}

:where(button)/***待开发*/
{

    block-size: 20%;
    box-sizing: border-box;
    contain: strict;
    inline-size: 20%;
    position: absolute;
}

:where(span)
{
    background: blue;
    contain: strict;
    display: block flow-root;
}

}

@scope (#总务栏)
{

&
{
    --文字排版模式: inherit;
    --栏横向间隙: 9px;
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    anchor-name: --总务栏;
    color: var(--基调字色);
    display: block grid;
    font-family: inherit;
    font-size: 15px;
    inset: calc(anchor(top) + max(var(--主体最小安全起顶), 4px)) auto auto auto;
    line-height: 18px;
    overflow-clip-margin: border-box 79px; /***
        [总务栏~overflow-clip-margin~1]耦合，
        Blink内核问题：overflow-clip-margin属性不支持calc，79px = 25px * 3 + 3px + 1px，3是模糊半径的安全倍数*/
    place-self: safe anchor-center auto;
    position: absolute;
    position-anchor: --墙面;

    @container style(--文字排版模式: horizontal-tb)
    {
        grid-auto-flow: column;
        place-self: auto safe anchor-center;
    }
}

:where(& > li)
{
    display: block grid;
    grid: ".";
    overflow-clip-margin: inherit;
}

:where(& > li:not(:first-child))
{
    padding-block-start: calc(var(--栏横向间隙) / 2);
    @container style(--文字排版模式: horizontal-tb)
    {
        padding-block-start: 0;
        padding-inline-start: calc(var(--栏横向间隙) / 2);
    }
}

:where(& > li:not(:last-child))
{
    padding-block-end: calc(var(--栏横向间隙) / 2);
    @container style(--文字排版模式: horizontal-tb)
    {
        padding-block-end: 0;
        padding-inline-end: calc(var(--栏横向间隙) / 2);
    }
}

:where(& > li:has(> #变详务栏 > template:first-child))
{
    display: none;
}

@scope (#定详务栏, #变详务栏, #简务栏, #扩展分栏)
{
    :where(:scope)
    {
        --栏目间隙: 3px;
        --栏目状态条厚: 4px;
        --栏目聚焦状态条长与图标边长之比: calc(pow(2, -6) * 41 + pow(2, -12) * 34);
        --栏目状态条长与图标边长之默认比: calc(pow(2, -6) * 17 + pow(2, -12) * 50);
        --栏目图高: 18px;
        --栏目图长: calc(var(--栏目图高) * 1);
        --栏目按钮边厚: 1px;
        --总务栏目图标上下间隙: 5px;
        --总务栏目动画时间: calc(1ms * (pow(2, 6) * 4 + 48));
        backdrop-filter: var(--逊毛玻璃窗口底滤器);
        background: var(--逊毛玻璃窗口底色);
        border-radius: 8px;
        box-shadow:
            var(--窗口边缘锐阴影色) 0 1px 2px,
            var(--窗口边缘柔阴影色) 0 3px 25px 1px; /***[总务栏~overflow-clip-margin~1]耦合*/
        gap: var(--栏目间隙) 0;
        padding: 0 6px;

        @container style(--文字排版模式: horizontal-tb)
        {
            gap: 0 var(--栏目间隙);
            grid-auto-flow: column;
        }
    }

    :where(:scope > li)
    {
        /***有些li可运用contain: strict;，待考*/
        display: block grid;
        grid: ".";
    }

    :where(:scope > li > button:first-child)
    {
        aspect-ratio: 1;
        border-radius: calc(1px * (2 + pow(2, -6) * 12));
        box-sizing: border-box;
        contain: layout size style;
        /***去掉泛媒导出*/
        height: calc(var(--栏目状态条厚) + var(--栏目图高) + (var(--总务栏目图标上下间隙) + var(--栏目按钮边厚)) * 2);
    }

    :where(:scope > li > button:first-child > span)
    {
        border: var(--栏目按钮边厚) solid transparent;
        border-radius: inherit;
        contain: strict;
        display: block grid;
        grid: ". 图标 . 状态条" / 1fr var(--栏目图高) 1fr var(--栏目状态条厚);
        place-items: safe center stretch;

        @container style(--文字排版模式: horizontal-tb)
        {
            grid: "状态条" var(--栏目状态条厚) "." 1fr "图标" var(--栏目图高) "." 1fr;
            place-items: stretch safe center;
        }
        @container style(--文字排版模式: vertical-lr)
        {
            grid: "状态条 . 图标 ." / var(--栏目状态条厚) 1fr var(--栏目图高) 1fr;
        }
    }

    :where(:scope > li > button:first-child:hover > span)
    {
        background-color: oklch(1 0 none / .8);/***.xxx.xxx 待改。入主题*/
    }

    :where(:scope > li > button[aria-pressed=true]:first-child > span,
        :scope > li > button:first-child:hover > span)
    {
        border-color: oklch(0 0 none / .11);/***.xxx.xxx 待改。入主题*/
    }

    :where(:scope > li > button:first-child > span > :first-child)
    {
        background: center / cover no-repeat border-box;
        contain: strict;
        content: "";
        display: block grid;
        grid: ".";
        grid-area: 图标;
        width: var(--栏目图长);
    }

    :where(:scope > li > button:focus, :hover:first-child > span > :first-child)
    {
        will-change: translate;
    }

    :where(:scope > li > button:first-child > span > :nth-child(2))
    {
        contain: strict;
        content: "";
        display: block grid;
        grid: ".";
        grid-area: 状态条;
        place-items: safe center stretch;
        width: var(--栏目图长);

        @container style(--文字排版模式: horizontal-tb)
        {
            place-items: stretch safe center;
        }
    }

    :where(:scope > li > button:first-child > span > :nth-child(2))::before
    {
        --栏目状态条长与图标边长之比: var(--栏目状态条长与图标边长之默认比);
        --栏目状态条过渡节奏函数: cubic-bezier(0, 0, calc(pow(2, -6) * 35 + pow(2, -12) * 6), 1);
        background: oklch(var(--亮反分色区块明度) calc(var(--亮反分色区块彩度) / 3) calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8)));/***待开发*/
        border-radius: min(calc(1px * (2 + pow(2, -6) * 22)),
            calc(min(var(--栏目状态条厚), calc(var(--栏目图长) * var(--栏目聚焦状态条长与图标边长之比))) / 2));
        contain: strict;
        content: "";
        display: none;
        grid: ".";
        transition: background-color var(--栏目状态条过渡节奏函数), display step-end allow-discrete, width var(--栏目状态条过渡节奏函数);
        transition-duration: var(--总务栏目动画时间);
        width: calc(100% * var(--栏目状态条长与图标边长之比));
    }

    :where(:scope.已载 > li > button:first-child > span > :nth-child(2))::before
    {
        @starting-style
        {
            background-color: oklch(var(--亮反分色区块明度) calc(var(--亮反分色区块彩度) / 3) calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8)));/***待开发，同前*/
            width: calc(100% * var(--栏目状态条长与图标边长之默认比));
        }
    }

    :where(:scope > li > button[aria-pressed=false]:first-child > span > :nth-child(2))::before
    {
        display: block grid;
    }

    :where(:scope > li > button[aria-pressed=true]:first-child > span > :nth-child(2))::before
    {
        --栏目状态条长与图标边长之比: var(--栏目聚焦状态条长与图标边长之比);
        background-color: oklch(var(--亮反分色区块明度) var(--亮反分色区块彩度) calc(1turn * (pow(2, -6) * 44 + pow(2, -12) * 8)));/***待开发*/
        display: block grid;
    }

    :where(:scope > li > button:where([aria-pressed=true], :focus, :hover):first-child > span > :nth-child(2))::before
    {
        will-change: background-color, width;
    }

    :where(:scope, :scope > li)
    {
        overflow-clip-margin: border-box 11px; /***因Blink内核不支持calc，故硬编码。[总务栏~overflow-clip-margin~2]耦合*/
    }

    :where(:scope > li:has(> button:focus-visible))
    {
        position: relative;
        z-index: 1;
    }
}

:where(#定详务栏, #变详务栏, #简务栏, #扩展分栏:popover-open)
{
    display: block grid;
}

:where(#扩展分栏)
{
    inset: calc(anchor(bottom) + 9px) auto auto auto;
    place-self: safe anchor-center auto;
    position: absolute;
    position-anchor: --总务栏;

    @container style(--文字排版模式: horizontal-tb)
    {
        place-self: auto safe anchor-center;
    }
}

}

@property --总务栏目图标上下间隙
{
    inherits: true;
    initial-value: 0px;
    syntax: "<length>";
}

@property --总务栏目动画时间
{
    inherits: true;
    initial-value: 0s;
    syntax: "<time>";
}

@scope (#定详务栏)
{

:where(& > li:nth-child(1) > button:first-child > span > :first-child)
{
    background-image: url(/image/post/aspect-ratio/1/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/post/aspect-ratio/1/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(2) > button:first-child > span > :first-child)
{
    background-image: url(/image/chat/aspect-ratio/1/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/chat/aspect-ratio/1/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(3) > button:first-child > span > :first-child)
{
    background-image: url(/image/map/aspect-ratio/1/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/map/aspect-ratio/1/color-scheme/dark/height/18);
    }
}

}

@scope (#简务栏)
{

:where(& > li:nth-child(1) > button:first-child > span > :first-child)
{
    background-image: url(/image/down-arrow/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/down-arrow/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}


:where(& > li:nth-child(3) > button:first-child > span > :first-child)
{
    background-image: url(/image/personal/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/personal/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(4) > button:first-child > span > :first-child)
{
    background-image: url(/image/wall/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/wall/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(5) > button:first-child > span > :first-child)
{
    background-image: url(/image/network/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/network/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(6) > button:first-child > span > :first-child)
{
    background-image: url(/image/sound/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/sound/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(7) > button:first-child > span > :first-child)
{
    background-image: url(/image/color-schemes/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/color-schemes/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(8) > button:first-child > span > :first-child)
{
    background-image: url(/image/power/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/power/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

}

@scope (#扩展分栏)
{

:where(& > li:nth-child(1) > button:first-child > span > :first-child)
{
    background-image: url(/image/languages/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/languages/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(2) > button:first-child > span > :first-child)
{
    background-image: url(/image/pointer/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/pointer/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(3) > button:first-child > span > :first-child)
{
    background-image: url(/image/vibration/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/vibration/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(4) > button:first-child > span > :first-child)
{
    background-image: url(/image/animation/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/animation/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

:where(& > li:nth-child(5) > button:first-child > span > :first-child)
{
    background-image: url(/image/reset/aspect-ratio/1/color-gamut/gray/height/18);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/reset/aspect-ratio/1/color-gamut/gray/color-scheme/dark/height/18);
    }
}

}

#个资弹条 {display: none;}

#网络弹条 {display: none;}

#色调弹条 {display: none;}

#电源弹条 {display: none;}

@scope (#语文弹条)
{

&
{
    --文字排版模式: inherit;
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    color: var(--基调字色);
    font-family: inherit;
    grid: "语文搜索框 语文列表";

    @container style(--文字排版模式: horizontal-tb)
    {
        grid: "语文搜索框" "语文列表";
    }
}

&:where(:popover-open)
{
    display: block grid;
}

:where(#语文搜索框)
{
    display: block grid;
    grid: ".";
    grid-area: 语文搜索框;
}

:where(#语文列表)
{
    --文字排版模式: vertical-rl;
    display: block grid;
    grid:
        "简体中文 简体中文 简体中文 阿拉伯阿塞拜疆文 乌尔都文 达里文 波斯文 中库尔德文 基切文 匈牙利文 挪威尼诺斯克文 阿尔巴尼亚文 拉丁越文 冰岛文 阿萨姆文 卡纳达文 提格利尼亚文 ." 56px
        "繁体中文 繁体中文 繁体中文 阿拉伯阿塞拜疆文 乌尔都文 达里文 波斯文 中库尔德文 基切文 匈牙利文 挪威尼诺斯克文 阿尔巴尼亚文 拉丁越文 冰岛文 阿萨姆文 卡纳达文 提格利尼亚文 ." 56px
        "喃越文 喃越文 喃越文 阿拉伯阿塞拜疆文 乌尔都文 达里文 波斯文 中库尔德文 基切文 匈牙利文 挪威尼诺斯克文 阿尔巴尼亚文 拉丁越文 冰岛文 阿萨姆文 卡纳达文 提格利尼亚文 ." 56px
        "日文 日文 日文 维文 阿拉伯文 信德文 阿拉伯旁遮普文 希伯来文 意大利文 卢森堡文 书面挪威文 克丘亚文 瑞典文 约鲁巴文 印地文 泰米尔文 老挝文 切罗基文" 56px
        "朝文 朝文 朝文 维文 阿拉伯文 信德文 阿拉伯旁遮普文 希伯来文 意大利文 卢森堡文 书面挪威文 克丘亚文 瑞典文 约鲁巴文 印地文 泰米尔文 老挝文 切罗基文" 56px
        "蒙文 蒙文 蒙文 维文 阿拉伯文 信德文 阿拉伯旁遮普文 希伯来文 意大利文 卢森堡文 书面挪威文 克丘亚文 瑞典文 约鲁巴文 印地文 泰米尔文 老挝文 切罗基文" 56px
        "保加利亚文 俄文 西里尔乌兹别克文 拉丁阿塞拜疆文 丹麦文 西班牙文 爱尔兰文 克罗地亚文 祖鲁文 立陶宛文 荷兰文 罗马尼亚文 芬兰文 沃洛夫文 马拉地文 果鲁穆齐旁遮普文 高棉文 亚美尼亚文" 168px
        "西里尔波斯尼亚文 西里尔蒙文 塔吉克文 南非荷兰文 威尔士文 英文 法文 豪萨文 科萨文 拉脱维亚文 毛利文 葡萄牙文 拉丁塞尔维亚文 巴伦西亚文 尼泊尔文 古吉拉特文 泰文 格鲁吉亚文" 168px
        "白俄罗斯文 马其顿文 鞑靼文 哈萨克文 加泰罗尼亚文 爱沙尼亚文 菲律宾文 苏格兰盖尔文 印尼文 斯瓦希里文 马来文 波兰文 斯洛文尼亚文 土耳其文 孔卡尼文 泰卢固文 奥里亚文 希腊文" 168px
        "西里尔阿塞拜疆文 柯尔克孜文 西里尔塞尔维亚文 乌克兰文 拉丁波斯尼亚文 德文 巴斯克文 加利西亚文 伊博文 卢旺达文 马耳他文 拉丁乌兹别克文 斯洛伐克文 土库曼文 捷克文 孟加拉文 僧伽罗文 阿姆哈拉文" 168px
        / 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px 56px;
    grid-area: 语文列表;
}

:where(& #语文列表 > li)
{
    display: block grid;
    grid: ".";

    &:where(.直排左起)
    {
        --文字排版模式: vertical-lr;
    }

    &:where(.横排右起, .横排左起)
    {
        --文字排版模式: horizontal-tb;
    }
}

#简体中文项
{
    grid-area: 简体中文;
}

#繁体中文项
{
    grid-area: 繁体中文;
}

#喃越文项
{
    grid-area: 喃越文;
}

#日文项
{
    grid-area: 日文;
}

#朝文项
{
    grid-area: 朝文;
}

#蒙文项
{
    grid-area: 蒙文;
}

#阿拉伯阿塞拜疆文项
{
    grid-area: 阿拉伯阿塞拜疆文;
}

#维文项
{
    grid-area: 维文;
}

#乌尔都文项
{
    grid-area: 乌尔都文;
}

#阿拉伯文项
{
    grid-area: 阿拉伯文;
}

#达里文项
{
    grid-area: 达里文;
}

#信德文项
{
    grid-area: 信德文;
}

#波斯文项
{
    grid-area: 波斯文;
}

#阿拉伯旁遮普文项
{
    grid-area: 阿拉伯旁遮普文;
}

#中库尔德文项
{
    grid-area: 中库尔德文;
}

#希伯来文项
{
    grid-area: 希伯来文;
}

#西里尔阿塞拜疆文项
{
    grid-area: 西里尔阿塞拜疆文;
}

#白俄罗斯文项
{
    grid-area: 白俄罗斯文;
}

#西里尔波斯尼亚文项
{
    grid-area: 西里尔波斯尼亚文;
}

#保加利亚文项
{
    grid-area: 保加利亚文;
}

#柯尔克孜文项
{
    grid-area: 柯尔克孜文;
}

#马其顿文项
{
    grid-area: 马其顿文;
}

#西里尔蒙文项
{
    grid-area: 西里尔蒙文;
}

#俄文项
{
    grid-area: 俄文;
}

#西里尔塞尔维亚文项
{
    grid-area: 西里尔塞尔维亚文;
}

#鞑靼文项
{
    grid-area: 鞑靼文;
}

#塔吉克文项
{
    grid-area: 塔吉克文;
}

#西里尔乌兹别克文项
{
    grid-area: 西里尔乌兹别克文;
}

#乌克兰文项
{
    grid-area: 乌克兰文;
}

#哈萨克文项
{
    grid-area: 哈萨克文;
}

#南非荷兰文项
{
    grid-area: 南非荷兰文;
}

#拉丁阿塞拜疆文项
{
    grid-area: 拉丁阿塞拜疆文;
}

#拉丁波斯尼亚文项
{
    grid-area: 拉丁波斯尼亚文;
}

#加泰罗尼亚文项
{
    grid-area: 加泰罗尼亚文;
}

#威尔士文项
{
    grid-area: 威尔士文;
}

#丹麦文项
{
    grid-area: 丹麦文;
}

#德文项
{
    grid-area: 德文;
}

#爱沙尼亚文项
{
    grid-area: 爱沙尼亚文;
}

#英文项
{
    grid-area: 英文;
}

#西班牙文项
{
    grid-area: 西班牙文;
}

#巴斯克文项
{
    grid-area: 巴斯克文;
}

#菲律宾文项
{
    grid-area: 菲律宾文;
}

#法文项
{
    grid-area: 法文;
}

#爱尔兰文项
{
    grid-area: 爱尔兰文;
}

#加利西亚文项
{
    grid-area: 加利西亚文;
}

#苏格兰盖尔文项
{
    grid-area: 苏格兰盖尔文;
}

#豪萨文项
{
    grid-area: 豪萨文;
}

#克罗地亚文项
{
    grid-area: 克罗地亚文;
}

#伊博文项
{
    grid-area: 伊博文;
}

#印尼文项
{
    grid-area: 印尼文;
}

#科萨文项
{
    grid-area: 科萨文;
}

#祖鲁文项
{
    grid-area: 祖鲁文;
}

#意大利文项
{
    grid-area: 意大利文;
}

#基切文项
{
    grid-area: 基切文;
}

#卢旺达文项
{
    grid-area: 卢旺达文;
}

#斯瓦希里文项
{
    grid-area: 斯瓦希里文;
}

#拉脱维亚文项
{
    grid-area: 拉脱维亚文;
}

#立陶宛文项
{
    grid-area: 立陶宛文;
}

#卢森堡文项
{
    grid-area: 卢森堡文;
}

#匈牙利文项
{
    grid-area: 匈牙利文;
}

#马耳他文项
{
    grid-area: 马耳他文;
}

#马来文项
{
    grid-area: 马来文;
}

#毛利文项
{
    grid-area: 毛利文;
}

#荷兰文项
{
    grid-area: 荷兰文;
}

#书面挪威文项
{
    grid-area: 书面挪威文;
}

#挪威尼诺斯克文项
{
    grid-area: 挪威尼诺斯克文;
}

#拉丁乌兹别克文项
{
    grid-area: 拉丁乌兹别克文;
}

#波兰文项
{
    grid-area: 波兰文;
}

#葡萄牙文项
{
    grid-area: 葡萄牙文;
}

#罗马尼亚文项
{
    grid-area: 罗马尼亚文;
}

#克丘亚文项
{
    grid-area: 克丘亚文;
}

#阿尔巴尼亚文项
{
    grid-area: 阿尔巴尼亚文;
}

#斯洛伐克文项
{
    grid-area: 斯洛伐克文;
}

#斯洛文尼亚文项
{
    grid-area: 斯洛文尼亚文;
}

#拉丁塞尔维亚文项
{
    grid-area: 拉丁塞尔维亚文;
}

#芬兰文项
{
    grid-area: 芬兰文;
}

#瑞典文项
{
    grid-area: 瑞典文;
}

#拉丁越文项
{
    grid-area: 拉丁越文;
}

#土库曼文项
{
    grid-area: 土库曼文;
}

#土耳其文项
{
    grid-area: 土耳其文;
}

#巴伦西亚文项
{
    grid-area: 巴伦西亚文;
}

#沃洛夫文项
{
    grid-area: 沃洛夫文;
}

#约鲁巴文项
{
    grid-area: 约鲁巴文;
}

#冰岛文项
{
    grid-area: 冰岛文;
}

#捷克文项
{
    grid-area: 捷克文;
}

#孔卡尼文项
{
    grid-area: 孔卡尼文;
}

#尼泊尔文项
{
    grid-area: 尼泊尔文;
}

#马拉地文项
{
    grid-area: 马拉地文;
}

#印地文项
{
    grid-area: 印地文;
}

#阿萨姆文项
{
    grid-area: 阿萨姆文;
}

#孟加拉文项
{
    grid-area: 孟加拉文;
}

#泰卢固文项
{
    grid-area: 泰卢固文;
}

#古吉拉特文项
{
    grid-area: 古吉拉特文;
}

#果鲁穆齐旁遮普文项
{
    grid-area: 果鲁穆齐旁遮普文;
}

#泰米尔文项
{
    grid-area: 泰米尔文;
}

#卡纳达文项
{
    grid-area: 卡纳达文;
}

#僧伽罗文项
{
    grid-area: 僧伽罗文;
}

#奥里亚文项
{
    grid-area: 奥里亚文;
}

#泰文项
{
    grid-area: 泰文;
}

#高棉文项
{
    grid-area: 高棉文;
}

#老挝文项
{
    grid-area: 老挝文;
}

#提格利尼亚文项
{
    grid-area: 提格利尼亚文;
}

#阿姆哈拉文项
{
    grid-area: 阿姆哈拉文;
}

#希腊文项
{
    grid-area: 希腊文;
}

#格鲁吉亚文项
{
    grid-area: 格鲁吉亚文;
}

#亚美尼亚文项
{
    grid-area: 亚美尼亚文;
}

#切罗基文项
{
    grid-area: 切罗基文;
}

:where(& #语文列表 > li > :first-child span)
{
    display: block grid;
    grid: ".";
}

:where(& #语文列表 > li > :not(:first-child)) /***待开发*/
{
    display: none;
}

}

#指向器弹条 {display: none;}

#重置弹条 {display: none;}

@scope (#捷图组)
{

&
{
    --文字排版模式: inherit;
    --基调字色: light-dark(var(--亮调字色), var(--暗调字色));
    color: var(--基调字色);
    display: contents;
    font-family: inherit;
    font-size: 15px;
    line-height: 1.2;
}

:where(li)
{
    --图标边长: 33px;
    --文本块长: 1lh;
    --捷图行长: max(1px * pow(2, 6) + 11px, var(--图标边长));
    box-sizing: border-box;
    contain: strict;
    display: block grid;
    grid: "图" var(--图标边长) "文" var(--文本块长);
    inline-size: var(--捷图行长);
    place-content: start unsafe center;
    place-items: start unsafe center;
    position: absolute;
    touch-action: none;
}

:where(li:focus)
{
    contain: layout size style;
}

:where(li:focus, li:hover)
{
    will-change: right, top;
}

:where(picture)
{
    aspect-ratio: 1;
    box-sizing: border-box;
    contain: strict;
    display: block grid;
    grid: "." 100% / 100%;
    grid-area: 图;
    height: var(--图标边长);
}

:where(img)
{
    box-sizing: border-box;
    display: block flow-root;
    height: 100%;
    object-fit: scale-down;
    /*@***待实现：事项 HTML要保证捷图图标替文不会过长，以免刷版@*/
    white-space: nowrap; /*图标无法加载时，替文不换行，以免与捷图文本重叠*/
    width: 100%;
}

:where(div)
{
    block-size: var(--文本块长);
    box-sizing: border-box;
    display: block flow-root;
    grid-area: 文;
    inline-size: calc-size(max-content, min(size, var(--捷图行长)));
    line-break: loose;
    overflow-wrap: anywhere;/*@***待实现：事项 HTML要保证捷图文本不会过长，以免刷版@*/
    text-align: center;
    text-overflow: ellipsis;
}

:where(& li:not(:focus) div)
{
    overflow: clip;
    white-space: nowrap;
}

:where(& li:focus div)
{
    contain: layout style;
}

}

@scope (#墙面令单, #总务栏令单, #捷图令单, #编辑令单)
{

&
{
    --文字排版模式: inherit;
    --右起: 0px;
    --上起: 0px;
    --令项图标边长: 14px;
    --阴影横移: -5px;
    --阴影横移向量: var(--阴影横移);
    --显隐初始缩放比: calc(pow(2, -6) * 60 + pow(2, -12) * 49);
    --内边距: 6px;
    --过渡时间: calc(1ms * (pow(2, 6) * 3 + 18));
    --过渡节奏函数: cubic-bezier(
        calc(pow(2, -6) * 14 + pow(2, -12) * 46), 1,
        calc(pow(2, -6) * 20 + pow(2, -12) * 31), 1);
    --附加过渡属性值: ,
        display var(--过渡时间) step-end allow-discrete,
        opacity var(--过渡时间) var(--过渡节奏函数),
        overlay var(--过渡时间) step-end allow-discrete,
        scale var(--过渡时间) var(--过渡节奏函数);
    backdrop-filter: var(--令单底滤器);
    background: var(--令单底色);
    block-size: calc-size(max-content, min(size, 7px * pow(2, 6) + 21px, 92dvb));
    border-radius: 6px;
    box-shadow: var(--窗口边缘柔阴影色) var(--阴影横移向量) 5px 22px 5px;
    color: var(--令单字色);
    font-family: inherit;
    font-size: 14px;
    inline-size: calc-size(
        max-content,
        max(min(size, 5px * pow(2, 6) + 26px, 92dvi), 2px * pow(2, 6) + 33px));
    line-height: calc(1 + pow(2, -6) * 37);
    opacity: 0;
    outline: none;
    overflow: auto; /*防止令项过多*/
    padding: var(--内边距);
    position: absolute;
    position-anchor: --墙面;
    position-try: --环境令单试下起, --环境令单试左起, --环境令单试左下起;
    right: calc(anchor(right) + var(--右起));
    scale: var(--显隐初始缩放比);
    top: calc(anchor(top) + var(--上起));
    will-change: opacity, scale;

    @container style(--文字排版模式: horizontal-tb)
    {
        &:where(:dir(ltr))
        {
            --阴影横移向量: calc(0px - var(--阴影横移));
            left: calc(anchor(right) - var(--右起));
            position-try: --环境令单试下起, --环境令单试右起, --环境令单试右下起;
            right: auto;
        }
    }
    @container style(--文字排版模式: vertical-lr)
    {
        --阴影横移向量: calc(0px - var(--阴影横移));
        left: calc(anchor(right) - var(--右起));
        position-try: --环境令单试下起, --环境令单试右起, --环境令单试右下起;
        right: auto;
    }
}

&:where(:popover-open)
{
    display: block grid;
    opacity: 1;
    scale: none;
    @starting-style
    {
        opacity: 0;
        scale: var(--显隐初始缩放比);
    }
}

:where(li[role=none]:not(:first-child))
{
    display: block grid;
    grid: ".";
}

:where(button)
{
    outline: none;
    overflow: auto; /*防止令项文过长*/
    white-space: nowrap;
}

:where(span)
{
    display: block grid;
    gap: 0 6px;
    grid: ". ." / var(--令项图标边长);
    padding-inline: 8px 0;
}

:where(span)::before
{
    aspect-ratio: 1;
    background: center / cover no-repeat border-box;
    block-size: var(--令项图标边长);
    box-sizing: border-box;
    contain: strict;
    content: "";
    display: block grid;
    grid: ".";
    place-self: center;
}

:where(li[role=separator])
{
    background: var(--令单分割条色);
    block-size: 1px;
    box-sizing: border-box;
    contain: strict;
    display: block grid;
    grid: ".";
}

:where(li:first-child)
{
    --附加过渡属性值: ,
        inset-block-start cubic-bezier(0, 0, calc(pow(2, -6) * 34 + pow(2, -12) * 60), 1) calc(1ms * (pow(2, 6) + 20));
    background: var(--令项悬浮底色);
    block-size: 1lh;
    border-radius: 4px;
    contain: strict;
    display: none;
    grid: ".";
    inline-size: calc(100% - var(--内边距) * 2);
    inset-inline-start: var(--内边距);
    position: absolute;
}

:where(&:popover-open li:first-child)
{
    will-change: inset-block-start;
}

}

@position-try --环境令单试下起
{
    bottom: calc(anchor(top) - var(--上起));
    top: auto;
}

@position-try --环境令单试右起
{
    left: auto;
    right: calc(anchor(right) + var(--右起));
}

@position-try --环境令单试右下起
{
    bottom: calc(anchor(top) - var(--上起));
    left: auto;
    right: calc(anchor(right) + var(--右起));
    top: auto;
}

@position-try --环境令单试左起
{
    left: calc(anchor(right) - var(--右起));
    right: auto;
}

@position-try --环境令单试左下起
{
    bottom: calc(anchor(top) - var(--上起));
    left: calc(anchor(right) - var(--右起));
    right: auto;
    top: auto;
}

@scope (#墙面令单)
{

:where(& li:nth-child(2) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(3) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(4) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(6) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

}

@scope (#总务栏令单)
{

:where(& li:nth-child(2) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(3) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

}

@scope (#捷图令单)
{

:where(& li:nth-child(2) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(3) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(5) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

}

@scope (#编辑令单)
{

:where(& li:nth-child(2) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(3) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(4) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

:where(& li:nth-child(6) span)::before
{
    background-image: url(/image/todo/aspect-ratio/1/height/14);
    @media (prefers-color-scheme: dark)
    {
        background-image: url(/image/todo/aspect-ratio/1/color-scheme/dark/height/14);
    }
}

}

:where(#市民广场对话框 > :nth-child(2) > button, #市民广场对话框 > :nth-child(2) > ul button)
{
    --轮廓起始外扩长度: min(calc(var(--轮廓起始外扩标准长度) - var(--浮边边厚) - var(--浮边边圈隙)), 0px);
    span
    {
        --附加过渡属性值: , --浮边进度 calc(1ms * (pow(2, 6) * 3 + 58)) cubic-bezier(calc(9 / 64), calc(42 / 64), calc(20 / 64), 1);
        --浮边边圈隙: 1px;
        background: paint(浮边);
    }
}

@property --浮边进度
{
    inherits: false;
    initial-value: 0%;
    syntax: "<percentage>";
}

@property --浮边上起
{
    inherits: false;
    initial-value: 0;
    syntax: "<length>";
}

@property --浮边左起
{
    inherits: false;
    initial-value: 0;
    syntax: "<length>";
}

@property --浮边边厚
{
    inherits: false;
    initial-value: 1px;
    syntax: "<length>";
}

}