/* ==========================================================================
   BIGLOBE Login Page - Desktop Styles (750px and above)
   PC端专用样式，适用于桌面和大屏幕设备
   ========================================================================== */

@media screen and (min-width: 750px) {
    /* 顶部Logo区域 - 桌面端隐藏 */
    .biglobe-top-logo-area {
        display: none !important; /* 在桌面端隐藏 */
    }

    /* Checkbox下方Header区域 - 桌面端隐藏 */
    .biglobe-checkbox-header-area {
        display: none !important; /* 在桌面端隐藏 */
    }

    /* 移动端提交按钮区域 - 桌面端隐藏 */
    .biglobe-mobile-submit-area {
        display: none !important; /* 在桌面端隐藏 */
    }

    /* Page Layout */
    body {
        margin: 10px;
    }
    
    .biglobe-page-wrapper {
        width: 750px;
    }
    
    /* Login Container */
    .biglobe-login-container {
        background: url(../img/dotted.gif) 425px top repeat-y;
        width: 100%;
        min-height: 400px;
        display: flex;
        flex-wrap: wrap;
    }
    
    /* BIGLOBE Login Section */
    .biglobe-login-section {
        float: left;
        width: 400px;
        margin-right: 40px;
        margin-bottom: 50px;
        padding-left: 5px;
    }
    
    /* AU Login Section */
    .biglobe-au-login-section {
        float: left;
        width: 250px;
    }
    
    /* Section Titles */
    .biglobe-section-title {
        font-weight: bold; /* 桌面端BIGLOBE标题加粗 */
    }

    .biglobe-section-title--au,
    .au-title {
        margin-left: 50px;
        font-weight: bold; /* 桌面端AU标题加粗 */
    }
    
    /* Form Layout */
    .biglobe-form-table-wrapper {
        margin: 0 10px 0 20px;
    }
    
    .biglobe-form-table {
        width: 360px;
    }
    
    .biglobe-text-input {
        width: 200px;
    }
    
    /* Submit Buttons */
    .biglobe-submit-button {
        float: left;
        margin-left: 20px;
    }
    
    .biglobe-au-button-wrapper {
        margin: -5px 0 -5px -10px;
    }
    
    .biglobe-au-submit-button {
        width: 200px;
    }
    
    /* Form Text */
    .biglobe-form-notice,
    .form-notice {
        margin: 10px 0 0 31px; /* 上方margin设置为10px，继续向右移动6px：从25px改为31px */
        white-space: nowrap; /* 强制文字显示为一行 */
        overflow: visible; /* 允许内容溢出显示 */
        width: auto; /* 自动宽度 */
        min-width: max-content; /* 最小宽度为内容宽度 */
        text-align: center; /* 桌面端文字居中显示 */
    }

    /* BIGLOBE登录区域的form-notice特殊处理 */
    .biglobe-login-section .biglobe-form-notice,
    .biglobe-login-section .form-notice {
        margin: 0; /* 设置margin为0 */
        text-align: left; /* 文字左对齐 */
        white-space: nowrap; /* 强制文字显示为一行 */
        overflow: visible; /* 允许内容溢出显示 */
        width: auto; /* 自动宽度 */
        min-width: max-content; /* 最小宽度为内容宽度 */
    }

    /* AU区域的form-notice特殊处理 */
    .biglobe-au-login-section .biglobe-form-notice,
    .biglobe-au-login-section .form-notice {
        position: relative; /* 相对定位 */
        z-index: 10; /* 提高层级 */
        margin: 10px 0 0 1px; /* 上方margin 10px，继续向右移动6px：从-5px改为1px */
        width: 300px; /* 给予足够宽度 */
        text-align: center; /* AU区域文字也居中显示 */
        white-space: nowrap; /* 强制文字显示为一行 */
        overflow: visible; /* 允许内容溢出显示 */
    }
    
    .biglobe-form-links {
        padding: 0 25px;
    }
    
    .biglobe-au-description {
        margin-left: 20px;
        width: 225px;
    }
    
    .biglobe-au-links {
        margin-left: 20px;
    }
    
    /* Header */
    .biglobe-header-content {
        display: table;
        table-layout: fixed;
    }
    
    .biglobe-logo {
        display: table-cell;
        width: 134px;
    }
    
    .biglobe-header-spacer {
        display: table-cell;
        width: 616px;
    }
    
    /* Footer */
    .biglobe-footer {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .biglobe-footer-links {
        flex-direction: row;
    }
    
    .biglobe-footer-text-links {
        margin-top: 30px;
        margin-right: 10px;
    }
}

/* Large Desktop Styles (1200px and above) */
@media screen and (min-width: 1200px) {
    .biglobe-page-wrapper {
        width: 750px; /* Keep consistent width for brand consistency */
    }
    
    .biglobe-container {
        max-width: 750px;
    }
}

/* High DPI Display Support */
@media screen and (min-width: 750px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (min-width: 750px) and (min-resolution: 192dpi) {
    .biglobe-logo img {
        /* 图片渲染优化 - 多浏览器兼容性 */
        image-rendering: -webkit-optimize-contrast; /* Safari/WebKit */
        image-rendering: -moz-crisp-edges; /* Firefox */
        image-rendering: -o-crisp-edges; /* Opera */
        image-rendering: crisp-edges; /* 标准属性 */
        image-rendering: pixelated; /* 现代浏览器备选 */
    }
}

/* Desktop-specific Interactive States */
@media screen and (min-width: 750px) {
    .biglobe-text-input:hover {
        border-color: #999;
    }
    
    .biglobe-submit-button:hover,
    .biglobe-au-submit-button:hover {
        opacity: 0.9;
        transform: translateY(-1px);
        transition: all 0.2s ease;
    }
    
    .biglobe-checkbox-label:hover {
        background-color: rgba(125, 180, 230, 0.1);
        border-radius: 3px;
        transition: background-color 0.2s ease;
    }
}

/* Desktop Print Styles */
@media print {
    .biglobe-login-container {
        background: none;
    }
    
    .biglobe-submit-button,
    .biglobe-au-submit-button {
        display: none;
    }
    
    .biglobe-footer {
        border-top: 1px solid #000;
        page-break-inside: avoid;
    }
}