.pro_type_grid .pro_item{
        width: calc(50% - .21rem * 2);
    }
    .van-popover--light{
        position: absolute; left: 78%; top: 30px; margin: 0px; z-index: 999999;
    }
    .lang_icon{float: right;margin-right:80px;  margin-top:15px;}
    
    			@media only screen and (max-width: 768px) {
              /* 在这里编写针对移动设备的CSS规则 */
              .pc-nav{
               display: none;
              }
            }
            .login-pf{display:none;}
            #user-login{display:none;}

    /* 顶栏分类栏（照 candy.ai 原版 #head-btn-group）：当前分类高亮（底部粉条 + 粉字 + 粉图标） */
    .head-btn.active{border-bottom-color:#F97187;}
    .head-btn.active .text-white{color:#F97187;}
    .head-btn.active svg path:not([stroke]){fill:#F97187;}
    .head-btn.active svg path[stroke]{stroke:#F97187;}
    /* 非当前分类：清掉切换时残留的粉色（Turbo 只换内容区、顶栏不重建，旧高亮类会残留） */
    .head-btn:not(.active){border-bottom-color:transparent !important;}
    .head-btn:not(.active) .text-white,
    .head-btn:not(.active) div:last-child{color:#fff !important;}

    /* 顶栏分类切换：只替换该 frame 的内容区（Turbo Frame），顶栏不重建 */
    #main-content-frame{display:block;}

    /* 手机端：分类栏收成 header 内的紧凑下拉（照 candy.ai 手机端 header：图标 + 下箭头 → 点开 Girls/Anime/Guys） */
    .fy-catdd{display:none;}
    @media only screen and (max-width: 767px){
        #head-btn-group{display:none !important;}
        .fy-catdd{display:flex;align-items:center;position:relative;margin-left:2px;}
    }
    .fy-catdd-btn{display:flex;align-items:center;gap:1px;height:24px;padding:0 4px;border:0;background:transparent;border-radius:10px;cursor:pointer;}
    .fy-catdd-ic{width:24px;height:24px;display:block;}
    .fy-catdd-chev{width:12px;height:12px;display:block;}
    .fy-catdd-panel{position:absolute;left:0;top:100%;margin-top:12px;width:160px;background:#18181B;border-radius:6px;
        box-shadow:0 0 24px 0 rgba(0,0,0,.45);z-index:60;padding:14px 16px;display:flex;flex-direction:column;gap:16px;}
    .fy-catdd-panel a{display:flex;align-items:center;gap:7px;color:#fff;font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap;}
    .fy-catdd-panel a img{width:24px;height:24px;flex:0 0 auto;display:block;}
    .fy-catdd-panel.hidden{display:none;}
    
    @media only screen and ((min-width: 1024px)){
        .van-popover--light{
            top:60px;
        }
        .lang_icon{
            margin-right:180px;
            margin-top:18px;
        }
        .lang-active {
            width: 200px;
        }
    }
    @media only screen and (max-width: 1024px) {
        /* 手机端未登录：注册/登录按钮移到顶栏右上角（原来被隐藏，只在左侧抽屉里显示） */
        .pc-rg-login{
            display: flex;
            align-items: center;
            gap: 8px;
            margin-left: auto;
        }
        .pc-rg-login > div{
            gap: 8px;
        }
        .pc-rg-login a{
            width: auto;
            height: 30px;
            padding: 0 12px;
        }
        .pc-rg-login a div{
            font-size: 12px;
        }
        /* Subscriptions.html 顶栏的注册/登录仍是 div（点击走站内弹窗），一并收成小号，
           否则手机端保持 90×32 的固定尺寸，比其它页面（a 标签自适应）宽一圈 */
        .pc-rg-login > div > div{
            width: auto;
            height: 30px;
            padding: 0 12px;
        }
        .pc-rg-login > div > div > div{
            font-size: 12px;
        }
         .nav-zk{
            display: none !important;
        }
      
      
        .van-popover--light{
                position: absolute; left: 55%; top: 55px; margin: 0px; z-index: 999999;width: 150px;
         }
       
    }
    .lang-select:hover{background-color:#374151;}
    .lang-active {
        display: block;
    }
    .van-popover__content {
        background-color: #18181B;
        color: #FFFFFF;
        overflow: hidden;

    }
    .van-popover__action {
        line-height: 2;
        height: auto;

        align-items: center;
        box-sizing: border-box;
        width:100%;

        padding: 0 0.26667vw;


        cursor: pointer;
    }

    .van-popover__action-text {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        /* height: 100%; */
    }


    .lang-close {
        display: none;
    }
.googletranslate{
	display: none;
}
.skiptranslate{display: none;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -9999px; /* 或者 left: -9999px */}
#goog-gt-tt~div:not(.layui-layer){
	display: none;
	visibility: hidden;
	opacity: 0;
	position: absolute;	top: -9999px; }
	
	/*#goog-gt-tt{*/
	/*display: none;*/
	/*visibility: hidden;*/
	/*opacity: 0;*/
	/*position: absolute;*/
	/*top: -9999px; }*/

.layui-layer{
    	display: block;
}

    .page-header-background .banner{
        top:-2.4rem;
    }

/* ---------------------------------------------------------------
   侧边栏导航：隐藏原生滚动条
   小屏笔记本（非 24 寸）导航列表高于视口时会出现 Windows 原生滚动条，
   与暗色侧栏风格冲突，这里统一隐藏但仍可滚动。
   --------------------------------------------------------------- */
[data-main-target="mainSidebarClosedContainer"] nav,
[data-main-target="mainSidebarClosedContainer"] ul,
[data-main-target="mainSidebarOpenedContainer"] nav,
[data-main-target="mainSidebarOpenedContainer"] ul,
[data-main-target="mainMobileSidebarContainer"] ul{
    overflow-x: hidden;
    scrollbar-width: none;          /* Firefox */
    -ms-overflow-style: none;       /* 旧 Edge / IE */
}
[data-main-target="mainSidebarClosedContainer"] ul::-webkit-scrollbar,
[data-main-target="mainSidebarOpenedContainer"] ul::-webkit-scrollbar,
[data-main-target="mainMobileSidebarContainer"] ul::-webkit-scrollbar{
    width: 0;
    height: 0;
    display: none;
}
/* 侧栏本身也不出现滚动条（撑满视口高度） */
[data-main-target="mainSidebarClosedContainer"],
[data-main-target="mainSidebarOpenedContainer"]{
    overflow: hidden;
}

/* ---------------------------------------------------------------
   顶栏右上角（新版导航形态）：成就徽章 + tokens 胶囊 + 头像菜单
   数值取自 candy /payments 新版导航实测排版，供各页面统一复用。
   --------------------------------------------------------------- */
.fy-navright{display:flex;align-items:center;flex:1 1 auto;justify-content:flex-end;gap:8px;}
@media only screen and ((min-width: 1024px)){
    .fy-navright{gap:16px;}
}
/* 成就徽章 */
.fy-achv{position:relative;display:flex;width:34px;height:34px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:9999px;border:1px solid #2e2e2e;background:#1f1f1f;color:#ffc24b;}
.fy-achv svg{width:17px;height:17px;}
.fy-achv-tag{position:absolute;right:-8px;top:-8px;border-radius:9999px;background:#E75275;padding:0 4px;font-size:9px;font-weight:700;line-height:14px;color:#fff;}
/* tokens 余额胶囊 */
.fy-chipwrap{position:relative;width:fit-content;}
.fy-chip{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border-radius:100px;background:#2b2416;color:#fff;font-size:14px;font-weight:600;line-height:20px;border:0;cursor:pointer;}
button.fy-chip{background-color:#2b2416;background-image:none;border:0;}
.fy-chip:hover{background:#332a19;}
.fy-chip-coin{width:18px;height:18px;}
.fy-chip-arrow{width:16px;height:16px;opacity:.7;transition:transform .2s;}
.fy-chipwrap.open .fy-chip-arrow{transform:rotate(180deg);}
.fy-chip-pop{position:absolute;right:0;top:100%;margin-top:10px;z-index:30;min-width:224px;max-width:calc(100vw - 16px);border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#18181B;box-shadow:0 10px 15px -3px rgba(0,0,0,.45),0 4px 6px -4px rgba(0,0,0,.45);overflow:hidden;}
.fy-chip-pop.hidden{display:none;}
.fy-chip-pop-in{padding:0 16px;display:flex;flex-direction:column;}
.fy-chip-pop-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;width:100%;}
.fy-chip-pop-label{color:#fff;font-size:13px;font-weight:500;white-space:nowrap;}
.fy-chip-pop-val{display:flex;align-items:center;gap:4px;color:#fff;font-size:13px;font-weight:700;}
.fy-chip-pop-val img{width:16px;height:16px;}
.fy-chip-pop-sep{display:block;height:1px;background:rgba(255,255,255,.15);}
.fy-chip-pop-foot{padding:0 16px 12px;}
.fy-chip-pop-cta{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;border-radius:10px;background:#E75275;color:#fff;font-size:14px;font-weight:600;text-decoration:none;}
.fy-chip-pop-cta:hover{background:#f0607f;color:#fff;}
.fy-chip-pop-cta img{width:20px;height:20px;}
.fy-chip-pop-foot .fy-chip-pop-cta{margin:0;width:100%;min-width:150px;}
/* 头像按钮 + 下拉菜单 */
.fy-profilewrap{position:relative;width:fit-content;}
.fy-avatar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:9999px;background:#221c26;cursor:pointer;}
button.fy-avatar-btn{background-color:#221c26;background-image:none;border:0;}
.fy-avatar-btn img{width:18px;height:18px;}
.fy-avatar-dot{position:absolute;right:-4px;bottom:-4px;width:14px;height:14px;border-radius:9999px;background:#ef4444;border:2.5px solid #221c26;}
.fy-profile-menu{position:absolute;right:0;top:100%;margin-top:10px;z-index:30;min-width:224px;border-radius:10px;background:#18181B;box-shadow:0 10px 15px -3px rgba(0,0,0,.45),0 4px 6px -4px rgba(0,0,0,.45);overflow:hidden;}
.fy-profile-menu a,.fy-profile-menu button{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:12px 16px;border:0;background:#18181B;color:#fff;font-size:14px;font-weight:600;line-height:normal;text-decoration:none;text-align:left;cursor:pointer;}
.fy-profile-menu a:hover,.fy-profile-menu button:hover{background:#374151;color:#fff;}
.fy-profile-menu img,.fy-profile-menu svg{width:20px;height:20px;flex:0 0 auto;}
.fy-profile-menu form{margin:0;}
/* 手机端：头像入口已并入左侧抽屉，顶栏不再显示头像 */
@media only screen and (max-width: 1023px){
    .fy-profilewrap{display:none;}
}

/* ---------------------------------------------------------------
   侧边栏（新版外观）：分隔线 / 语言切换 / 悬浮提示 / 移动端抽屉
   取值照参考页（Subscriptions.html）实测排版；旧包缺少的工具类在这里补齐。
   菜单项沿用站点原有内容，只套外观。
   --------------------------------------------------------------- */
/* 渲染前先藏起来，避免旧侧栏一闪而过 */
html.fy-shell-pending [data-main-target="mainSidebarClosedContainer"] nav,
html.fy-shell-pending [data-main-target="mainSidebarOpenedContainer"] nav,
html.fy-shell-pending [data-main-target="mainMobileSidebarContainer"] nav{visibility:hidden;}

/* 分隔线（旧包没有 bg-white/10） */
.fy-hr-li{position:relative;width:100%;height:1px;flex:0 0 auto;background:rgba(255,255,255,.1);}

/* Gallery 页（body.galleries）：该页是全屏画廊，不显示左侧导航
   （桌面收起条 / 桌面展开栏 / 手机抽屉 + 顶栏汉堡），主体撤掉给导航留的 120px。
   只在 Gallery.html 的 body 上出现 galleries 类，故用 body.galleries 限定。 */
body.galleries [data-main-target="mainSidebarClosedContainer"],
body.galleries [data-main-target="mainSidebarOpenedContainer"],
body.galleries [data-main-target="mainMobileSidebarContainer"],
body.galleries #nav-hamburger{display:none !important;}
body.galleries [data-main-target="contentContainer"]{padding-left:0 !important;}

/* 语言切换：按钮 + 下拉 */
.fy-langwrap{position:relative;width:100%;}
.fy-langbtn{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:transparent;background-image:none;color:#d1d1d1;font-size:13px;font-weight:500;line-height:20px;cursor:pointer;}
.fy-langbtn:hover{background-color:#3f3f46;}
.fy-langbtn-sm{height:48px;padding:0 12px;}
.fy-langbtn-label{color:#d1d1d1;font-size:13px;font-weight:500;}
/* 语言弹层：fixed 定位，坐标由 shell-new.js 按按钮位置算。
   侧栏底部那个 ul 只有 200 多像素高且被 overflow 裁剪，absolute 向上弹的 320px 菜单只剩一条边。 */
.fy-lang-menu{position:fixed;z-index:60;min-width:160px;max-height:min(430px,calc(100vh - 24px));overflow-y:auto;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#18181B;box-shadow:0 10px 15px -3px rgba(0,0,0,.45),0 4px 6px -4px rgba(0,0,0,.45);padding:6px 0;}
.fy-lang-menu.hidden{display:none;}
.fy-lang-item{display:block;padding:8px 16px;color:#fff;font-size:13px;line-height:18px;text-decoration:none;cursor:pointer;}
.fy-lang-item:hover{background-color:#374151;color:#fff;}
.fy-lang-item{display:flex;align-items:center;gap:8px;}
.fy-lang-item .fy-lang-flag{width:20px;height:14px;border-radius:2px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.12);}
/* 移动端抽屉语言区：按钮带文案，菜单内联展开。外观照参考站底部那颗语言胶囊
   （w-full justify-between px-2.5 py-1 rounded-[5px] border-neutral-400） */
.fy-langbtn-m{height:auto;padding:4px 10px;justify-content:space-between;border-color:#a3a3a3;border-radius:5px;}
.fy-langbtn-m .fy-lang-cur{width:22px;height:16px;border-radius:2px;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px rgba(255,255,255,.15);}
.fy-langbtn-m .fy-langbtn-label{flex:1 1 auto;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fy-langbtn-m .fy-lang-caret{width:14px;height:14px;flex:0 0 auto;color:#9ca3af;transition:transform .18s ease;}
.fy-langwrap-m.open .fy-lang-caret{transform:rotate(180deg);}
.fy-langwrap-m .fy-lang-menu{position:static;width:100%;max-height:300px;margin:6px 0 2px;box-shadow:none;}

/* 侧栏项悬浮提示（旧包没有 navbar-tooltip 控制器）
   visibility/opacity 必须带 !important：页面加载 Google 翻译后，
   #goog-gt-tt ~ div:not(.layui-layer) 规则会把后插入 body 的 div 强制隐藏。 */
.fy-tip{position:fixed !important;z-index:9999 !important;visibility:visible !important;opacity:1 !important;display:none;padding:8px 12px;border-radius:8px;background:#616162;color:#fff;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;pointer-events:none;box-shadow:0 1px 2px rgba(0,0,0,.1);}

/* 侧栏高度分配：旧包缺 min-h-0，列表撑高后底部会挤出视口且无法滚动 */
[data-main-target="mainSidebarClosedContainer"]>nav,
[data-main-target="mainSidebarOpenedContainer"]>nav{height:100%;}
[data-main-target="mainSidebarClosedContainer"]>nav>div,
[data-main-target="mainSidebarOpenedContainer"]>nav>div{flex:1 1 auto;min-height:0;}
[data-main-target="mainSidebarClosedContainer"]>nav>div>ul,
[data-main-target="mainSidebarOpenedContainer"]>nav>div>ul{flex:1 1 auto;min-height:0;overflow-y:auto;}
[data-main-target="mainSidebarClosedContainer"]>nav>ul,
[data-main-target="mainSidebarOpenedContainer"]>nav>ul{flex:0 0 auto;}

/* 移动端抽屉 */
/* 手机端左侧抽屉：结构/数值照参考站新版外壳的 mobile drawer
   （各页 Tailwind 包版本不一，参考站依赖的 size-3、bg-white/10、bg-[#1E1E1E]、
   border-[#2F2F32]、border-[#131313]、[&_a]:min-h-6 等在旧包里缺失，这里固定下来） */
.fy-drawer{padding:calc(1.25rem + env(safe-area-inset-top)) 20px 20px;gap:10px;background:#18181b;}
.fy-drawer a,.fy-drawer button{min-height:1.5rem;}
.fy-drawer-userbtn{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;background-image:none;padding:0;color:#d1d1d1;font-size:13px;cursor:pointer;}
.fy-drawer-userlabel{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;}
.fy-drawer-userlabel>span{color:#d1d1d1;font-size:13px;font-weight:600;}
.fy-drawer-dot{position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;border-radius:9999px;background:#ef4444;border:2px solid #131313;}
.fy-drawer-foot{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 20px;border-top:1px solid #2F2F32;background:#1E1E1E;}
/* 底栏内容：一个大按钮 Category + 四个小按钮两行两列（照参考站 footer 的排布与描边） */
.fy-cat-wrap{position:relative;width:100%;padding:4px 10px;border:1px solid #A4A4A4;border-radius:10px;}
.fy-cat-btn{display:flex;align-items:center;gap:3px;width:100%;min-height:24px;padding:0;border:0;background:transparent;background-image:none;color:#fff;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;}
.fy-cat-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;}
.fy-cat-icon>img,.fy-cat-caret>img{width:100%;height:100%;}
.fy-cat-text{display:flex;align-items:center;gap:4px;min-width:0;}
.fy-cat-v{font-weight:300;}
.fy-cat-caret{display:flex;align-items:center;justify-content:center;width:12px;height:12px;margin-left:auto;flex:0 0 auto;}
/* 菜单向上弹：参考站是往下弹（top:70%），但底栏已在抽屉最底部，
   往下弹会盖住那四个小按钮且第三项超出视口，这里镜像成向上弹。 */
.fy-cat-menu{position:absolute;left:0;right:0;bottom:100%;z-index:50;margin-bottom:8px;display:flex;flex-direction:column;gap:16px;padding:14px 16px;border-radius:6px;background:#18181b;box-shadow:0 0 24px 0 rgba(0,0,0,.45);}
.fy-cat-menu.hidden{display:none;}
.fy-cat-item{display:flex;align-items:center;gap:7px;color:#fff;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;}
.fy-foot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;}
.fy-foot-btn{display:flex;align-items:center;justify-content:center;min-width:0;min-height:32px;padding:6px 8px;border:1px solid #A4A4A4;border-radius:8px;color:#E5E5E5;font-size:11px;font-weight:500;text-align:center;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;background-image:none;cursor:pointer;}
.fy-foot-grid .fy-langwrap{min-width:0;}
.fy-drawer-menu{position:relative;z-index:10;width:100%;margin-top:10px;border-radius:8px;background:#18181b;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:16px;padding:16px 0 0;}
.fy-drawer-menu.hidden{display:none;}
.fy-drawer-menu a,.fy-drawer-menu button{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;background-image:none;padding:0;color:#d1d1d1;font-size:13px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer;}
.fy-drawer-menu a:hover,.fy-drawer-menu button:hover{color:#fff;}
.fy-drawer-menu img,.fy-drawer-menu svg{width:20px;height:20px;flex:0 0 auto;}
.fy-drawer-menu form{margin:0;}

/* 手机端底部导航（≤1023px）：两种状态都是 5 格 —— 登录态 Home/Shorts/Create/Chat/Tokens、
   未登录 Home/Explore/Generate/Create/Premium，内容由 js/shell-new.js 渲染；
   尺寸/间距/颜色照参考站「图片/home.html 的 mobile_bottom_bar」翻译 */
.fy-bnav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:100%;height:70px;padding:8px 12px;background:#131313;border-top:1px solid rgba(255,255,255,.2);}
.fy-bnav[data-variant="guest"]{grid-template-columns:repeat(5,minmax(0,1fr));}
.fy-bnav-item{display:flex;flex-direction:column;align-items:center;min-width:0;}
.fy-bnav-item>img,.fy-bnav-item>svg{width:24px;height:24px;flex:0 0 auto;}
.fy-bnav-label{margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1;color:#A1A1A1;}
.fy-bnav-item.is-active .fy-bnav-label{color:var(--primary-color,#F97187);}
.fy-bnav-create{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0;border:0;background:transparent;background-image:none;font:inherit;cursor:pointer;}
.fy-bnav-premium{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:48px;padding-top:2px;border-radius:10px;background:linear-gradient(to top,#5B4514 2%,rgba(91,69,20,0) 98%);}
.fy-bnav-premium>img{width:24px;height:24px;flex:0 0 auto;}
.fy-bnav-star,.fy-bnav-premium>img.fy-bnav-star{position:absolute;top:1px;width:10px;height:10px;}
.fy-bnav-star-l{left:8px;}
.fy-bnav-star-r{right:8px;transform:scaleX(-1);}
@media (min-width:1024px){.fy-bnav{display:none !important;}}

/* Create 底部面板（照参考站 create-menu 面板：位置/圆角/渐变/动效一致） */
.fy-createmenu{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s;}
.fy-createmenu.is-open{visibility:visible;opacity:1;pointer-events:auto;}
.fy-createmenu-veil{position:absolute;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
.fy-createmenu-card{position:absolute;bottom:86px;left:50%;display:flex;flex-direction:column;gap:26px;width:320px;max-width:calc(100% - 44px);padding:22px;border-radius:16px;background:radial-gradient(125% 95% at 12% 0%,#43263a 0%,#2a2229 42%,#1c1c1e 100%);transform:translateX(-50%) translateY(16px) scale(.95);transform-origin:bottom;opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;}
.fy-createmenu.is-open .fy-createmenu-card{transform:translateX(-50%) translateY(0) scale(1);opacity:1;}
.fy-createmenu-item{display:flex;align-items:center;gap:14px;text-decoration:none;}
.fy-createmenu-tile{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:41px;height:41px;border-radius:10px;background:rgba(255,255,255,.07);}
.fy-createmenu-tile>img{width:21px;height:21px;object-fit:contain;}
.fy-createmenu-text{flex:1 1 auto;min-width:0;}
.fy-createmenu-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;line-height:19px;color:#fff;}
.fy-createmenu-badge{flex:0 0 auto;padding:3px 8px;border-radius:9999px;background:#f51e1c;font-size:9.5px;font-weight:700;line-height:12px;letter-spacing:.03em;color:#fff;}
.fy-createmenu-sub{display:block;margin-top:2px;font-size:11.5px;line-height:16px;color:#9D949B;}
.fy-createmenu .fy-createmenu-close{position:absolute;bottom:15px;left:50%;display:flex;align-items:center;justify-content:center;width:41px;height:41px;transform:translateX(-50%);border:0;border-radius:9999px;background-color:#E7E5E6;background-image:none;cursor:pointer;}
.fy-createmenu-close>img{width:19px;height:19px;}
@media (min-width:1024px){.fy-createmenu{display:none !important;}}

/* ---------------------------------------------------------------
   语言选择大弹窗（原站 Select your language 同款）：
   各页面自带的 Tailwind 构建不一定编译了这些自定义类/任意值类/配色变量，
   这里按参考页（settings_files 的构建）取值兜底，保证每页弹窗外观一致。
   另外两部分是非改不可的：
     1) 注入的弹窗若排在 google 翻译的 #goog-gt-tt 之后，会命中站内
        「#goog-gt-tt ~ div{display:none}」规则被整块隐藏 -> shell-new 会插到 body 最前面；
     2) 手机抽屉是 z-100，弹窗原本 z-90 会被抽屉压住 -> 这里抬到 120。
   --------------------------------------------------------------- */
#language-select-modal{position:relative;z-index:120;}
.text-1xl{font-size:24px;line-height:34px;}
.border-3{border-style:solid;border-width:3px;}
.border-primary{border-color:var(--primary-color,#E75275);}
.text-grey-medium{color:#d1d1d1;}

#language-select-modal .bg-neutral-800,
#language-select-modal .hover\:bg-neutral-800:hover{background-color:#262626;}
#language-select-modal .border-neutral-700{border-color:#404040;}
#language-select-modal .border-neutral-400{border-color:#a3a3a3;}
#language-select-modal .border-t-neutral-700{border-top-color:#404040;}
#language-select-modal .text-neutral-400{color:#a3a3a3;}
#language-select-modal .bg-\[\#131313\]{background-color:#131313;}
#language-select-modal .border-white\/10{border-color:rgba(255,255,255,.1);}
#language-select-modal .rounded-\[10px\]{border-radius:10px;}
#language-select-modal .rounded-\[5px\]{border-radius:5px;}
#language-select-modal .p-\[40px\]{padding:40px;}
#language-select-modal .gap-\[40px\]{gap:40px;}
#language-select-modal .pr-\[40px\]{padding-right:40px;}
#language-select-modal .w-\[14px\]{width:14px;}
#language-select-modal .w-\[24px\]{width:24px;}
#language-select-modal .w-3\.5{width:.875rem;}

/* 遮罩 + 面板：结构选择器兜底（不依赖 Tailwind 是否编译了那些任意值类） */
#language-select-modal>[data-fy-lang-mask]{position:fixed;inset:0;z-index:120;display:block;overflow-y:auto;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
#language-select-modal>[data-fy-lang-mask]>div{display:flex;align-items:center;width:100%;min-height:100svh;padding:0;text-align:center;}
#language-select-modal>[data-fy-lang-mask]>div>div{position:relative;width:100%;overflow:hidden;text-align:left;background-color:#131313;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);}
#language-select-modal .w-full.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;}
@media (min-width:768px){
  #language-select-modal>[data-fy-lang-mask]{padding:16px;}
  #language-select-modal>[data-fy-lang-mask]>div{justify-content:center;}
  #language-select-modal>[data-fy-lang-mask]>div>div{max-width:715px;border-radius:12px;}
  #language-select-modal .w-full.grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* 语言切换按钮里的旗标：与同排按钮的图标同尺寸，等比缩放不拉伸 */
.fy-langflag{flex:0 0 auto;object-fit:contain;}
.fy-foot-btn .fy-langflag{width:14px;height:14px;margin-right:6px;}