/* CSS Document */

/* CSS Document */
 * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }

        body {
            background: linear-gradient(145deg, #f6f9fc 0%, #eef2f5 100%);
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, 'Noto Sans', sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            padding: 24px 16px;
        }

        /* 主卡片容器 */
        .glass-card {
            max-width: 500px;
            width: 100%;
            background: rgba(255, 255, 255, 0.36);
            backdrop-filter: blur(0px);
            border-radius: 48px 32px 48px 32px;
            box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid rgba(255, 156, 65, 0.2);
        }

        /* 内边距区域，除顶部特殊装饰外统一 */
        .card-inner {
            padding: 32px 28px 40px;
        }

        /* 品牌头部区域 */
        .brand-header {
            text-align: left;
            margin-bottom: 24px;
            position: relative;
        }

        .brand-row {
            display: block;
            align-items: baseline;
            flex-wrap: wrap;
            gap: 8px 16px;
            margin-bottom: 10px;
        }

        .orange-logo {
            font-size: 2.2rem;
            font-weight: 800;
            letter-spacing: -0.5px;
            background: linear-gradient(135deg, #FF6B2C, #FF8C42);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-shadow: none;
            position: relative;
            display: inline-block;
        }

        .network-badge {
            background: #FFEDE0;
            padding: 4px 12px;
            border-radius: 40px;
            font-size: 0.75rem;
            font-weight: 600;
            color: #E35F21;
            letter-spacing: 0.3px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .network-badge::before {
            content: "●";
            font-size: 8px;
            color: #30b150;
            animation: pulse 1.5s infinite;
        }

        @keyframes pulse {
            0% { opacity: 0.4; transform: scale(0.8);}
            100% { opacity: 1; transform: scale(1.2);}
        }

        .valley-word {
            font-size: 1.5rem;
            font-weight: 600;
            color: #2C3E4E;
            letter-spacing: -0.3px;
            background: #F3F6F9;
            padding: 2px 12px;
            border-radius: 40px;
            display: inline-block;
        }

        .welcome-text {
            font-size: 1rem;
            font-weight: 500;
            color: #5A6E7C;
            margin-top: 6px;
           /* border-left: 3px solid #FF8C42;*/
            padding-left: 12px;
            letter-spacing: -0.2px;
        }

        /* 选项卡样式 */
        .tabs-container {
            display: flex;
            gap: 28px;
            margin: 32px 0 28px 0;
            border-bottom: 2px solid #ECF1F4;
        }

        .tab-btn {
            font-size: 1.3rem;
            font-weight: 600;
            background: transparent;
            border: none;
            padding-bottom: 12px;
            cursor: pointer;
            color: #000;
            transition: all 0.2s ease;
            letter-spacing: -0.2px;
            position: relative;
			width: 50%;
        }

        .tab-btn.active {
            color: #FF6B2C;
        }

        .tab-btn.active::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, #FF6B2C, #FFA559);
            border-radius: 3px;
        }

        /* 表单面板 */
        .form-panel {
            transition: all 0.2s ease;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .input-wrapper {
            display: flex;
            align-items: center;
            background: #F7F9FC;
            border-radius: 28px;
            border: 1px solid #E2E8F0;
            transition: all 0.2s;
            padding: 4px 20px;
        }

        .input-wrapper:focus-within {
            border-color: #FFA059;
            box-shadow: 0 0 0 3px rgba(255, 107, 44, 0.1);
            background: #FFFFFF;
        }

        .input-icon {
            color: #B9C8D9;
            font-size: 1.2rem;
            margin-right: 12px;
            font-weight: 400;
            width: 22px;
            text-align: center;
        }

        .input-wrapper input {
            width: 100%;
            border: none;
            background: transparent;
            padding: 16px 0;
            font-size: 0.95rem;
            font-weight: 500;
            color: #1E2F3A;
            outline: none;
            font-family: inherit;
        }

        .input-wrapper input::placeholder {
            color: #B9CCDD;
            font-weight: 400;
            font-size: 0.9rem;
        }

        /* 协议行 */
        .agreement-row {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 20px 0 28px;
        }

        .agreement-row input {
            width: 18px;
            height: 18px;
            accent-color: #FF6B2C;
            cursor: pointer;
            margin: 0;
        }

        .agreement-row label {
            font-size: 0.85rem;
            color: #475E6B;
            cursor: pointer;
            user-select: none;
        }

        .agreement-row a {
            color: #FF6B2C;
            text-decoration: none;
            font-weight: 500;
        }

        .agreement-row a:hover {
            text-decoration: underline;
        }

        /* 主按钮 */
        .primary-btn {
            width: 100%;
            background: linear-gradient(95deg, #FF6B2C, #FF8C42);
            border: none;
            padding: 14px 0;
            border-radius: 40px;
            font-size: 1rem;
            font-weight: 700;
            color: white;
            cursor: pointer;
            transition: transform 0.1s, box-shadow 0.2s;
            box-shadow: 0 6px 14px rgba(255, 107, 44, 0.25);
            margin-bottom: 24px;
            letter-spacing: 0.5px;
        }

        .primary-btn:active {
            transform: scale(0.97);
            box-shadow: 0 2px 6px rgba(255, 107, 44, 0.3);
        }

        /* 底部链接组 */
        .footer-links {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.85rem;
            margin-top: 8px;
        }

        .footer-links a {
            color: #5F7F90;
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }

        .footer-links a:hover {
            color: #FF6B2C;
        }

        .divider-dot {
            width: 4px;
            height: 4px;
            background: #C7D9E5;
            border-radius: 50%;
            display: inline-block;
        }

        /* 隐藏面板 */
        .hidden-panel {
            display: none;
        }

        /* 响应式微调 */
        @media (max-width: 480px) {
            .card-inner {
                padding: 24px 20px 32px;
            }
            .orange-logo {
                font-size: 1.8rem;
            }
            .valley-word {
                font-size: 1.2rem;
            }
            .tab-btn {
                font-size: 1.2rem;
            }
            .input-wrapper {
                padding: 2px 16px;
            }
            .input-wrapper input {
                padding: 14px 0;
            }
        }

        /* 小点缀 */
        .decor-dot {
            position: absolute;
            right: 0;
            top: 10px;
            opacity: 0.3;
            font-size: 60px;
            pointer-events: none;
        }

        hr {
            display: none;
        }
		.imgcssleft{ width:50%; float:left; text-align:right;}
		.imgcssrignt{ width:50%; float:right; padding-left:5px;}
		.welcome-text-width{ width:100%; text-align:center; font-size:1.3rem; font-weight:bold; color:#000;}
		.brand-row::after {
			content: "";
			display: table;
			clear: both;
		}
		.imgcssleft img{ padding-top:10px; width:85px; height:85px;}
		.linear-gradient-bg{ 
			background: linear-gradient(to top,#fbc7a7  10%, #FFF 100%);
			height: 200px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			font-size: 20px;
		}
		
		
      .background-container {
			
			background-image: url('../img/loginimg.jpg');
			
			
			background-image: linear-gradient(to top, rgba(251, 199, 167, 1), rgba(255, 255, 255, 0)), url('../img/loginimg.jpg');
			
			
			background-repeat: no-repeat;
			
			background-size: cover;
			
			
			background-position: center;
			
			
			height: 100vh; 
		}