/* 全局样式重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

   

        /* 页面背景容器 - 预留背景图片位置 */
    body {
            font-family: 'Arial', sans-serif;
            /* 预留背景图片位置，替换为实际图片路径即可 */
            background-image: url(./sqback.png);
            background-color: #f0f2f5; /* 默认背景色 */
            background-size: cover; /* 背景图片覆盖整个页面 */
            background-position: center; /* 背景图片居中显示 */
            background-repeat: no-repeat; /* 不重复显示 */
            min-height: 100vh; /* 确保页面至少占满整个视口高度 */
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 20px;
    }

        /* 页面标题样式 */
        h1 {
            color: #333;
            margin-bottom: 40px;
            text-align: center;
            font-size: 2.5em;
            text-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }


/* 按钮样式保持不变 */
 .jump-button  {
    padding: 13px 25%;
    font-size: 16px;
    font-weight: bold;
    color: white;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
}


/* 按钮容器：右半侧区域内居中 */
.button-container {
    /* 定位到右半侧 */
    position: absolute;
    top: 0;
    right: 0;
    width: 50%; /* 占用右半侧宽度 */
    height: 100vh; /* 占满视口高度 */
    
    /* 在右半侧区域内垂直+水平居中 */
    display: flex;
    flex-direction: column;
    justify-content: center; /* 垂直居中 */
    align-items: center; /* 水平居中 */
    gap: 15px; /* 按钮间距 */
    
    /* 容器样式 */
    padding: 20px;
    box-sizing: border-box;
}

/* 第二行：两个按钮容器 */
.button-group {
    
    display: flex;
    gap: 5%; /* 两个按钮中间的间隔 */
    width: 100%;
    max-width: 220px; /* 与其他按钮的最大宽度保持一致 */
    justify-content: center; /* 按钮在容器内水平居中 */
}



/* 第二行按钮：左右各占一半，高度与其他行一致 */
.button-group .jump-button {
    /*position: absolute;
  /* 按钮宽度自适应内容 */
    width: auto;
    white-space: nowrap; /* 防止文字换行 */
    
    /* 以下样式与其他按钮保持一致 */
    padding: 12px 27.5%;
    font-size: 16px;
    font-weight: bold;
    color: white;
    background-color: #67c23a;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
}

/* 按钮颜色变体 */
.button-group .jump-button.green { background-color: #67c23a; }
.button-group .jump-button.orange { background-color: #e6a23c; }

/* 交互效果与其他按钮保持一致 */
/* .button-group .jump-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
} */


/* 按钮颜色变体 */
.jump-button.blue { background-color: #409eff; }
.jump-button.green { background-color: #67c23a; }
.jump-button.orange { background-color: #e6a23c; }
.jump-button.red { background-color: #f56c6c; }
.jump-button.purple { background-color: #909399; }

/* 交互效果 */
/* .jump-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
} */

/* 响应式设计 */
@media (max-width: 768px) {
    .button-container {
        position: fixed;
        width: 100%;
        height: auto;
        bottom: 0;
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        padding: 10px;
        background-color: rgba(255,255,255,0.95);
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    }
    .jump-button {
        padding: 10px 16px;
        font-size: 14px;
    }
}

    .common-title{
    --pale-yellow-50: 99.62% 0.004 106.47;
    --pale-yellow-100: 99.02% 0.004 106.47;
    --pale-yellow-200: 96.28% 0.007 106.52;
    --pale-yellow-300: 92.96% 0.007 106.53;
    --pale-yellow-600: 88.28% 0.012 106.65;
    --pale-yellow-800: 68.98% 0.027 109.55;
    --pale-teal-100: 96.95% 0.014 196.93;
    --pale-cyan-50: 53.31% 0.006 247.94;
    --pale-cyan-150: 34.26% 0.003 197.03;
    --pale-cyan-200: 30.32% 0.003 197.01;
    --pale-cyan-300: 24.57% 0.003 196.96;
    --pale-cyan-400: 21.67% 0.002 197.04;
    --pale-blue-100: 36.61% 0.003 228.87;
    --pale-blue-200: 30.39% 0.04 213.68;
    --red-100: 53.47% 0.151 25.99;
    --red-200: 51.83% 0.168 21.78;
    --hydra-150: 94.94% 0.033 208.37;
    --hydra-350: 71.92% 0.112 205.51;
    --hydra-450: 55.27% 0.086 208.61;
    --hydra-550: 39.71% 0.062 207.67;
    --astra-450: 77.92% 0.012 71.87;
    --astra-750: 27.99% 0.014 76.29;
    --astra-800: 20.19% 0.011 80.54;
    --umbra-150: 84.32% 0.008 207.14;
    --umbra-250: 70.09% 0.007 197;
    --umbra-350: 58.21% 0.006 196.99;
    --terra-150: 91.23% 0.05 48.15;
    --terra-350: 70.73% 0.133 38.31;
    --terra-450: 52.75% 0.13 37.37;
    --terra-550: 43.01% 0.108 37.17;
    --jenova-150: 93.28% 0.038 357.01;
    --jenova-250: 84.44% 0.092 0.32;
    --jenova-450: 49.39% 0.109 9.38;
    --jenova-550: 34.35% 0.079 9.21;
    --rosa-150: 88.55% 0.06 28.44;
    --rosa-350: 68.18% 0.207 22.93;
    --rosa-450: 51.72% 0.199 21.85;
    --rosa-550: 39.55% 0.16 22.99;
    --costa-150: 93.76% 0.048 72.24;
    --costa-300: 80.62% 0.151 67.71;
    --costa-350: 73.83% 0.169 62.71;
    --costa-400: 65.87% 0.163 54.96;
    --costa-500: 51.37% 0.155 42.1;
    --altana-150: 95% 0.083 95.76;
    --altana-350: 80.51% 0.151 81.42;
    --altana-400: 71.97% 0.149 81.37;
    --altana-450: 61.87% 0.129 77.72;
    --altana-500: 51.11% 0.109 73.59;
    --dalmasca-150: 95.74% 0.076 97.14;
    --dalmasca-300: 83.9% 0.132 96.6;
    --dalmasca-400: 69.87% 0.123 97.59;
    --dalmasca-550: 47.82% 0.091 97.9;
    --gridania-150: 95.46% 0.037 105.4;
    --gridania-350: 75.63% 0.107 109.92;
    --gridania-450: 60.17% 0.065 108.2;
    --gridania-550: 42.28% 0.047 108.27;
    --limsa-150: 94.36% 0.042 217.16;
    --limsa-350: 73.11% 0.113 232.51;
    --limsa-450: 53.86% 0.101 231.01;
    --limsa-550: 36.01% 0.071 232.13;
    --kuja-150: 94.87% 0.046 325.93;
    --kuja-350: 72.5% 0.119 316.63;
    --kuja-450: 54.3% 0.097 316.69;
    --kuja-550: 38% 0.079 316.84;
    --light-super-color: var(--hydra-450);
    --light-super-bg-color: var(--pale-teal-100);
    --light-max-color: var(--altana-400);
    --light-offset-color: var(--pale-yellow-200);
    --light-offset-plus-color: var(--pale-yellow-300);
    --light-raised-offset-color: var(--light-offset-color);
    --light-caution-color: var(--red-200);
    --light-attention-color: var(--costa-400);
    --light-positive-color: var(--hydra-450);
    --light-negative-color: var(--rosa-450);
    --light-background-base-color: var(--pale-yellow-100);
    --light-background-raised-color: var(--pale-yellow-50);
    --light-background-subtle-color: var(--pale-yellow-800) / 0.16;
    --light-background-subtler-color: var(--pale-yellow-800) / 0.08;
    --light-background-inverse-color: var(--pale-blue-200);
    --light-foreground-color: var(--pale-blue-200);
    --light-foreground-quiet-color: var(--light-foreground-color) / 0.75;
    --light-foreground-quieter-color: var(--light-foreground-color) / 0.48;
    --light-foreground-quietest-color: var(--light-foreground-color) / 0.36;
    --light-foreground-subtle-color: var(--light-foreground-color) / 0.24;
    --light-foreground-subtler-color: var(--light-foreground-color) / 0.16;
    --light-foreground-subtlest-color: var(--light-foreground-color) / 0.08;
    --light-foreground-inverse-color: var(--light-background-base-color);
    --light-border-color: var(--pale-yellow-600);
    --light-backdrop-color: 0.85 0 0;
    --dark-super-color: var(--hydra-350);
    --dark-super-bg-color: var(--pale-blue-200);
    --dark-max-color: var(--altana-350);
    --dark-offset-color: var(--pale-cyan-300);
    --dark-offset-plus-color: var(--pale-cyan-200);
    --dark-raised-offset-color: var(--dark-offset-plus-color);
    --dark-caution-color: var(--red-100);
    --dark-attention-color: var(--costa-350);
    --dark-positive-color: var(--hydra-350);
    --dark-negative-color: var(--rosa-350);
    --dark-background-base-color: var(--pale-cyan-400);
    --dark-background-raised-color: var(--pale-cyan-150);
    --dark-background-subtle-color: var(--pale-cyan-50) / 0.2;
    --dark-background-subtler-color: var(--pale-cyan-50) / 0.1;
    --dark-background-inverse-color: var(--pale-yellow-300);
    --dark-foreground-color: var(--pale-yellow-300);
    --dark-foreground-quiet-color: var(--dark-foreground-color) / 0.55;
    --dark-foreground-quieter-color: var(--dark-foreground-color) / 0.35;
    --dark-foreground-quietest-color: var(--dark-foreground-color) / 0.25;
    --dark-foreground-subtle-color: var(--dark-foreground-color) / 0.15;
    --dark-foreground-subtler-color: var(--dark-foreground-color) / 0.1;
    --dark-foreground-subtlest-color: var(--dark-foreground-color) / 0.05;
    --dark-foreground-inverse-color: var(--dark-background-base-color);
    --dark-border-color: var(--pale-blue-100);
    --dark-backdrop-color: 0.15 0 0;
    --super-color: var(--light-super-color);
    --super-bg-color: var(--light-super-bg-color);
    --max-color: var(--light-max-color);
    --offset-color: var(--light-offset-color);
    --offset-plus-color: var(--light-offset-plus-color);
    --raised-offset-color: var(--light-raised-offset-color);
    --caution-color: var(--light-caution-color);
    --attention-color: var(--light-attention-color);
    --positive-color: var(--light-positive-color);
    --negative-color: var(--light-negative-color);
    --background-base-color: var(--light-background-base-color);
    --background-raised-color: var(--light-background-raised-color);
    --background-subtle-color: var(--light-background-subtle-color);
    --background-subtler-color: var(--light-background-subtler-color);
    --background-inverse-color: var(--light-background-inverse-color);
    --foreground-color: var(--light-foreground-color);
    --foreground-quiet-color: var(--light-foreground-quiet-color);
    --foreground-quieter-color: var(--light-foreground-quieter-color);
    --foreground-quietest-color: var(--light-foreground-quietest-color);
    --foreground-subtle-color: var(--light-foreground-subtle-color);
    --foreground-subtler-color: var(--light-foreground-subtler-color);
    --foreground-subtlest-color: var(--light-foreground-subtlest-color);
    --foreground-inverse-color: var(--light-foreground-inverse-color);
    --border-color: var(--light-border-color);
    --backdrop-color: var(--light-backdrop-color);
    --background-lightbox-color: 0 0 360;
    --shadow-overlay-border: rgba(0, 0, 0, 0.05);
    --banner-height: 34px;
    --mobile-nav-height: env(safe-area-inset-bottom, 0);
    --thread-width: 1100px;
    --thread-content-width: 740px;
    --header-height: 54px;
    --thread-input-height-with-padding: 130px;
    --thread-attachments-height-with-padding: 182px;
    --sidecar-header-height: 54px;
    --sidecar-url-bar-height: 36px;
    --page-horizontal-padding: var(--size-md);
    --page-content-height: calc(100dvh - var(--header-height));
    --page-content-height-without-header: 100dvh;
    --toast-v-margin: 60px;
    --toast-h-margin: 24px;
    --sidecar-content-height: calc(100vh - var(--sidecar-header-height));
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
    --in-app-header-height: 50px;
    --sidebar-width: 220px;
    --sidebar-width-collapsed: 90px;
    --sidebar-pinned-width: calc(200px + var(--sidebar-default-width));
    --sidebar-default-width: 72px;
    --min-touch-target: 2.75rem;
    --size-2xs: 2px;
    --size-xs: 4px;
    --size-sm: 8px;
    --size-md: 16px;
    --size-ml: 24px;
    --size-lg: 32px;
    --size-xl: 48px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: rgb(0, 0, 0);
    }
    .common-desc{
            --pale-yellow-50: 99.62% 0.004 106.47;
    --pale-yellow-100: 99.02% 0.004 106.47;
    --pale-yellow-200: 96.28% 0.007 106.52;
    --pale-yellow-300: 92.96% 0.007 106.53;
    --pale-yellow-600: 88.28% 0.012 106.65;
    --pale-yellow-800: 68.98% 0.027 109.55;
    --pale-teal-100: 96.95% 0.014 196.93;
    --pale-cyan-50: 53.31% 0.006 247.94;
    --pale-cyan-150: 34.26% 0.003 197.03;
    --pale-cyan-200: 30.32% 0.003 197.01;
    --pale-cyan-300: 24.57% 0.003 196.96;
    --pale-cyan-400: 21.67% 0.002 197.04;
    --pale-blue-100: 36.61% 0.003 228.87;
    --pale-blue-200: 30.39% 0.04 213.68;
    --red-100: 53.47% 0.151 25.99;
    --red-200: 51.83% 0.168 21.78;
    --hydra-150: 94.94% 0.033 208.37;
    --hydra-350: 71.92% 0.112 205.51;
    --hydra-450: 55.27% 0.086 208.61;
    --hydra-550: 39.71% 0.062 207.67;
    --astra-450: 77.92% 0.012 71.87;
    --astra-750: 27.99% 0.014 76.29;
    --astra-800: 20.19% 0.011 80.54;
    --umbra-150: 84.32% 0.008 207.14;
    --umbra-250: 70.09% 0.007 197;
    --umbra-350: 58.21% 0.006 196.99;
    --terra-150: 91.23% 0.05 48.15;
    --terra-350: 70.73% 0.133 38.31;
    --terra-450: 52.75% 0.13 37.37;
    --terra-550: 43.01% 0.108 37.17;
    --jenova-150: 93.28% 0.038 357.01;
    --jenova-250: 84.44% 0.092 0.32;
    --jenova-450: 49.39% 0.109 9.38;
    --jenova-550: 34.35% 0.079 9.21;
    --rosa-150: 88.55% 0.06 28.44;
    --rosa-350: 68.18% 0.207 22.93;
    --rosa-450: 51.72% 0.199 21.85;
    --rosa-550: 39.55% 0.16 22.99;
    --costa-150: 93.76% 0.048 72.24;
    --costa-300: 80.62% 0.151 67.71;
    --costa-350: 73.83% 0.169 62.71;
    --costa-400: 65.87% 0.163 54.96;
    --costa-500: 51.37% 0.155 42.1;
    --altana-150: 95% 0.083 95.76;
    --altana-350: 80.51% 0.151 81.42;
    --altana-400: 71.97% 0.149 81.37;
    --altana-450: 61.87% 0.129 77.72;
    --altana-500: 51.11% 0.109 73.59;
    --dalmasca-150: 95.74% 0.076 97.14;
    --dalmasca-300: 83.9% 0.132 96.6;
    --dalmasca-400: 69.87% 0.123 97.59;
    --dalmasca-550: 47.82% 0.091 97.9;
    --gridania-150: 95.46% 0.037 105.4;
    --gridania-350: 75.63% 0.107 109.92;
    --gridania-450: 60.17% 0.065 108.2;
    --gridania-550: 42.28% 0.047 108.27;
    --limsa-150: 94.36% 0.042 217.16;
    --limsa-350: 73.11% 0.113 232.51;
    --limsa-450: 53.86% 0.101 231.01;
    --limsa-550: 36.01% 0.071 232.13;
    --kuja-150: 94.87% 0.046 325.93;
    --kuja-350: 72.5% 0.119 316.63;
    --kuja-450: 54.3% 0.097 316.69;
    --kuja-550: 38% 0.079 316.84;
    --light-super-color: var(--hydra-450);
    --light-super-bg-color: var(--pale-teal-100);
    --light-max-color: var(--altana-400);
    --light-offset-color: var(--pale-yellow-200);
    --light-offset-plus-color: var(--pale-yellow-300);
    --light-raised-offset-color: var(--light-offset-color);
    --light-caution-color: var(--red-200);
    --light-attention-color: var(--costa-400);
    --light-positive-color: var(--hydra-450);
    --light-negative-color: var(--rosa-450);
    --light-background-base-color: var(--pale-yellow-100);
    --light-background-raised-color: var(--pale-yellow-50);
    --light-background-subtle-color: var(--pale-yellow-800) / 0.16;
    --light-background-subtler-color: var(--pale-yellow-800) / 0.08;
    --light-background-inverse-color: var(--pale-blue-200);
    --light-foreground-color: var(--pale-blue-200);
    --light-foreground-quiet-color: var(--light-foreground-color) / 0.75;
    --light-foreground-quieter-color: var(--light-foreground-color) / 0.48;
    --light-foreground-quietest-color: var(--light-foreground-color) / 0.36;
    --light-foreground-subtle-color: var(--light-foreground-color) / 0.24;
    --light-foreground-subtler-color: var(--light-foreground-color) / 0.16;
    --light-foreground-subtlest-color: var(--light-foreground-color) / 0.08;
    --light-foreground-inverse-color: var(--light-background-base-color);
    --light-border-color: var(--pale-yellow-600);
    --light-backdrop-color: 0.85 0 0;
    --dark-super-color: var(--hydra-350);
    --dark-super-bg-color: var(--pale-blue-200);
    --dark-max-color: var(--altana-350);
    --dark-offset-color: var(--pale-cyan-300);
    --dark-offset-plus-color: var(--pale-cyan-200);
    --dark-raised-offset-color: var(--dark-offset-plus-color);
    --dark-caution-color: var(--red-100);
    --dark-attention-color: var(--costa-350);
    --dark-positive-color: var(--hydra-350);
    --dark-negative-color: var(--rosa-350);
    --dark-background-base-color: var(--pale-cyan-400);
    --dark-background-raised-color: var(--pale-cyan-150);
    --dark-background-subtle-color: var(--pale-cyan-50) / 0.2;
    --dark-background-subtler-color: var(--pale-cyan-50) / 0.1;
    --dark-background-inverse-color: var(--pale-yellow-300);
    --dark-foreground-color: var(--pale-yellow-300);
    --dark-foreground-quiet-color: var(--dark-foreground-color) / 0.55;
    --dark-foreground-quieter-color: var(--dark-foreground-color) / 0.35;
    --dark-foreground-quietest-color: var(--dark-foreground-color) / 0.25;
    --dark-foreground-subtle-color: var(--dark-foreground-color) / 0.15;
    --dark-foreground-subtler-color: var(--dark-foreground-color) / 0.1;
    --dark-foreground-subtlest-color: var(--dark-foreground-color) / 0.05;
    --dark-foreground-inverse-color: var(--dark-background-base-color);
    --dark-border-color: var(--pale-blue-100);
    --dark-backdrop-color: 0.15 0 0;
    --super-color: var(--light-super-color);
    --super-bg-color: var(--light-super-bg-color);
    --max-color: var(--light-max-color);
    --offset-color: var(--light-offset-color);
    --offset-plus-color: var(--light-offset-plus-color);
    --raised-offset-color: var(--light-raised-offset-color);
    --caution-color: var(--light-caution-color);
    --attention-color: var(--light-attention-color);
    --positive-color: var(--light-positive-color);
    --negative-color: var(--light-negative-color);
    --background-base-color: var(--light-background-base-color);
    --background-raised-color: var(--light-background-raised-color);
    --background-subtle-color: var(--light-background-subtle-color);
    --background-subtler-color: var(--light-background-subtler-color);
    --background-inverse-color: var(--light-background-inverse-color);
    --foreground-color: var(--light-foreground-color);
    --foreground-quiet-color: var(--light-foreground-quiet-color);
    --foreground-quieter-color: var(--light-foreground-quieter-color);
    --foreground-quietest-color: var(--light-foreground-quietest-color);
    --foreground-subtle-color: var(--light-foreground-subtle-color);
    --foreground-subtler-color: var(--light-foreground-subtler-color);
    --foreground-subtlest-color: var(--light-foreground-subtlest-color);
    --foreground-inverse-color: var(--light-foreground-inverse-color);
    --border-color: var(--light-border-color);
    --backdrop-color: var(--light-backdrop-color);
    --background-lightbox-color: 0 0 360;
    --shadow-overlay-border: rgba(0, 0, 0, 0.05);
    --banner-height: 34px;
    --mobile-nav-height: env(safe-area-inset-bottom, 0);
    --thread-width: 1100px;
    --thread-content-width: 740px;
    --header-height: 54px;
    --thread-input-height-with-padding: 130px;
    --thread-attachments-height-with-padding: 182px;
    --sidecar-header-height: 54px;
    --sidecar-url-bar-height: 36px;
    --page-horizontal-padding: var(--size-md);
    --page-content-height: calc(100dvh - var(--header-height));
    --page-content-height-without-header: 100dvh;
    --toast-v-margin: 60px;
    --toast-h-margin: 24px;
    --sidecar-content-height: calc(100vh - var(--sidecar-header-height));
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
    --in-app-header-height: 50px;
    --sidebar-width: 220px;
    --sidebar-width-collapsed: 90px;
    --sidebar-pinned-width: calc(200px + var(--sidebar-default-width));
    --sidebar-default-width: 72px;
    --min-touch-target: 2.75rem;
    --size-2xs: 2px;
    --size-xs: 4px;
    --size-sm: 8px;
    --size-md: 16px;
    --size-ml: 24px;
    --size-lg: 32px;
    --size-xl: 48px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: rgb(0, 0, 0);
    }


    .login-common-title{
    --pale-yellow-50: 99.62% 0.004 106.47;
    --pale-yellow-100: 99.02% 0.004 106.47;
    --pale-yellow-200: 96.28% 0.007 106.52;
    --pale-yellow-300: 92.96% 0.007 106.53;
    --pale-yellow-600: 88.28% 0.012 106.65;
    --pale-yellow-800: 68.98% 0.027 109.55;
    --pale-teal-100: 96.95% 0.014 196.93;
    --pale-cyan-50: 53.31% 0.006 247.94;
    --pale-cyan-150: 34.26% 0.003 197.03;
    --pale-cyan-200: 30.32% 0.003 197.01;
    --pale-cyan-300: 24.57% 0.003 196.96;
    --pale-cyan-400: 21.67% 0.002 197.04;
    --pale-blue-100: 36.61% 0.003 228.87;
    --pale-blue-200: 30.39% 0.04 213.68;
    --red-100: 53.47% 0.151 25.99;
    --red-200: 51.83% 0.168 21.78;
    --hydra-150: 94.94% 0.033 208.37;
    --hydra-350: 71.92% 0.112 205.51;
    --hydra-450: 55.27% 0.086 208.61;
    --hydra-550: 39.71% 0.062 207.67;
    --astra-450: 77.92% 0.012 71.87;
    --astra-750: 27.99% 0.014 76.29;
    --astra-800: 20.19% 0.011 80.54;
    --umbra-150: 84.32% 0.008 207.14;
    --umbra-250: 70.09% 0.007 197;
    --umbra-350: 58.21% 0.006 196.99;
    --terra-150: 91.23% 0.05 48.15;
    --terra-350: 70.73% 0.133 38.31;
    --terra-450: 52.75% 0.13 37.37;
    --terra-550: 43.01% 0.108 37.17;
    --jenova-150: 93.28% 0.038 357.01;
    --jenova-250: 84.44% 0.092 0.32;
    --jenova-450: 49.39% 0.109 9.38;
    --jenova-550: 34.35% 0.079 9.21;
    --rosa-150: 88.55% 0.06 28.44;
    --rosa-350: 68.18% 0.207 22.93;
    --rosa-450: 51.72% 0.199 21.85;
    --rosa-550: 39.55% 0.16 22.99;
    --costa-150: 93.76% 0.048 72.24;
    --costa-300: 80.62% 0.151 67.71;
    --costa-350: 73.83% 0.169 62.71;
    --costa-400: 65.87% 0.163 54.96;
    --costa-500: 51.37% 0.155 42.1;
    --altana-150: 95% 0.083 95.76;
    --altana-350: 80.51% 0.151 81.42;
    --altana-400: 71.97% 0.149 81.37;
    --altana-450: 61.87% 0.129 77.72;
    --altana-500: 51.11% 0.109 73.59;
    --dalmasca-150: 95.74% 0.076 97.14;
    --dalmasca-300: 83.9% 0.132 96.6;
    --dalmasca-400: 69.87% 0.123 97.59;
    --dalmasca-550: 47.82% 0.091 97.9;
    --gridania-150: 95.46% 0.037 105.4;
    --gridania-350: 75.63% 0.107 109.92;
    --gridania-450: 60.17% 0.065 108.2;
    --gridania-550: 42.28% 0.047 108.27;
    --limsa-150: 94.36% 0.042 217.16;
    --limsa-350: 73.11% 0.113 232.51;
    --limsa-450: 53.86% 0.101 231.01;
    --limsa-550: 36.01% 0.071 232.13;
    --kuja-150: 94.87% 0.046 325.93;
    --kuja-350: 72.5% 0.119 316.63;
    --kuja-450: 54.3% 0.097 316.69;
    --kuja-550: 38% 0.079 316.84;
    --light-super-color: var(--hydra-450);
    --light-super-bg-color: var(--pale-teal-100);
    --light-max-color: var(--altana-400);
    --light-offset-color: var(--pale-yellow-200);
    --light-offset-plus-color: var(--pale-yellow-300);
    --light-raised-offset-color: var(--light-offset-color);
    --light-caution-color: var(--red-200);
    --light-attention-color: var(--costa-400);
    --light-positive-color: var(--hydra-450);
    --light-negative-color: var(--rosa-450);
    --light-background-base-color: var(--pale-yellow-100);
    --light-background-raised-color: var(--pale-yellow-50);
    --light-background-subtle-color: var(--pale-yellow-800) / 0.16;
    --light-background-subtler-color: var(--pale-yellow-800) / 0.08;
    --light-background-inverse-color: var(--pale-blue-200);
    --light-foreground-color: var(--pale-blue-200);
    --light-foreground-quiet-color: var(--light-foreground-color) / 0.75;
    --light-foreground-quieter-color: var(--light-foreground-color) / 0.48;
    --light-foreground-quietest-color: var(--light-foreground-color) / 0.36;
    --light-foreground-subtle-color: var(--light-foreground-color) / 0.24;
    --light-foreground-subtler-color: var(--light-foreground-color) / 0.16;
    --light-foreground-subtlest-color: var(--light-foreground-color) / 0.08;
    --light-foreground-inverse-color: var(--light-background-base-color);
    --light-border-color: var(--pale-yellow-600);
    --light-backdrop-color: 0.85 0 0;
    --dark-super-color: var(--hydra-350);
    --dark-super-bg-color: var(--pale-blue-200);
    --dark-max-color: var(--altana-350);
    --dark-offset-color: var(--pale-cyan-300);
    --dark-offset-plus-color: var(--pale-cyan-200);
    --dark-raised-offset-color: var(--dark-offset-plus-color);
    --dark-caution-color: var(--red-100);
    --dark-attention-color: var(--costa-350);
    --dark-positive-color: var(--hydra-350);
    --dark-negative-color: var(--rosa-350);
    --dark-background-base-color: var(--pale-cyan-400);
    --dark-background-raised-color: var(--pale-cyan-150);
    --dark-background-subtle-color: var(--pale-cyan-50) / 0.2;
    --dark-background-subtler-color: var(--pale-cyan-50) / 0.1;
    --dark-background-inverse-color: var(--pale-yellow-300);
    --dark-foreground-color: var(--pale-yellow-300);
    --dark-foreground-quiet-color: var(--dark-foreground-color) / 0.55;
    --dark-foreground-quieter-color: var(--dark-foreground-color) / 0.35;
    --dark-foreground-quietest-color: var(--dark-foreground-color) / 0.25;
    --dark-foreground-subtle-color: var(--dark-foreground-color) / 0.15;
    --dark-foreground-subtler-color: var(--dark-foreground-color) / 0.1;
    --dark-foreground-subtlest-color: var(--dark-foreground-color) / 0.05;
    --dark-foreground-inverse-color: var(--dark-background-base-color);
    --dark-border-color: var(--pale-blue-100);
    --dark-backdrop-color: 0.15 0 0;
    --super-color: var(--light-super-color);
    --super-bg-color: var(--light-super-bg-color);
    --max-color: var(--light-max-color);
    --offset-color: var(--light-offset-color);
    --offset-plus-color: var(--light-offset-plus-color);
    --raised-offset-color: var(--light-raised-offset-color);
    --caution-color: var(--light-caution-color);
    --attention-color: var(--light-attention-color);
    --positive-color: var(--light-positive-color);
    --negative-color: var(--light-negative-color);
    --background-base-color: var(--light-background-base-color);
    --background-raised-color: var(--light-background-raised-color);
    --background-subtle-color: var(--light-background-subtle-color);
    --background-subtler-color: var(--light-background-subtler-color);
    --background-inverse-color: var(--light-background-inverse-color);
    --foreground-color: var(--light-foreground-color);
    --foreground-quiet-color: var(--light-foreground-quiet-color);
    --foreground-quieter-color: var(--light-foreground-quieter-color);
    --foreground-quietest-color: var(--light-foreground-quietest-color);
    --foreground-subtle-color: var(--light-foreground-subtle-color);
    --foreground-subtler-color: var(--light-foreground-subtler-color);
    --foreground-subtlest-color: var(--light-foreground-subtlest-color);
    --foreground-inverse-color: var(--light-foreground-inverse-color);
    --border-color: var(--light-border-color);
    --backdrop-color: var(--light-backdrop-color);
    --background-lightbox-color: 0 0 360;
    --shadow-overlay-border: rgba(0, 0, 0, 0.05);
    --banner-height: 34px;
    --mobile-nav-height: env(safe-area-inset-bottom, 0);
    --thread-width: 1100px;
    --thread-content-width: 740px;
    --header-height: 54px;
    --thread-input-height-with-padding: 130px;
    --thread-attachments-height-with-padding: 182px;
    --sidecar-header-height: 54px;
    --sidecar-url-bar-height: 36px;
    --page-horizontal-padding: var(--size-md);
    --page-content-height: calc(100dvh - var(--header-height));
    --page-content-height-without-header: 100dvh;
    --toast-v-margin: 60px;
    --toast-h-margin: 24px;
    --sidecar-content-height: calc(100vh - var(--sidecar-header-height));
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
    --in-app-header-height: 50px;
    --sidebar-width: 220px;
    --sidebar-width-collapsed: 90px;
    --sidebar-pinned-width: calc(200px + var(--sidebar-default-width));
    --sidebar-default-width: 72px;
    --min-touch-target: 2.75rem;
    --size-2xs: 2px;
    --size-xs: 4px;
    --size-sm: 8px;
    --size-md: 16px;
    --size-ml: 24px;
    --size-lg: 32px;
    --size-xl: 48px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
    font-size: 14px;
    }

    .login-title-box{
    --pale-yellow-50: 99.62% 0.004 106.47;
    --pale-yellow-100: 99.02% 0.004 106.47;
    --pale-yellow-200: 96.28% 0.007 106.52;
    --pale-yellow-300: 92.96% 0.007 106.53;
    --pale-yellow-600: 88.28% 0.012 106.65;
    --pale-yellow-800: 68.98% 0.027 109.55;
    --pale-teal-100: 96.95% 0.014 196.93;
    --pale-cyan-50: 53.31% 0.006 247.94;
    --pale-cyan-150: 34.26% 0.003 197.03;
    --pale-cyan-200: 30.32% 0.003 197.01;
    --pale-cyan-300: 24.57% 0.003 196.96;
    --pale-cyan-400: 21.67% 0.002 197.04;
    --pale-blue-100: 36.61% 0.003 228.87;
    --pale-blue-200: 30.39% 0.04 213.68;
    --red-100: 53.47% 0.151 25.99;
    --red-200: 51.83% 0.168 21.78;
    --hydra-150: 94.94% 0.033 208.37;
    --hydra-350: 71.92% 0.112 205.51;
    --hydra-450: 55.27% 0.086 208.61;
    --hydra-550: 39.71% 0.062 207.67;
    --astra-450: 77.92% 0.012 71.87;
    --astra-750: 27.99% 0.014 76.29;
    --astra-800: 20.19% 0.011 80.54;
    --umbra-150: 84.32% 0.008 207.14;
    --umbra-250: 70.09% 0.007 197;
    --umbra-350: 58.21% 0.006 196.99;
    --terra-150: 91.23% 0.05 48.15;
    --terra-350: 70.73% 0.133 38.31;
    --terra-450: 52.75% 0.13 37.37;
    --terra-550: 43.01% 0.108 37.17;
    --jenova-150: 93.28% 0.038 357.01;
    --jenova-250: 84.44% 0.092 0.32;
    --jenova-450: 49.39% 0.109 9.38;
    --jenova-550: 34.35% 0.079 9.21;
    --rosa-150: 88.55% 0.06 28.44;
    --rosa-350: 68.18% 0.207 22.93;
    --rosa-450: 51.72% 0.199 21.85;
    --rosa-550: 39.55% 0.16 22.99;
    --costa-150: 93.76% 0.048 72.24;
    --costa-300: 80.62% 0.151 67.71;
    --costa-350: 73.83% 0.169 62.71;
    --costa-400: 65.87% 0.163 54.96;
    --costa-500: 51.37% 0.155 42.1;
    --altana-150: 95% 0.083 95.76;
    --altana-350: 80.51% 0.151 81.42;
    --altana-400: 71.97% 0.149 81.37;
    --altana-450: 61.87% 0.129 77.72;
    --altana-500: 51.11% 0.109 73.59;
    --dalmasca-150: 95.74% 0.076 97.14;
    --dalmasca-300: 83.9% 0.132 96.6;
    --dalmasca-400: 69.87% 0.123 97.59;
    --dalmasca-550: 47.82% 0.091 97.9;
    --gridania-150: 95.46% 0.037 105.4;
    --gridania-350: 75.63% 0.107 109.92;
    --gridania-450: 60.17% 0.065 108.2;
    --gridania-550: 42.28% 0.047 108.27;
    --limsa-150: 94.36% 0.042 217.16;
    --limsa-350: 73.11% 0.113 232.51;
    --limsa-450: 53.86% 0.101 231.01;
    --limsa-550: 36.01% 0.071 232.13;
    --kuja-150: 94.87% 0.046 325.93;
    --kuja-350: 72.5% 0.119 316.63;
    --kuja-450: 54.3% 0.097 316.69;
    --kuja-550: 38% 0.079 316.84;
    --light-super-color: var(--hydra-450);
    --light-super-bg-color: var(--pale-teal-100);
    --light-max-color: var(--altana-400);
    --light-offset-color: var(--pale-yellow-200);
    --light-offset-plus-color: var(--pale-yellow-300);
    --light-raised-offset-color: var(--light-offset-color);
    --light-caution-color: var(--red-200);
    --light-attention-color: var(--costa-400);
    --light-positive-color: var(--hydra-450);
    --light-negative-color: var(--rosa-450);
    --light-background-base-color: var(--pale-yellow-100);
    --light-background-raised-color: var(--pale-yellow-50);
    --light-background-subtle-color: var(--pale-yellow-800) / 0.16;
    --light-background-subtler-color: var(--pale-yellow-800) / 0.08;
    --light-background-inverse-color: var(--pale-blue-200);
    --light-foreground-color: var(--pale-blue-200);
    --light-foreground-quiet-color: var(--light-foreground-color) / 0.75;
    --light-foreground-quieter-color: var(--light-foreground-color) / 0.48;
    --light-foreground-quietest-color: var(--light-foreground-color) / 0.36;
    --light-foreground-subtle-color: var(--light-foreground-color) / 0.24;
    --light-foreground-subtler-color: var(--light-foreground-color) / 0.16;
    --light-foreground-subtlest-color: var(--light-foreground-color) / 0.08;
    --light-foreground-inverse-color: var(--light-background-base-color);
    --light-border-color: var(--pale-yellow-600);
    --light-backdrop-color: 0.85 0 0;
    --dark-super-color: var(--hydra-350);
    --dark-super-bg-color: var(--pale-blue-200);
    --dark-max-color: var(--altana-350);
    --dark-offset-color: var(--pale-cyan-300);
    --dark-offset-plus-color: var(--pale-cyan-200);
    --dark-raised-offset-color: var(--dark-offset-plus-color);
    --dark-caution-color: var(--red-100);
    --dark-attention-color: var(--costa-350);
    --dark-positive-color: var(--hydra-350);
    --dark-negative-color: var(--rosa-350);
    --dark-background-base-color: var(--pale-cyan-400);
    --dark-background-raised-color: var(--pale-cyan-150);
    --dark-background-subtle-color: var(--pale-cyan-50) / 0.2;
    --dark-background-subtler-color: var(--pale-cyan-50) / 0.1;
    --dark-background-inverse-color: var(--pale-yellow-300);
    --dark-foreground-color: var(--pale-yellow-300);
    --dark-foreground-quiet-color: var(--dark-foreground-color) / 0.55;
    --dark-foreground-quieter-color: var(--dark-foreground-color) / 0.35;
    --dark-foreground-quietest-color: var(--dark-foreground-color) / 0.25;
    --dark-foreground-subtle-color: var(--dark-foreground-color) / 0.15;
    --dark-foreground-subtler-color: var(--dark-foreground-color) / 0.1;
    --dark-foreground-subtlest-color: var(--dark-foreground-color) / 0.05;
    --dark-foreground-inverse-color: var(--dark-background-base-color);
    --dark-border-color: var(--pale-blue-100);
    --dark-backdrop-color: 0.15 0 0;
    --super-color: var(--light-super-color);
    --super-bg-color: var(--light-super-bg-color);
    --max-color: var(--light-max-color);
    --offset-color: var(--light-offset-color);
    --offset-plus-color: var(--light-offset-plus-color);
    --raised-offset-color: var(--light-raised-offset-color);
    --caution-color: var(--light-caution-color);
    --attention-color: var(--light-attention-color);
    --positive-color: var(--light-positive-color);
    --negative-color: var(--light-negative-color);
    --background-base-color: var(--light-background-base-color);
    --background-raised-color: var(--light-background-raised-color);
    --background-subtle-color: var(--light-background-subtle-color);
    --background-subtler-color: var(--light-background-subtler-color);
    --background-inverse-color: var(--light-background-inverse-color);
    --foreground-color: var(--light-foreground-color);
    --foreground-quiet-color: var(--light-foreground-quiet-color);
    --foreground-quieter-color: var(--light-foreground-quieter-color);
    --foreground-quietest-color: var(--light-foreground-quietest-color);
    --foreground-subtle-color: var(--light-foreground-subtle-color);
    --foreground-subtler-color: var(--light-foreground-subtler-color);
    --foreground-subtlest-color: var(--light-foreground-subtlest-color);
    --foreground-inverse-color: var(--light-foreground-inverse-color);
    --border-color: var(--light-border-color);
    --backdrop-color: var(--light-backdrop-color);
    --background-lightbox-color: 0 0 360;
    --shadow-overlay-border: rgba(0, 0, 0, 0.05);
    --banner-height: 34px;
    --mobile-nav-height: env(safe-area-inset-bottom, 0);
    --thread-width: 1100px;
    --thread-content-width: 740px;
    --header-height: 54px;
    --thread-input-height-with-padding: 130px;
    --thread-attachments-height-with-padding: 182px;
    --sidecar-header-height: 54px;
    --sidecar-url-bar-height: 36px;
    --page-horizontal-padding: var(--size-md);
    --page-content-height: calc(100dvh - var(--header-height));
    --page-content-height-without-header: 100dvh;
    --toast-v-margin: 60px;
    --toast-h-margin: 24px;
    --sidecar-content-height: calc(100vh - var(--sidecar-header-height));
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
    --in-app-header-height: 50px;
    --sidebar-width: 220px;
    --sidebar-width-collapsed: 90px;
    --sidebar-pinned-width: calc(200px + var(--sidebar-default-width));
    --sidebar-default-width: 72px;
    --min-touch-target: 2.75rem;
    --size-2xs: 2px;
    --size-xs: 4px;
    --size-sm: 8px;
    --size-md: 16px;
    --size-ml: 24px;
    --size-lg: 32px;
    --size-xl: 48px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
    font-size: 14px;
    position: absolute;
    top: 7%;
    left: 21%;
    }