* { margin:0; padding:0; box-sizing:border-box; }
        :root {
            --primary: #1a5e5a;
            --primary-light: #72b930;
            --primary-dark: #0f4539;
            --bg-warm: #F5F9F2;
            --bg-card: #FFFFFF;
            --text-dark: #1e2b2a;
            --text-muted: #4a5f5c;
            --shadow: 0 8px 30px rgba(26, 94, 90, 0.12);
            --radius: 20px;
            --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
        }
		html {
			scroll-behavior: smooth;
		}

		/* 医生团队区域，避免被导航遮挡 */
		#Providers {
			scroll-margin-top: 80px; /* 根据导航高度调整 */
		}

		/* 按钮悬停效果增强 */
		#scrollToDoctors {
			transition: all 0.3s ease;
		}
		#scrollToDoctors:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 25px rgba(114, 185, 48, 0.4);
		}
        body { font-family: var(--font); background: var(--bg-warm); color: var(--text-dark); line-height:1.6; }
        a { text-decoration: none; color: inherit; }
        .container { max-width:1140px; margin:0 auto; padding:0 24px; }

        .btn {
            display: inline-flex; align-items: center; gap: 10px;
            padding: 14px 36px; border-radius: 50px; font-weight: 600; font-size: 1.05rem;
            border: none; cursor: pointer; transition: 0.3s;
            background: var(--primary-light); color: #fff;
            box-shadow: 0 4px 16px rgba(114, 185, 48, 0.35);
        }
        .btn:hover { transform: translateY(-3px); background: #5ea02a; box-shadow: 0 8px 28px rgba(114, 185, 48, 0.45); }
        .btn-outline { background: transparent; border: 2px solid var(--primary-light); color: var(--primary-light); box-shadow: none; }
        .btn-outline:hover { background: var(--primary-light); color: #fff; }
        .btn-sm { padding: 10px 24px; font-size: 0.9rem; }
        .btn-white { background: #fff; color: var(--primary); box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .btn-white:hover { background: var(--bg-warm); transform: translateY(-3px); }

         /* ===== 导航 (增加登录状态) ===== */
        .navbar {
            padding: 16px 0;
            background: rgba(245, 249, 242, 0.92);
            backdrop-filter: blur(12px);
            position: sticky;
            top: 0;
            z-index: 100;
            border-bottom: 1px solid rgba(26, 94, 90, 0.08);
        }
        .navbar .container {
            display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 8px 16px;  /* 改为行列间距分开设置 */
        }
        .logo {
            display: flex;
			align-items: center;
			gap: 10px;
			font-size: 1.4rem;
			font-weight: 700;
			color: var(--primary);
			flex-shrink: 0;  /* 新增：防止被压缩 */
        }
        .logo i { color: var(--primary-light); }
        .logo span { color: var(--primary-light); }
        .nav-right {
             display: flex;
			align-items: center;
			gap: 12px;
			flex-wrap: wrap;
			flex: 1 1 auto;        /* 新增：弹性伸缩 */
			justify-content: flex-end;  /* 新增：右对齐 */
        }
        .nav-links {
            display: flex;
			align-items: center;
			gap: 12px;
			list-style: none;
			font-weight: 500;
			flex-wrap: wrap;
			margin: 0;
			padding: 0;
        }
        .nav-links a {
           transition: 0.3s;
			color: var(--text-muted);
			font-size: 0.9rem;
			white-space: nowrap;  /* 新增：防止英文换行 */
			padding: 4px 0;      /* 新增：增加点击区域 */
        }
        .nav-links a:hover { color: var(--primary-light); }

        /* 登录状态 */
        .auth-status {
             display: flex;
			align-items: center;
			gap: 10px;
			font-size: 0.9rem;
			flex-shrink: 0;  /* 新增：防止被压缩 */
        }
        .auth-status .user-avatar {
            width:34px; height:34px;
            border-radius:50%;
            background: var(--primary-light);
            color:#fff;
            display:flex;
            align-items:center;
            justify-content:center;
            font-weight:600;
            font-size:0.8rem;
        }
        .auth-status .user-name {
            font-weight:500;
            color:var(--text-dark);
			white-space: nowrap;  /* 新增：防止用户名换行 */
        }
        .auth-status .logout-btn {
            color:var(--text-muted);
            font-size:0.8rem;
            cursor:pointer;
            padding:4px 12px;
            border-radius:30px;
            border:1px solid #dce8d4;
            transition:0.2s;
            background:transparent;
			white-space: nowrap;  /* 新增：防止按钮文字换行 */
        }
        .auth-status .logout-btn:hover {
            background:#f0f5ec;
            color:var(--primary);
        }
        .auth-status .login-link {
            color:var(--primary-light);
            font-weight:600;
            cursor:pointer;
        }
        .auth-status .login-link:hover { color:var(--primary); }

        .nav-toggle { display: none; font-size: 1.6rem; background: none; border: none; color: var(--primary); cursor: pointer; }
       
        /* 多语言下拉 */
        .lang-select {
            background: transparent;
			border: 1px solid var(--primary-light);
			color: var(--primary-light);
			padding: 4px 12px;
			border-radius: 30px;
			font-size: 0.8rem;
			font-weight: 600;
			cursor: pointer;
			outline: none;
			font-family: inherit;
			flex-shrink: 0;  /* 新增：防止被压缩 */
        }
        .lang-select:hover {
            background: var(--primary-light);
            color: #fff;
        }
        .lang-select option {
            background: #fff;
            color: var(--text-dark);
        }
		@media (min-width: 993px) and (max-width: 1199px) {
			.nav-links {
				gap: 8px;              /* 减小间距 */
			}
			.nav-links a {
				font-size: 0.82rem;     /* 缩小字体 */
			}
			.nav-right {
				gap: 8px;              /* 减小间距 */
			}
			.auth-status .user-name {
				font-size: 0.8rem;      /* 缩小用户名 */
			}
			.btn-sm {
				padding: 4px 12px;      /* 缩小按钮 */
				font-size: 0.75rem;
			}
		}
		@media (max-width: 480px) {
			.logo {
				font-size: 1.1rem;      /* 缩小 logo */
			}
			.nav-links a {
				font-size: 0.85rem;
			}
			.auth-status .user-name {
				font-size: 0.75rem;
			}
			.lang-select {
				font-size: 0.7rem;
				padding: 3px 8px;
			}
		}
		/* ===== 登录表单 ===== */
        .login-page {
            flex:1;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:40px 20px;
        }
        .login-card {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 40px 36px;
            max-width:440px;
            width:100%;
            box-shadow: var(--shadow);
            border:1px solid rgba(26,94,90,0.06);
        }
        .login-card h2 {
            font-size:1.8rem;
            font-weight:700;
            color:var(--primary);
            margin-bottom:4px;
        }
        .login-card .sub {
            color:var(--text-muted);
            margin-bottom:28px;
            font-size:0.95rem;
        }
        .form-group {
            margin-bottom:20px;
        }
        .form-group label {
            display:block;
            font-weight:500;
            font-size:0.9rem;
            margin-bottom:4px;
            color:var(--text-dark);
        }
        .form-group .input-wrap {
            display:flex;
            align-items:center;
            border:2px solid #dce8d4;
            border-radius:var(--radius-sm);
            background:#fafcfa;
            transition:0.2s;
            overflow:hidden;
        }
        .form-group .input-wrap:focus-within {
            border-color:var(--primary-light);
            box-shadow:0 0 0 4px rgba(114,185,48,0.12);
        }
        .form-group .input-wrap .prefix {
            padding:0 12px 0 16px;
            color:var(--text-muted);
            font-weight:500;
            font-size:0.95rem;
            background:transparent;
        }
        .form-group .input-wrap input {
            flex:1;
            padding:14px 16px 14px 4px;
            border:none;
            background:transparent;
            font-size:1rem;
            font-family:inherit;
            color:var(--text-dark);
            outline:none;
            min-width:0;
        }
        .form-group .input-wrap input::placeholder {
            color:#b5c7b0;
        }
        .form-group .input-wrap .code-btn {
            flex-shrink:0;
            padding:10px 16px;
            background:transparent;
            border:none;
            border-left:2px solid #dce8d4;
            color:var(--primary-light);
            font-weight:600;
            font-size:0.85rem;
            cursor:pointer;
            transition:0.2s;
            white-space:nowrap;
        }
        .form-group .input-wrap .code-btn:hover { color:var(--primary); }
        .form-group .input-wrap .code-btn:disabled { color:#b5c7b0; cursor:not-allowed; }
        .form-error {
            color:#d9534f;
            font-size:0.85rem;
            margin-top:4px;
            display:flex;
            align-items:center;
            gap:4px;
        }
        .form-error i { font-size:0.75rem; }
        .form-success {
            color:var(--primary-light);
            font-size:0.85rem;
            margin-top:4px;
            display:flex;
            align-items:center;
            gap:4px;
        }
        .login-card .extra {
            margin-top:20px;
            text-align:center;
            font-size:0.85rem;
            color:var(--text-muted);
        }
        .login-card .extra a {
            color:var(--primary-light);
            font-weight:500;
        }
        .login-card .extra a:hover { color:var(--primary); }
        /* 首页内容样式（保持原来） */
        .hero { padding: 60px 0 0px; text-align: center; }
        .hero h1 { font-size: 3.4rem; font-weight: 800; color: var(--primary); }
        .hero h1 span { color: var(--primary-light); }
        .hero .sub { font-size: 1.25rem; color: var(--text-muted);  }
        .hero .badge-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 32px; margin-top: 32px; font-size: 0.95rem; color: var(--text-muted); }
        .hero .badge-row i { color: var(--primary-light); margin-right: 6px; }
        .hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
        .features { padding: 60px 0; }
        .features .section-title { text-align: center; font-size: 2rem; font-weight: 700; color: var(--primary); }
        .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); gap: 30px; margin-top: 30px; }
        .feature-card { background: var(--bg-card); padding: 36px 28px; border-radius: var(--radius); box-shadow: var(--shadow); text-align: center; border: 1px solid rgba(26,94,90,0.05); transition: 0.3s; }
        .feature-card:hover { transform: translateY(-8px); }
        .feature-card .icon { font-size: 2.8rem; color: var(--primary-light); margin-bottom: 16px; }
        .feature-card h3 { font-size: 1.25rem; color: var(--primary); }
        .stories { padding: 60px 0; background: #F0F5EC; }
        .stories .section-title { text-align: center; font-size: 2rem; font-weight: 700; color: var(--primary); }
        .stories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 30px; }
        .story-card { background: var(--bg-card); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
        .story-card .img-placeholder { height: 180px; background: linear-gradient(135deg, var(--primary-light), var(--primary)); display: flex; align-items: center; justify-content: center; color: #fff; opacity: 0.7; }
        .story-card .body { padding: 24px; }
        .story-card .body .tag { display: inline-block; background: rgba(114,185,48,0.15); color: var(--primary-dark); font-size: 0.75rem; font-weight: 600; padding: 2px 14px; border-radius: 50px; margin-bottom: 10px; }
        .story-card .body h4 { font-size: 1.1rem; color: var(--primary); }
        .philosophy { padding: 60px 0; }
        .philosophy .container { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
        .philosophy h2 { font-size: 2rem; font-weight: 700; color: var(--primary); }
        .philosophy .values { display: flex; flex-wrap: wrap; gap: 16px 32px; margin-top: 12px; }
        .philosophy .values li { list-style: none; display: flex; align-items: center; gap: 8px; font-weight: 500; color: var(--primary); }
        .philosophy .values li i { color: var(--primary-light); }
.philosophy .img-area {
    overflow: hidden;
    border-radius: 16px;
}

.philosophy .img-area img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}        .cta-section { padding: 60px 0; background: var(--primary); color: #fff; text-align: center; }
        .cta-section h2 { font-size: 2.2rem; font-weight: 700; }
        .cta-section p { opacity: 0.8; max-width: 520px; margin: 0 auto 32px; }

		/* ===== 测评专用样式 ===== */
        .assessment-wrap { padding: 32px 0 20px; }
        .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 8px; }
        .header h2 { font-size: 1.6rem; color: var(--primary); }
        .back-home { color: var(--text-muted); cursor: pointer; }
        .back-home:hover { color: var(--primary-light); }

        .progress-wrap { margin: 20px 0 32px; display: flex; align-items: center; gap: 16px; }
        .progress-track { flex: 1; height: 6px; background: #dce8d4; border-radius: 10px; overflow: hidden; }
        .progress-track .bar { height: 100%; width: 0%; background: linear-gradient(90deg, var(--primary-light), var(--primary)); border-radius: 10px; transition: width 0.5s ease; }
        .progress-label { font-weight: 600; font-size: 0.9rem; color: var(--text-muted); white-space: nowrap; }

        .step-card { background: var(--bg-card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 36px 40px; border: 1px solid rgba(26,94,90,0.05); min-height: 400px; display: flex; flex-direction: column; }
        .step-title { font-size: 1.3rem; font-weight: 700; color: var(--primary); margin-bottom: 6px; }
        .step-desc { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 24px; }
        .questions { flex: 1; }
        .question-item { margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid #f0f5ec; }
        .question-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
        .q-text { font-weight: 500; margin-bottom: 10px; display: flex; gap: 6px; }
        .q-text .q-num { color: var(--text-muted); font-weight: 400; min-width: 28px; }

        .options { display: flex; flex-wrap: wrap; gap: 8px 12px; }
        .options label { display: flex; align-items: center; gap: 6px; font-size: 0.9rem; cursor: pointer; padding: 6px 14px; border-radius: 30px; background: #f0f5ec; border: 2px solid transparent; transition: 0.2s; }
        .options label:hover { background: #e0e9d8; }
        .options input[type="radio"] { accent-color: var(--primary-light); width: 16px; height: 16px; cursor: pointer; }
        .options label.selected { background: rgba(114,185,48,0.15); border-color: var(--primary-light); color: var(--primary-dark); }

        .input-group { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
        .input-group label { font-weight: 500; min-width: 80px; }
        .input-field { padding: 10px 16px; border-radius: var(--radius-sm); border: 2px solid #dce8d4; font-size: 1rem; width: 160px; background: #fafcfa; }
        .input-field:focus { outline: none; border-color: var(--primary-light); box-shadow: 0 0 0 4px rgba(114,185,48,0.12); }

        .step-nav { display: flex; justify-content: space-between; margin-top: 32px; padding-top: 24px; border-top: 1px solid #f0f5ec; flex-wrap: wrap; gap: 12px; }
        .step-nav .btn { min-width: 120px; justify-content: center; }

        .result-wrap { background: var(--bg-card); border-radius: var(--radius); box-shadow: var(--shadow); padding: 40px; border: 1px solid rgba(26,94,90,0.05); }
        .result-hero { text-align: center; padding-bottom: 32px; border-bottom: 2px solid #f0f5ec; margin-bottom: 32px; }
        .result-hero .big-icon { font-size: 4rem; color: var(--primary-light); }
        .result-hero h2 { font-size: 2rem; color: var(--primary); }
        .result-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
        .result-grid .col-full { grid-column: 1 / -1; }
        .constitution-bars { display: flex; flex-direction: column; gap: 12px; }
        .bar-row { display: flex; align-items: center; gap: 12px; }
        .bar-row .label { min-width: 64px; font-weight: 500; font-size: 0.9rem; }
        .bar-row .track { flex: 1; height: 8px; background: #f0f5ec; border-radius: 10px; overflow: hidden; }
        .bar-row .track .fill { height: 100%; border-radius: 10px; background: var(--primary-light); transition: width 1s ease; width: 0%; }
        .bar-row .value { min-width: 32px; font-weight: 600; font-size: 0.85rem; color: var(--text-muted); text-align: right; }
        .risk-tags { display: flex; flex-wrap: wrap; gap: 10px; }
        .risk-tags .tag { background: #f0f5ec; padding: 6px 18px; border-radius: 50px; font-size: 0.85rem; font-weight: 500; color: var(--secondary); }
        .risk-tags .tag.high { background: #fce4dc; color: #b85a3a; }
        .advice-box { background: #f0f5ec; padding: 20px 24px; border-radius: var(--radius-sm); margin-top: 8px; border-left: 4px solid var(--primary-light); }
        .result-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #f0f5ec; }
        .disclaimer { font-size: 0.8rem; color: var(--text-muted); background: #eaf1e6; padding: 12px 20px; border-radius: var(--radius-sm); margin-top: 20px; text-align: center; }
		 /* 切换标签 */
        .hiw-tabs { display: flex; justify-content: center; gap: 8px; margin: 30px 0 40px; }
        .hiw-tab { background: white; border: 1px solid #dce8d4; color: var(--text); padding: 10px 20px; border-radius: 999px; font-weight: 600; font-size: 14px; cursor: pointer; transition: 0.2s; }
        .hiw-tab.active { background: var(--primary); color: white; border-color: var(--primary); }

        .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-bottom: 40px; }
        @media (max-width: 800px) { .steps { grid-template-columns: 1fr; } }
        .step { background: white; padding: 32px 28px; border-radius: var(--radius); border: 1px solid rgba(26,94,90,0.05); position: relative; box-shadow: var(--shadow); }
        .step-num { position: absolute; top: -16px; left: 24px; background: var(--primary); color: white; font-weight: 700; font-size: 14px; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; }
        .step h3 { margin: 8px 0 8px; font-size: 18px; color: var(--primary); }
        .step p { margin: 0; color: var(--text-muted); font-size: 15px; }
		/* 远程医疗 telehealth */
		.tele-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin: 40px 0; align-items: center; }
        @media (max-width: 800px) { .tele-grid { grid-template-columns: 1fr; } }
        .tele-features { display: flex; flex-direction: column; gap: 24px; }
        .tele-feature { display: flex; gap: 16px; align-items: flex-start; }
        .tele-feature .icon { width: 48px; height: 48px; border-radius: 50%; background: rgba(114,185,48,0.12); color: var(--primary-light); display: grid; place-items: center; font-size: 1.4rem; flex-shrink: 0; }
        .tele-feature h3 { font-size: 1.1rem; color: var(--primary); margin-bottom: 4px; }
        .tele-feature p { color: var(--text-muted); font-size: 0.95rem; margin: 0; }
        .tele-visual { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); border-radius: var(--radius); padding: 40px; color: #fff; min-height: 300px; display: flex; flex-direction: column; justify-content: center; }
        .tele-visual h3 { font-size: 1.8rem; margin-bottom: 12px; }
        .tele-visual p { opacity: 0.85; font-size: 1.05rem; max-width: 400px; }
        .tele-visual .btn-white { background: #fff; color: var(--primary); margin-top: 20px; align-self: flex-start; }
		 /* Wechat页面内容 */
        .page-content { padding: 40px 0; }
        .page-header { text-align: center; margin-bottom: 40px; }
        .page-header h1 { font-size: 2.6rem; color: var(--primary); }
        .page-header p { color: var(--text-muted); font-size: 1.1rem; }
        .card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 30px; }
        .card {
            background: var(--bg-card); border-radius: var(--radius); padding: 28px 24px;
            box-shadow: var(--shadow); border: 1px solid rgba(26,94,90,0.05);
            transition: 0.3s;
        }
        .card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(26,94,90,0.10); }
        .card .icon-lg { font-size: 2.6rem; color: var(--primary-light); margin-bottom: 12px; }
        .card h3 { font-size: 1.2rem; color: var(--primary); }
        .card p { color: var(--text-muted); font-size: 0.95rem; margin: 8px 0 16px; }
        .card .highlight { background: #eaf1e6; padding: 8px 16px; border-radius: 50px; display: inline-block; font-size: 0.85rem; font-weight: 500; color: var(--primary); }

        .cta-block {
            background: #eaf1e6; border-radius: var(--radius-sm); padding: 24px 30px;
            margin-top: 30px; display: flex; flex-wrap: wrap;
            align-items: center; justify-content: space-between; gap: 16px;
        }
        .cta-block .text { flex: 1; }
        .cta-block .text h3 { color: var(--primary); }
        .cta-block .text p { color: var(--text-muted); font-size: 0.95rem; }
        .qrcode-placeholder {
            width: 140px; height: 140px;
            background: #dce8d4; border-radius: var(--radius-sm);
            display: flex; align-items: center; justify-content: center;
            border: 2px dashed #b5c9a8; margin: 0 auto;
        }
        .qrcode-placeholder i { font-size: 3rem; opacity: 0.4; color: var(--primary); }

		/* AI 页面样式 */
		.page-content { padding: 40px 0; }
        .page-header { text-align: center; margin-bottom: 30px; }
        .page-header h1 { font-size: 2.4rem; color: var(--primary); }
        .page-header p { color: var(--text-muted); font-size: 1.1rem; }

        .card-main {
            background: var(--bg-card); border-radius: var(--radius); padding: 32px 36px;
            box-shadow: var(--shadow); border: 1px solid rgba(26,94,90,0.05);
        }
        .card-main h3 { display: flex; align-items: center; gap: 10px; font-size: 1.3rem; color: var(--primary); }
        .card-main h3 i { color: var(--primary-light); }

        .info-row {
            background: #f0f5ec; border-radius: var(--radius-sm); padding: 20px 24px;
            margin-bottom: 24px; display: flex; flex-wrap: wrap; gap: 12px 30px;
        }
        .info-row strong { color: var(--primary); }

        .prescription-area {
            background: #fff; border-radius: var(--radius-sm); padding: 20px 24px;
            border: 1px solid #dce8d4; min-height: 120px;
        }
        .prescription-area h4 { font-weight: 600; margin-bottom: 10px; color: var(--primary); }
        .prescription-area .prescription-text {
            background: #fafcfa; padding: 12px 16px; border-radius: 8px;
            font-size: 0.95rem; white-space: pre-wrap;
        }
        .prescription-area .risk-note { margin-top: 12px; font-size: 0.9rem; color: var(--text-muted); }
        .prescription-area .footnote {
            margin-top: 8px; font-size: 0.85rem; color: var(--text-muted);
            border-top: 1px solid #dce8d4; padding-top: 12px;
        }

        .action-bar { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
        .warning-box {
            margin-top: 30px; background: #f0f5ec; border-radius: var(--radius-sm);
            padding: 20px 24px; border-left: 4px solid var(--primary-light);
        }
        .warning-box h4 { display: flex; align-items: center; gap: 8px; font-size: 1.1rem; color: var(--primary); }
        .warning-box p { color: var(--text-muted); font-size: 0.95rem; margin-top: 4px; }
		/* ===== 测评专用样式增强 ===== */
		.assessment-wrap { 
			padding: 32px 0 20px; 
			min-height: 600px;
		}

		/* ===== 入口标签 ===== */
		.entry-tabs {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			margin-bottom: 24px;
			padding-bottom: 16px;
			border-bottom: 2px solid #f0f5ec;
		}

		.entry-tab {
			padding: 10px 24px;
			border: 2px solid #dce8d4;
			border-radius: 50px;
			background: #fafcfa;
			color: var(--text-muted);
			font-weight: 600;
			font-size: 0.9rem;
			cursor: pointer;
			transition: all 0.3s ease;
			font-family: inherit;
		}

		.entry-tab:hover {
			background: #f0f5ec;
			border-color: var(--primary-light);
			color: var(--text-dark);
		}

		.entry-tab.active {
			background: var(--primary-light);
			border-color: var(--primary-light);
			color: #fff;
			box-shadow: 0 4px 16px rgba(114, 185, 48, 0.35);
		}

		/* ===== 题目区块 ===== */
		.question-block {
			margin-bottom: 28px;
			padding: 20px 24px;
			background: var(--bg-card);
			border-radius: var(--radius-sm);
			border: 1px solid rgba(26, 94, 90, 0.06);
			transition: all 0.3s ease;
		}

		.question-block:hover {
			border-color: rgba(114, 185, 48, 0.2);
			box-shadow: 0 4px 12px rgba(26, 94, 90, 0.06);
		}

		.question-block.hidden {
			display: none;
		}

		.question-text {
			font-weight: 600;
			font-size: 1rem;
			color: var(--text-dark);
			margin-bottom: 12px;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 6px;
		}

		.required-star {
			color: #d9534f;
			font-weight: 700;
			margin-left: 2px;
		}

		.sensitive-badge {
			background: #fce4dc;
			color: #b85a3a;
			font-size: 0.7rem;
			font-weight: 600;
			padding: 2px 10px;
			border-radius: 50px;
			margin-left: 8px;
		}

		.instruction {
			font-size: 0.85rem;
			color: var(--text-muted);
			background: #f8fbf6;
			padding: 8px 14px;
			border-radius: 8px;
			margin-bottom: 14px;
			border-left: 3px solid var(--primary-light);
		}

		/* ===== 选项样式 ===== */
		.options {
			display: flex;
			flex-wrap: wrap;
			gap: 10px 16px;
		}

		.option-item {
			display: flex;
			align-items: center;
			gap: 8px;
			padding: 8px 16px;
			background: #f8fbf6;
			border-radius: 30px;
			border: 2px solid transparent;
			transition: all 0.2s ease;
			cursor: pointer;
		}

		.option-item:hover {
			background: #eef5ea;
			border-color: rgba(114, 185, 48, 0.2);
		}

		.option-item input[type="radio"],
		.option-item input[type="checkbox"] {
			width: 18px;
			height: 18px;
			accent-color: var(--primary-light);
			cursor: pointer;
			flex-shrink: 0;
		}

		.option-item label {
			font-size: 0.92rem;
			color: var(--text-dark);
			cursor: pointer;
			display: flex;
			align-items: center;
			gap: 8px;
			flex-wrap: wrap;
		}

		/* ===== 自由文本输入 ===== */
		.free-text {
			padding: 4px 12px;
			border: 1.5px solid #dce8d4;
			border-radius: 20px;
			font-size: 0.85rem;
			font-family: inherit;
			background: #fff;
			transition: all 0.2s ease;
			width: auto;
			min-width: 100px;
		}

		.free-text:focus {
			outline: none;
			border-color: var(--primary-light);
			box-shadow: 0 0 0 3px rgba(114, 185, 48, 0.12);
		}

		/* ===== 文本/数字输入框 ===== */
		.text-input,
		.number-input {
			width: 100%;
			max-width: 400px;
			padding: 12px 16px;
			border: 2px solid #dce8d4;
			border-radius: var(--radius-sm);
			font-size: 1rem;
			font-family: inherit;
			background: #fafcfa;
			transition: all 0.2s ease;
			color: var(--text-dark);
		}

		.text-input:focus,
		.number-input:focus {
			outline: none;
			border-color: var(--primary-light);
			box-shadow: 0 0 0 4px rgba(114, 185, 48, 0.12);
		}

		.text-input::placeholder,
		.number-input::placeholder {
			color: #b5c7b0;
		}

		/* ===== 步骤导航 ===== */
		.step-nav {
			display: flex;
			justify-content: flex-end;
			margin-top: 32px;
			padding-top: 24px;
			border-top: 2px solid #f0f5ec;
			gap: 12px;
		}

		.step-nav .btn {
			min-width: 140px;
			justify-content: center;
			padding: 12px 32px;
		}

		.step-nav .btn:disabled {
			opacity: 0.5;
			cursor: not-allowed;
			transform: none !important;
		}

		/* ===== 加载状态 ===== */
		.loading {
			text-align: center;
			padding: 60px 20px;
			color: var(--text-muted);
			font-size: 1.05rem;
		}

		.loading .btn-reload {
			margin-top: 16px;
			padding: 10px 28px;
			border: 2px solid var(--primary-light);
			border-radius: 50px;
			background: transparent;
			color: var(--primary-light);
			font-weight: 600;
			font-size: 0.95rem;
			cursor: pointer;
			transition: all 0.3s ease;
			font-family: inherit;
		}

		.loading .btn-reload:hover {
			background: var(--primary-light);
			color: #fff;
		}

		/* ===== 响应式 ===== */
		@media (max-width: 768px) {
			.step-card {
				padding: 24px 16px;
			}
			
			.question-block {
				padding: 16px;
			}
			
			.options {
				gap: 8px;
			}
			
			.option-item {
				padding: 6px 14px;
				width: 100%;
			}
			
			.text-input,
			.number-input {
				max-width: 100%;
			}
			
			.step-nav {
				flex-direction: column;
			}
			
			.step-nav .btn {
				width: 100%;
			}
			
			.entry-tabs {
				gap: 6px;
			}
			
			.entry-tab {
				padding: 8px 16px;
				font-size: 0.8rem;
				flex: 1;
				text-align: center;
				min-width: 60px;
			}
		}
		/* 预约样式 */
		 /* ===== 页面标题 ===== */
        .page-header {
            padding: 40px 0 20px;
            text-align: center;
        }
        .page-header h1 {
            font-size: 2.6rem;
            font-weight: 700;
            color: var(--primary);
        }
        .page-header p {
            color: var(--text-muted);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 8px auto 0;
        }

        /* ===== 筛选栏 ===== */
        .filter-bar {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 24px 28px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            margin-bottom: 40px;
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            align-items: flex-end;
        }
        .filter-group {
            flex: 1;
            min-width: 160px;
        }
        .filter-group label {
            display: block;
            font-size: 0.8rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--text-muted);
            margin-bottom: 4px;
        }
        .filter-group select,
        .filter-group input {
            width: 100%;
            padding: 10px 14px;
            border: 2px solid #dce8d4;
            border-radius: var(--radius-sm);
            font-size: 0.95rem;
            background: #fafcfa;
            font-family: inherit;
            color: var(--text-dark);
            transition: 0.2s;
        }
        .filter-group select:focus,
        .filter-group input:focus {
            outline: none;
            border-color: var(--primary-light);
            box-shadow: 0 0 0 4px rgba(114,185,48,0.12);
        }
        .filter-bar .btn {
            min-width: 120px;
            justify-content: center;
            padding: 10px 24px;
        }

        /* ===== 执业者卡片列表 ===== */
        .practitioner-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
            gap: 24px;
            margin-bottom: 40px;
        }
        .prac-card {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 24px 24px 28px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            transition: 0.3s;
        }
        .prac-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(26,94,90,0.10);
        }
        .prac-card .top {
            display: flex;
            align-items: flex-start;
            gap: 16px;
        }
        .prac-avatar {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 700;
            font-size: 1.4rem;
            flex-shrink: 0;
        }
        .prac-info h3 {
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 2px;
        }
        .prac-info .spec {
            color: var(--text-muted);
            font-size: 0.9rem;
        }
        .prac-info .rating {
            color: #E5A93C;
            font-size: 0.85rem;
            margin-top: 4px;
        }
        .prac-info .rating span {
            color: var(--text-muted);
            margin-left: 4px;
        }
        .prac-badge {
            display: inline-block;
            background: rgba(114,185,48,0.12);
            color: var(--primary);
            font-size: 0.7rem;
            font-weight: 600;
            padding: 2px 10px;
            border-radius: 50px;
            margin-top: 4px;
        }
        .prac-details {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #f0f5ec;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .prac-details .location {
            color: var(--text-muted);
            font-size: 0.9rem;
        }
        .prac-details .location i {
            width: 18px;
            color: var(--primary-light);
        }
        .prac-details .insurance {
            font-size: 0.85rem;
            color: var(--text-muted);
        }
        .prac-details .insurance i {
            color: var(--primary-light);
            width: 18px;
        }
        .prac-details .price {
            font-weight: 600;
            color: var(--primary);
            font-size: 0.95rem;
        }
        .prac-card .btn {
            width: 100%;
            margin-top: 16px;
            justify-content: center;
            padding: 10px;
            font-size: 0.9rem;
        }

        .pagination {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin: 20px 0 40px;
        }
        .pagination a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #dce8d4;
            color: var(--text-muted);
            font-weight: 500;
            transition: 0.2s;
        }
        .pagination a:hover,
        .pagination a.active {
            background: var(--primary-light);
            border-color: var(--primary-light);
            color: #fff;
        }
		  /* 定价卡片 */
        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin: 40px 0;
        }
        @media (max-width: 1000px) { .pricing-grid { grid-template-columns: repeat(2, 1fr); } }
        @media (max-width: 600px) { .pricing-grid { grid-template-columns: 1fr; } }

        .price-card {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            border: 1px solid rgba(26,94,90,0.08);
            padding: 28px 24px;
            display: flex;
            flex-direction: column;
            transition: 0.3s;
            position: relative;
        }
        .price-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
        .price-card.featured {
            border: 2px solid var(--primary);
            box-shadow: var(--shadow);
        }
        .featured-tag {
            position: absolute;
            top: -12px;
            right: 20px;
            background: var(--primary);
            color: #fff;
            padding: 4px 14px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .price-tier { font-size: 13px; font-weight: 600; color: var(--primary-light); text-transform: uppercase; letter-spacing: 1px; }
        .price-name { font-size: 22px; font-weight: 700; color: var(--primary); margin: 6px 0 14px; }
        .price-amount { display: flex; align-items: baseline; gap: 4px; margin: 0 0 4px; }
        .price-amount .num { font-size: 38px; font-weight: 700; color: var(--primary); letter-spacing: -1px; }
        .price-amount .per { color: var(--text-muted); font-size: 15px; }
        .price-note { color: var(--text-muted); font-size: 13px; margin: 0 0 22px; min-height: 18px; }
        .price-list { list-style: none; padding: 0; margin: 0 0 24px; flex-grow: 1; }
        .price-list li {
            display: flex; align-items: flex-start; gap: 10px;
            padding: 7px 0; font-size: 14px; color: var(--text);
        }
        .price-list li svg { width: 18px; height: 18px; color: var(--primary-light); flex-shrink: 0; margin-top: 1px; }
        .price-list li .check { color: var(--primary-light); }
        .price-card .btn { width: 100%; justify-content: center; }

        .price-promise {
            background: #f0f5ec;
            border-radius: var(--radius-sm);
            padding: 20px 24px;
            border-left: 4px solid var(--primary);
            margin: 0 0 40px;
            font-size: 15px;
            color: var(--text-dark);
        }
        .price-promise strong { color: var(--primary); }
		/* Insurance 保险 */
		.insurance-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; margin: 40px 0; }
        .insurance-item { background: var(--bg-card); border: 1px solid rgba(26,94,90,0.05); border-radius: var(--radius-sm); padding: 24px; text-align: center; box-shadow: var(--shadow); }
        .insurance-item .icon { font-size: 2.4rem; color: var(--primary-light); margin-bottom: 8px; }
        .insurance-item h4 { font-size: 1rem; color: var(--primary); margin-bottom: 4px; }
        .insurance-item p { font-size: 0.85rem; color: var(--text-muted); margin: 0; }

        .eligibility-box { background: var(--bg-card); border-radius: var(--radius); padding: 32px 36px; box-shadow: var(--shadow); border: 1px solid rgba(26,94,90,0.05); margin: 40px 0; }
        .eligibility-box h3 { font-size: 1.4rem; color: var(--primary); margin-bottom: 8px; }
        .eligibility-box p { color: var(--text-muted); margin-bottom: 20px; }
        .eligibility-box .input-group { display: flex; flex-wrap: wrap; gap: 12px; }
        .eligibility-box .input-group input { flex: 1; min-width: 200px; padding: 12px 16px; border: 2px solid #dce8d4; border-radius: var(--radius-sm); font-size: 1rem; background: #fafcfa; }
        .eligibility-box .input-group input:focus { outline: none; border-color: var(--primary-light); }
		/* 执业者资源 provider*/
		.resource-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; margin: 40px 0; }
        .resource-card { background: var(--bg-card); border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow); border: 1px solid rgba(26,94,90,0.05); transition: 0.3s; }
        .resource-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(26,94,90,0.10); }
        .resource-card .icon { font-size: 2.2rem; color: var(--primary-light); margin-bottom: 12px; }
        .resource-card h3 { font-size: 1.15rem; color: var(--primary); margin-bottom: 6px; }
        .resource-card p { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 16px; }
        .resource-card .btn { font-size: 0.9rem; padding: 8px 20px; }
		/* 入驻 get list */
		.steps-vertical { display: flex; flex-direction: column; gap: 30px; max-width: 800px; margin: 40px auto; }
        .step-item { display: flex; gap: 24px; align-items: flex-start; background: var(--bg-card); padding: 28px 32px; border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid rgba(26,94,90,0.05); }
        .step-num-lg { width: 56px; height: 56px; border-radius: 50%; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.4rem; flex-shrink: 0; }
        .step-content h3 { font-size: 1.2rem; color: var(--primary); margin-bottom: 4px; }
        .step-content p { color: var(--text-muted); font-size: 0.95rem; margin: 0; }
        .step-content .btn { margin-top: 12px; }

        .cta-box { background: var(--primary); color: #fff; border-radius: var(--radius); padding: 40px; text-align: center; margin: 40px 0; }
        .cta-box h3 { font-size: 1.6rem; margin-bottom: 8px; }
        .cta-box p { opacity: 0.85; margin-bottom: 20px; }
        .cta-box .btn-white { background: #fff; color: var(--primary); }
		/* About */
		.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin: 40px 0; }
        @media (max-width: 800px) { .about-grid { grid-template-columns: 1fr; } }
        .about-text h2 { font-size: 1.8rem; color: var(--primary); margin-bottom: 12px; }
        .about-text p { color: var(--text-muted); font-size: 1.05rem; margin-bottom: 16px; }
        .about-image { background: linear-gradient(135deg, var(--primary-light), var(--primary)); border-radius: var(--radius); min-height: 300px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 4rem; opacity: 0.7; }

        .values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; margin: 40px 0; }
        .value-card { background: var(--bg-card); padding: 28px 24px; border-radius: var(--radius); box-shadow: var(--shadow); text-align: center; border: 1px solid rgba(26,94,90,0.05); }
        .value-card .icon { font-size: 2.4rem; color: var(--primary-light); margin-bottom: 12px; }
        .value-card h3 { color: var(--primary); font-size: 1.1rem; margin-bottom: 6px; }
        .value-card p { color: var(--text-muted); font-size: 0.9rem; margin: 0; }

        .team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 24px; margin: 40px 0; }
        .team-card { text-align: center; background: var(--bg-card); padding: 24px 16px; border-radius: var(--radius); box-shadow: var(--shadow); }
        .team-avatar { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg, var(--primary-light), var(--primary)); margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 1.6rem; }
        .team-card h4 { color: var(--primary); font-size: 1rem; margin-bottom: 2px; }
        .team-card .role { color: var(--text-muted); font-size: 0.85rem; }
		/* trust-safety */
		.trust-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin: 40px 0; }
        @media (max-width: 800px) { .trust-grid { grid-template-columns: 1fr; } }
        .trust-card { background: var(--bg-card); padding: 28px 24px; border-radius: var(--radius); box-shadow: var(--shadow); border: 1px solid rgba(26,94,90,0.05); }
        .trust-card .icon { font-size: 2.6rem; color: var(--primary-light); margin-bottom: 12px; }
        .trust-card h3 { font-size: 1.2rem; color: var(--primary); margin-bottom: 6px; }
        .trust-card p { color: var(--text-muted); font-size: 0.95rem; }

        .badge-display { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin: 30px 0; }
        .badge-item { background: var(--bg-card); padding: 16px 24px; border-radius: var(--radius-sm); border: 1px solid rgba(26,94,90,0.08); display: flex; align-items: center; gap: 12px; font-weight: 600; color: var(--primary); }
        .badge-item i { color: var(--primary-light); font-size: 1.6rem; }
		/* Contact */
		.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin: 40px 0; }
        @media (max-width: 800px) { .contact-grid { grid-template-columns: 1fr; } }

        .contact-form .form-group { margin-bottom: 18px; }
        .contact-form label { display: block; font-weight: 600; margin-bottom: 4px; font-size: 0.9rem; color: var(--text-dark); }
        .contact-form input, .contact-form textarea, .contact-form select { width: 100%; padding: 10px 14px; border: 2px solid #dce8d4; border-radius: var(--radius-sm); font-size: 1rem; background: #fafcfa; font-family: inherit; transition: 0.2s; }
        .contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { outline: none; border-color: var(--primary-light); box-shadow: 0 0 0 4px rgba(114,185,48,0.12); }
        .contact-form textarea { min-height: 140px; resize: vertical; }
        .contact-form .btn { width: 100%; justify-content: center; }

        .contact-info { display: flex; flex-direction: column; gap: 24px; }
        .info-item { display: flex; gap: 16px; align-items: flex-start; background: var(--bg-card); padding: 20px 24px; border-radius: var(--radius-sm); box-shadow: var(--shadow); }
        .info-item .icon { font-size: 1.6rem; color: var(--primary-light); min-width: 40px; }
        .info-item h4 { color: var(--primary); font-size: 1rem; margin-bottom: 2px; }
        .info-item p { color: var(--text-muted); font-size: 0.95rem; margin: 0; }

        .social-links { display: flex; gap: 16px; margin-top: 12px; }
        .social-links a { width: 48px; height: 48px; border-radius: 50%; background: var(--bg-card); border: 1px solid rgba(26,94,90,0.08); display: flex; align-items: center; justify-content: center; font-size: 1.3rem; color: var(--primary); transition: 0.3s; }
        .social-links a:hover { background: var(--primary-light); color: #fff; border-color: var(--primary-light); }
		
		/* Clinic */
		 /* ===== 页面头部 ===== */
        .page-header {
            padding: 40px 0 20px;
            text-align: center;
        }
        .page-header h1 {
            font-size: 2.6rem;
            font-weight: 700;
            color: var(--primary);
        }
        .page-header p {
            color: var(--text-muted);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 8px auto 0;
        }

        /* ===== 搜索横幅 ===== */
        .search-banner {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 32px 36px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            margin-bottom: 32px;
        }
        .search-banner .search-row {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            align-items: center;
        }
        .search-banner .search-row input {
            flex: 1;
            min-width: 200px;
            padding: 14px 20px;
            border: 2px solid #dce8d4;
            border-radius: 60px;
            font-size: 1rem;
            background: #fafcfa;
            outline: none;
            transition: 0.2s;
        }
        .search-banner .search-row input:focus {
            border-color: var(--primary-light);
            box-shadow: 0 0 0 4px rgba(114, 185, 48, 0.12);
        }
        .search-banner .search-row .btn {
            padding: 14px 36px;
            border-radius: 60px;
        }

        /* ===== 筛选栏 ===== */
        .filter-bar {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 24px 28px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            margin-bottom: 40px;
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            align-items: flex-end;
        }
        .filter-group {
            flex: 1;
            min-width: 150px;
        }
        .filter-group label {
            display: block;
            font-size: 0.8rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--text-muted);
            margin-bottom: 4px;
        }
        .filter-group select,
        .filter-group input {
            width: 100%;
            padding: 10px 14px;
            border: 2px solid #dce8d4;
            border-radius: var(--radius-sm);
            font-size: 0.95rem;
            background: #fafcfa;
            font-family: inherit;
            color: var(--text-dark);
            transition: 0.2s;
        }
        .filter-group select:focus,
        .filter-group input:focus {
            outline: none;
            border-color: var(--primary-light);
            box-shadow: 0 0 0 4px rgba(114, 185, 48, 0.12);
        }
        .filter-bar .btn {
            min-width: 120px;
            justify-content: center;
            padding: 10px 24px;
        }

        /* ===== 诊所卡片网格 ===== */
        .clinic-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
            gap: 28px;
            margin-bottom: 40px;
        }
        .clinic-card {
            background: var(--bg-card);
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            transition: 0.3s;
        }
        .clinic-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(26,94,90,0.10);
        }
        .clinic-card .clinic-img {
            height: 160px;
			min-width:100%;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 3rem;
            opacity:1;
			overflow:hidden
        }
        .clinic-card .clinic-body {
            padding: 24px;
        }
        .clinic-card .clinic-body h3 {
            font-size: 1.15rem;
            color: var(--primary);
            margin-bottom: 4px;
        }
        .clinic-card .clinic-body .clinic-address {
            color: var(--text-muted);
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 6px;
			min-height: 50px;
        }
        .clinic-card .clinic-body .clinic-address i {
            color: var(--primary-light);
            width: 18px;
        }
        .clinic-card .clinic-body .clinic-rating {
            color: #E5A93C;
            font-size: 0.9rem;
            margin: 6px 0 8px;
        }
        .clinic-card .clinic-body .clinic-rating span {
            color: var(--text-muted);
        }
        .clinic-card .clinic-body .clinic-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin: 8px 0 12px;
        }
        .clinic-card .clinic-body .clinic-tags .tag {
            background: #f0f5ec;
            padding: 2px 14px;
            border-radius: 50px;
            font-size: 0.75rem;
            color: var(--text-muted);
        }
        .clinic-card .clinic-body .clinic-doctors {
            font-size: 0.85rem;
            color: var(--text-muted);
        }
        .clinic-card .clinic-body .clinic-doctors i {
            color: var(--primary-light);
        }
        .clinic-card .clinic-body .btn {
            width: 100%;
            justify-content: center;
            margin-top: 14px;
            padding: 10px;
            font-size: 0.9rem;
        }
		/* 诊所详情 */
		/* ===== 面包屑 ===== */
        .breadcrumb {
            font-size: 0.85rem;
            color: var(--text-muted);
            padding: 20px 0 8px;
        }
        .breadcrumb a { color: var(--primary-light); }
        .breadcrumb a:hover { text-decoration: underline; }
        .breadcrumb span { margin: 0 6px; }

        /* ===== 诊所详情头部 ===== */
        .clinic-detail-hero {
            background: var(--bg-card);
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            margin-bottom: 32px;
        }
        .clinic-detail-hero .hero-img {
            height: 240px;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 4rem;
            /* opacity: 0.7; */
        }
        .clinic-detail-hero .hero-content {
            padding: 28px 32px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            gap: 20px;
        }
        .clinic-detail-hero .hero-content .left h1 {
            font-size: 1.8rem;
            color: #fff;
            margin-bottom: 4px;
        }
        .clinic-detail-hero .hero-content .left .address {
            color: #fff;
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .clinic-detail-hero .hero-content .left .address i {
            color: var(--primary-light);
        }
        .clinic-detail-hero .hero-content .left .rating {
            color: #E5A93C;
            font-size: 1rem;
            margin-top: 4px;
        }
        .clinic-detail-hero .hero-content .left .rating span {
            color: var(--text-muted);
        }
        .clinic-detail-hero .hero-content .right {
            text-align: right;
            min-width: 160px;
        }
        .clinic-detail-hero .hero-content .right .btn {
            padding: 12px 32px;
            width: 100%;
            justify-content: center;
        }
        .clinic-detail-hero .hero-content .right .phone {
            display: block;
            color: #fff;
            font-size: 0.95rem;
            margin-top: 8px;
        }
        .clinic-detail-hero .hero-content .right .phone i {
            color: var(--primary-light);
            margin-right: 4px;
        }

        /* ===== 诊所详情网格 ===== */
        .clinic-detail-grid {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 32px;
            margin-bottom: 40px;
        }
        @media (max-width: 900px) {
            .clinic-detail-grid {
                grid-template-columns: 1fr;
            }
        }

        /* ===== 左列通用卡片 ===== */
        .cd-section {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 28px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            margin-bottom: 24px;
        }
        .cd-section:last-child { margin-bottom: 0; }
        .cd-section h3 {
            font-size: 1.2rem;
            color: var(--primary);
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .cd-section h3 i { color: var(--primary-light); }
        .cd-section p {
            color: var(--text-muted);
            font-size: 0.95rem;
            line-height: 1.7;
        }

        /* 服务列表 */
        .cd-services {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        .cd-services .service-item {
            background: #f5f9f2;
            padding: 10px 16px;
            border-radius: var(--radius-sm);
            font-size: 0.9rem;
            color: var(--text-dark);
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .cd-services .service-item i {
            color: var(--primary-light);
            width: 18px;
        }

        /* 医生团队 */
        .cd-doctors .doc-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 12px 0;
            border-bottom: 1px solid #f0f5ec;
        }
        .cd-doctors .doc-item:last-child { border-bottom: none; }
        .cd-doctors .doc-item .doc-avatar-sm {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 700;
            font-size: 1.2rem;
            flex-shrink: 0;
        }
        .cd-doctors .doc-item .doc-info .name {
            font-weight: 600;
            color: var(--text-dark);
        }
        .cd-doctors .doc-item .doc-info .spec {
            color: var(--text-muted);
            font-size: 0.85rem;
        }
        .cd-doctors .doc-item .doc-info .doc-rating {
            color: #E5A93C;
            font-size: 0.8rem;
        }
        .cd-doctors .doc-item .doc-link {
            margin-left: auto;
            color: var(--primary-light);
            font-weight: 600;
            font-size: 0.85rem;
        }
        .cd-doctors .doc-item .doc-link:hover { text-decoration: underline; }

        /* ===== 右列 ===== */
        .cd-sidebar {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        .cd-sidebar .cd-card {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 24px 28px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
        }
        .cd-sidebar .cd-card h4 {
            font-size: 1rem;
            color: var(--primary);
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .cd-sidebar .cd-card h4 i { color: var(--primary-light); }

        /* 营业时间 */
        .cd-hours .hour-row {
            display: flex;
            justify-content: space-between;
            padding: 6px 0;
            border-bottom: 1px solid #f5f9f2;
            font-size: 0.95rem;
        }
        .cd-hours .hour-row:last-child { border-bottom: none; }
        .cd-hours .hour-row .day { color: var(--text-muted); }
        .cd-hours .hour-row .time { font-weight: 500; color: var(--text-dark); }

        /* 保险 */
        .cd-insurance .tag {
            display: inline-block;
            background: #f0f5ec;
            padding: 4px 16px;
            border-radius: 50px;
            font-size: 0.85rem;
            color: var(--text-dark);
            margin: 0 6px 8px 0;
        }

        /* 标签 */
        .cd-tags .tag {
            display: inline-block;
            background: rgba(114, 185, 48, 0.10);
            color: var(--primary);
            padding: 6px 16px;
            border-radius: 50px;
            font-size: 0.85rem;
            font-weight: 500;
            margin: 0 6px 8px 0;
        }

        /* 地图 */
        .cd-map .map-placeholder {
            height: 160px;
            background: #dce8d4;
            border-radius: var(--radius-sm);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-muted);
            font-size: 1rem;
            gap: 8px;
        }
        .cd-map .map-placeholder i {
            color: var(--primary-light);
            font-size: 1.6rem;
        }
		
		/* ===== 详情页 ===== */
        .detail-hero {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 32px 36px;
            box-shadow: var(--shadow);
            margin: 32px 0 24px;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            gap: 28px;
        }
        .detail-avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 700;
            font-size: 2.4rem;
            flex-shrink: 0;
        }
        .detail-info {
            flex: 1;
            min-width: 220px;
        }
        .detail-info h1 {
            font-size: 2rem;
            font-weight: 700;
            color: var(--primary);
        }
        .detail-info .spec {
            font-size: 1.1rem;
            color: var(--text-muted);
            margin: 2px 0 6px;
        }
        .detail-info .rating {
            color: #E5A93C;
            font-size: 1rem;
            margin-bottom: 6px;
        }
        .detail-info .rating span {
            color: var(--text-muted);
            margin-left: 6px;
        }
        .detail-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 8px;
        }
        .badge {
            background: rgba(114,185,48,0.12);
            color: var(--primary);
            font-weight: 600;
            font-size: 0.8rem;
            padding: 4px 14px;
            border-radius: 50px;
        }
        .badge i { margin-right: 6px; }
        .detail-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 16px 32px;
            background: var(--bg-warm);
            padding: 16px 20px;
            border-radius: var(--radius-sm);
            margin-top: 12px;
        }
        .detail-meta span i {
            width: 20px;
            color: var(--primary-light);
        }

        /* 诊所列表 */
        .clinic-section {
            margin: 32px 0 48px;
        }
        .clinic-section h2 {
            font-size: 1.6rem;
            font-weight: 600;
            color: var(--primary);
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .clinic-card {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 24px 28px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            margin-bottom: 20px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 20px;
            transition: 0.2s;
        }
        .clinic-card:hover {
            border-color: var(--primary-light);
        }
        .clinic-info {
            flex: 2;
            min-width: 200px;
        }
        .clinic-info h3 {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--primary);
        }
        .clinic-info .address {
            color: var(--text-muted);
            font-size: 0.95rem;
            margin: 4px 0 2px;
        }
        .clinic-info .address i { width: 18px; color: var(--primary-light); }
        .clinic-info .distance {
            font-size: 0.85rem;
            color: var(--text-muted);
        }
        .clinic-times {
            flex: 1;
            min-width: 140px;
        }
        .clinic-times .time-slot {
            background: var(--bg-warm);
            border-radius: 30px;
            padding: 6px 16px;
            font-size: 0.85rem;
            font-weight: 500;
            display: inline-block;
            margin: 3px 6px 3px 0;
        }
        .clinic-actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
            margin-left: auto;
        }
        .clinic-actions .btn-sm {
            padding: 8px 18px;
            font-size: 0.85rem;
        }
        .insurance-tag {
            background: #eef6ea;
            color: var(--primary);
            border-radius: 20px;
            padding: 2px 12px;
            font-size: 0.75rem;
            font-weight: 500;
            display: inline-block;
            margin-right: 6px;
        }

        .back-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--primary-light);
            font-weight: 500;
            margin: 16px 0 8px;
            transition: 0.2s;
        }
        .back-link:hover { color: var(--primary); }
		  /* ===== 预约页面 ===== */
        .booking-header {
            padding: 24px 0 12px;
        }
        .booking-header h1 {
            font-size: 2rem;
            font-weight: 700;
            color: var(--primary);
        }
        .booking-header p {
            color: var(--text-muted);
            font-size: 1.05rem;
        }
        .back-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--primary-light);
            font-weight: 500;
            margin: 8px 0 16px;
            transition: 0.2s;
        }
        .back-link:hover { color: var(--primary); }

        .booking-grid {
            display: grid;
            grid-template-columns: 380px 1fr;
            gap: 28px;
            margin: 20px 0 40px;
        }
        @media (max-width: 820px) {
            .booking-grid { grid-template-columns: 1fr; }
        }

        /* 左侧摘要卡片 */
        .summary-card {
            background: var(--bg-card);
            border-radius: var(--radius);
            padding: 28px 24px;
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            align-self: start;
        }
        .summary-card .practitioner {
            display: flex;
            align-items: center;
            gap: 16px;
            padding-bottom: 16px;
            border-bottom: 1px solid #f0f5ec;
        }
        .summary-card .avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 700;
            font-size: 1.3rem;
            flex-shrink: 0;
        }
        .summary-card .prac-name {
            font-weight: 700;
            font-size: 1.1rem;
            color: var(--primary);
        }
        .summary-card .prac-spec {
            color: var(--text-muted);
            font-size: 0.9rem;
        }
        .summary-card .info-row {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 10px 0;
            border-bottom: 1px solid #f5f9f2;
            font-size: 0.95rem;
            color: var(--text-dark);
        }
        .summary-card .info-row i {
            width: 20px;
            color: var(--primary-light);
        }
        .summary-card .info-row:last-of-type {
            border-bottom: none;
        }
        .summary-card .clinic-detail {
            margin-top: 14px;
            padding-top: 14px;
            border-top: 1px solid #f0f5ec;
        }
        .summary-card .clinic-detail h4 {
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: var(--text-muted);
            margin-bottom: 6px;
        }
        .summary-card .clinic-detail .name {
            font-weight: 600;
            font-size: 1rem;
        }
        .summary-card .clinic-detail .address {
            color: var(--text-muted);
            font-size: 0.9rem;
        }
        .insurance-tag {
            background: #eef6ea;
            color: var(--primary);
            border-radius: 20px;
            padding: 2px 12px;
            font-size: 0.75rem;
            font-weight: 500;
            display: inline-block;
            margin: 4px 4px 0 0;
        }

        /* 右侧 iframe 容器 */
        .iframe-wrapper {
            background: var(--bg-card);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .iframe-wrapper .iframe-header {
            padding: 18px 24px;
            background: var(--bg-warm);
            border-bottom: 1px solid #e8f0e2;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 10px;
        }
        .iframe-wrapper .iframe-header h3 {
            font-size: 1rem;
            font-weight: 600;
            color: var(--primary);
        }
        .iframe-wrapper .iframe-header .badge {
            background: rgba(114,185,48,0.15);
            color: var(--primary);
            font-size: 0.75rem;
            padding: 4px 14px;
            border-radius: 50px;
        }
        .iframe-container {
            flex: 1;
            min-height: 520px;
            background: #fafcfa;
            position: relative;
        }
        .iframe-container iframe {
            width: 100%;
            height: 100%;
            min-height: 520px;
            border: none;
            display: block;
        }
        .iframe-placeholder {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            min-height: 400px;
            color: var(--text-muted);
            padding: 40px 20px;
            text-align: center;
        }
        .iframe-placeholder i {
            font-size: 3.2rem;
            color: var(--primary-light);
            opacity: 0.4;
            margin-bottom: 16px;
        }
        .iframe-placeholder p {
            max-width: 360px;
        }
        /* ===== 分页 ===== */
        .pagination {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin: 20px 0 40px;
        }
        .pagination a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #dce8d4;
            color: var(--text-muted);
            font-weight: 500;
            transition: 0.2s;
        }
        .pagination a:hover,
        .pagination a.active {
            background: var(--primary-light);
            border-color: var(--primary-light);
            color: #fff;
        }
		 /* ===== 个人中心布局 ===== */
        .profile-page {
            flex:1;
            padding: 32px 0 48px;
        }
        .profile-layout {
            display: flex;
            gap: 28px;
            align-items: flex-start;
        }

        /* 左侧菜单 */
        .profile-sidebar {
            width: var(--sidebar-width);
            flex-shrink: 0;
            background: var(--bg-card);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            overflow: hidden;
            position: sticky;
            top: 90px;
        }
        .profile-sidebar .user-mini {
            padding: 20px 20px 16px;
            border-bottom: 1px solid #f0f5ec;
            text-align: center;
        }
        .profile-sidebar .user-mini .avatar {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary-light), var(--primary));
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            font-weight: 700;
            margin: 0 auto 8px;
        }
        .profile-sidebar .user-mini .name {
            font-weight: 600;
            color: var(--text-dark);
            font-size: 0.95rem;
        }
        .profile-sidebar .user-mini .phone {
            color: var(--text-muted);
            font-size: 0.8rem;
        }
        .profile-sidebar .menu {
            list-style: none;
            padding: 8px 0;
        }
        .profile-sidebar .menu li {
            padding: 12px 20px;
            cursor: pointer;
            transition: 0.2s;
            display: flex;
            align-items: center;
            gap: 12px;
            font-weight: 500;
            color: var(--text-muted);
            font-size: 0.9rem;
            border-left: 3px solid transparent;
        }
        .profile-sidebar .menu li:hover {
            background: #f5f9f2;
            color: var(--text-dark);
        }
        .profile-sidebar .menu li.active {
            background: rgba(114,185,48,0.08);
            color: var(--primary-light);
            border-left-color: var(--primary-light);
        }
        .profile-sidebar .menu li i {
            width: 18px;
            text-align: center;
            font-size: 1rem;
        }
        .profile-sidebar .menu li .badge {
            margin-left: auto;
            background: var(--primary-light);
            color: #fff;
            font-size: 0.7rem;
            padding: 1px 10px;
            border-radius: 30px;
            font-weight: 600;
        }

        /* 右侧内容 */
        .profile-content {
            flex: 1;
            min-width: 0;
            background: var(--bg-card);
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            border: 1px solid rgba(26,94,90,0.05);
            padding: 28px 32px;
        }
        .profile-content .page-title {
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 6px;
        }
        .profile-content .page-sub {
            color: var(--text-muted);
            font-size: 0.9rem;
            margin-bottom: 24px;
            border-bottom: 1px solid #f0f5ec;
            padding-bottom: 16px;
        }

        /* 页面切换 */
        .page-panel {
            display: none;
        }
        .page-panel.active {
            display: block;
        }
		/* ===== 头像上传 ===== */
		.avatar-wrapper {
			position: relative;
			width: 64px;
			height: 64px;
			margin: 0 auto 10px;
			cursor: pointer;
			border-radius: 50%;
			overflow: hidden;
			flex-shrink: 0;
		}

		.avatar-wrapper .avatar {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background: linear-gradient(135deg, var(--primary-light), var(--primary));
			color: #fff;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.6rem;
			font-weight: 700;
			transition: filter 0.3s ease;
			object-fit: cover;
		}

		/* 头像图片（上传后显示） */
		.avatar-wrapper .avatar img {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			object-fit: cover;
			display: block;
		}

		/* 悬停遮罩层 */
		.avatar-upload-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			background: rgba(0, 0, 0, 0.5);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			opacity: 0;
			transition: opacity 0.3s ease;
			color: #fff;
			gap: 2px;
			pointer-events: none;
		}

		.avatar-wrapper:hover .avatar-upload-overlay {
			opacity: 1;
		}

		.avatar-wrapper:hover .avatar {
			filter: brightness(0.85);
		}

		.avatar-upload-overlay i {
			font-size: 1.2rem;
		}

		.avatar-upload-overlay span {
			font-size: 0.6rem;
			font-weight: 500;
			text-align: center;
			line-height: 1.2;
		}

		/* 上传进度动画 */
		.avatar-wrapper.uploading .avatar {
			animation: pulse 1s ease-in-out infinite;
		}

		@keyframes pulse {
			0%, 100% { transform: scale(1); }
			50% { transform: scale(0.95); }
		}

		/* 响应式适配 */
		@media (max-width: 768px) {
			.avatar-wrapper {
				width: 48px;
				height: 48px;
				margin: 0 0 0 0;
			}
			.avatar-wrapper .avatar {
				font-size: 1.2rem;
			}
			.avatar-upload-overlay i {
				font-size: 0.9rem;
			}
			.avatar-upload-overlay span {
				font-size: 0.5rem;
			}
		}
        /* ===== 个人信息表单 ===== */
        .profile-form .form-group {
            margin-bottom: 18px;
        }
        .profile-form .form-group label {
            display: inline-block;
            font-weight: 500;
            font-size: 0.85rem;
            color: var(--text-dark);
            margin-bottom: 4px;
        }
        .profile-form .form-group .input-wrap {
            display: flex;
            align-items: center;
            border: 2px solid #dce8d4;
            border-radius: var(--radius-sm);
            background: #fafcfa;
            transition: 0.2s;
            overflow: hidden;
        }
        .profile-form .form-group .input-wrap:focus-within {
            border-color: var(--primary-light);
            box-shadow: 0 0 0 4px rgba(114,185,48,0.12);
        }
        .profile-form .form-group .input-wrap input,
        .profile-form .form-group .input-wrap select {
            flex: 1;
            padding: 12px 16px;
            border: none;
            background: transparent;
            font-size: 0.95rem;
            font-family: inherit;
            color: var(--text-dark);
            outline: none;
            min-width: 0;
            width: 100%;
        }
        .profile-form .form-group .input-wrap input::placeholder {
            color: #b5c7b0;
        }
        .profile-form .form-group .input-wrap .prefix {
            padding: 0 0 0 16px;
            color: var(--text-muted);
            font-weight: 500;
            font-size: 0.9rem;
            background: transparent;
            flex-shrink: 0;
        }
        .profile-form .form-group .input-wrap .suffix {
            padding: 0 16px 0 0;
            color: var(--text-muted);
            font-size: 0.85rem;
            background: transparent;
            flex-shrink: 0;
        }
        .profile-form .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
        }
        .profile-form .form-actions {
            margin-top: 24px;
            display: flex;
            gap: 12px;
            padding-top: 20px;
            border-top: 1px solid #f0f5ec;
        }
        .form-hint {
            font-size: 0.8rem;
            color: var(--text-muted);
            margin-top: 2px;
        }
        .form-success-msg {
            background: #e8f5e9;
            color: #2e7d32;
            padding: 12px 18px;
            border-radius: var(--radius-sm);
            margin-bottom: 16px;
            display: none;
            align-items: center;
            gap: 8px;
            font-size: 0.9rem;
        }
        .form-success-msg.show {
            display: flex;
        }

        /* ===== 测评记录 ===== */
        .assessment-item {
            display: flex;
            align-items: center;
            padding: 14px 0;
            border-bottom: 1px solid #f5f9f2;
            gap: 16px;
            cursor: pointer;
            transition: 0.2s;
        }
        .assessment-item:hover {
            background: #f9fbf8;
            margin: 0 -16px;
            padding: 14px 16px;
            border-radius: 8px;
        }
        .assessment-item .icon {
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: rgba(114,185,48,0.12);
            color: var(--primary-light);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            flex-shrink: 0;
        }
        .assessment-item .info {
            flex: 1;
        }
        .assessment-item .info .title {
            font-weight: 600;
            color: var(--text-dark);
        }
        .assessment-item .info .meta {
            font-size: 0.85rem;
            color: var(--text-muted);
        }
        .assessment-item .score {
            font-weight: 700;
            font-size: 1.1rem;
            color: var(--primary);
        }
        .assessment-item .score .total {
            font-weight: 400;
            font-size: 0.85rem;
            color: var(--text-muted);
        }
        .assessment-item .status-tag {
            font-size: 0.75rem;
            padding: 3px 14px;
            border-radius: 30px;
            font-weight: 600;
        }
		
		/* ===== 医生详情页专用样式 ===== */

		/* 面包屑 / 返回链接 */
		.back-link {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: var(--primary-light);
			font-weight: 500;
			margin: 16px 0 8px;
			transition: 0.2s;
		}
		.back-link:hover {
			color: var(--primary);
			text-decoration: none;
		}

		/* 页面头部 */
		.page-header {
			padding: 24px 0 12px;
		}
		.page-header h1 {
			font-size: 2rem;
			font-weight: 700;
			color: var(--primary);
		}
		.page-header p {
			color: var(--text-muted);
			font-size: 1.05rem;
		}

		/* 医生资料主卡片 */
		.doctor-profile {
			background: var(--bg-card);
			border-radius: var(--radius);
			box-shadow: var(--shadow);
			border: 1px solid rgba(26, 94, 90, 0.05);
			padding: 36px 40px;
			margin: 16px 0 32px;
		}

		/* 医生头部（头像 + 信息） */
		.doctor-header {
			display: flex;
			align-items: flex-start;
			gap: 32px;
			flex-wrap: wrap;
		}

		/* 大头像 */
		.doctor-avatar-lg {
			width: 140px;
			height: 140px;
			border-radius: 50%;
			overflow: hidden;
			flex-shrink: 0;
			border: 4px solid #e9f5e9;
			background: linear-gradient(135deg, var(--primary-light), var(--primary));
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.doctor-avatar-lg img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}
		.doctor-avatar-lg .avatar-initials {
			color: #fff;
			font-size: 3rem;
			font-weight: 700;
		}

		/* 医生文字信息 */
		.doctor-info {
			flex: 1;
			min-width: 260px;
		}
		.doctor-info h1 {
			font-size: 2rem;
			font-weight: 700;
			color: var(--primary);
			margin: 0 0 4px;
		}
		.doctor-info .spec {
			font-size: 1rem;
			color: var(--text-muted);
			font-weight: 500;
			letter-spacing: 0.5px;
			margin-bottom: 8px;
		}
		.doctor-info .rating {
			color: #E5A93C;
			font-size: 0.95rem;
			margin-bottom: 10px;
		}
		.doctor-info .rating span {
			color: var(--text-muted);
			margin-left: 6px;
		}
		.doctor-info .bio {
			font-size: 0.95rem;
			color: var(--text-muted);
			line-height: 1.65;
			max-width: 640px;
			margin: 0.5rem 0 0;
		}

		/* 医生标签 / 徽章 */
		.doctor-badges {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 12px;
		}
		.doctor-badges .badge {
			background: rgba(114, 185, 48, 0.12);
			color: var(--primary);
			font-weight: 600;
			font-size: 0.8rem;
			padding: 4px 14px;
			border-radius: 50px;
		}
		.doctor-badges .badge i {
			margin-right: 6px;
			color: var(--primary-light);
		}

		/* 诊所列表区域 */
		.clinic-list {
			margin-top: 32px;
			padding-top: 24px;
			border-top: 1px solid #f0f5ec;
		}
		.clinic-list h2 {
			font-size: 1.4rem;
			font-weight: 600;
			color: var(--primary);
			margin-bottom: 20px;
			display: flex;
			align-items: center;
			gap: 10px;
		}
		.clinic-list h2 i {
			color: var(--primary-light);
		}

		/* 单个诊所卡片 */
		.clinic-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 20px;
			padding: 20px 24px;
			background: #f9fcf9;
			border-radius: var(--radius);
			border: 1px solid #e2efe2;
			margin-bottom: 16px;
			transition: 0.25s;
			flex-wrap: wrap;
		}
		.clinic-item:last-child {
			margin-bottom: 0;
		}
		.clinic-item:hover {
			border-color: #b8d9b8;
			box-shadow: 0 6px 20px rgba(76, 175, 80, 0.08);
			transform: translateY(-2px);
		}

		/* 诊所信息 */
		.clinic-info {
			display: flex;
			flex-direction: column;
			gap: 6px;
			flex: 1;
			min-width: 200px;
		}
		.clinic-name {
			font-weight: 700;
			font-size: 1.1rem;
			color: var(--primary);
		}
		.clinic-address {
			font-size: 0.9rem;
			color: var(--text-muted);
			display: flex;
			align-items: center;
			gap: 6px;
		}
		.clinic-address i {
			color: var(--primary-light);
			font-size: 0.85rem;
			width: 16px;
		}
		.clinic-phone {
			font-size: 0.9rem;
			color: var(--text-muted);
			display: flex;
			align-items: center;
			gap: 6px;
		}
		.clinic-phone i {
			color: var(--primary-light);
			font-size: 0.85rem;
			width: 16px;
		}

		/* 诊所预约按钮 */
		.btn-book {
			background: var(--primary-light);
			color: #fff;
			border: none;
			padding: 12px 32px;
			border-radius: 50px;
			font-weight: 600;
			font-size: 0.95rem;
			cursor: pointer;
			transition: 0.3s;
			white-space: nowrap;
			text-decoration: none;
			display: inline-flex;
			align-items: center;
			gap: 8px;
			box-shadow: 0 4px 14px rgba(114, 185, 48, 0.3);
			flex-shrink: 0;
		}
		.btn-book:hover {
			background: #5ea02a;
			color: #fff;
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(114, 185, 48, 0.4);
			text-decoration: none;
		}
		.btn-book:active {
			transform: scale(0.97);
		}
		.btn-book i {
			font-size: 0.9rem;
		}

		/* 响应式 */
		@media (max-width: 768px) {
			.doctor-profile {
				padding: 24px 20px;
			}
			.doctor-header {
				flex-direction: column;
				align-items: center;
				text-align: center;
			}
			.doctor-info h1 {
				font-size: 1.6rem;
			}
			.doctor-info .bio {
				margin-left: auto;
				margin-right: auto;
			}
			.doctor-badges {
				justify-content: center;
			}
			.clinic-item {
				flex-direction: column;
				align-items: flex-start;
				gap: 16px;
			}
			.btn-book {
				width: 100%;
				justify-content: center;
			}
			.clinic-list h2 {
				font-size: 1.2rem;
			}
		}
		
		
        /* ===== 预约状态颜色 ===== */
		/* 已完成 - 蓝色 */
		.status.completed { 
			background: #e3f2fd; 
			color: #0d47a1; 
		}

		/* 已确认 - 绿色 */
		.status.confirmed { 
			background: #e8f5e9; 
			color: #2e7d32; 
		}

		/* 待确认 - 橙色 */
		.status.pending { 
			background: #fff3e0; 
			color: #e65100; 
		}

		/* 已取消 - 红色 */
		.status.cancelled { 
			background: #fbe9e7; 
			color: #c62828; 
		}

		/* ===== 新增：待付款 - 橙红色 ===== */
		.status.pending-payment { 
			background: #fff8e1; 
			color: #f57c00; 
		}

		/* ===== 新增：已付款 - 绿色 ===== */
		.status.paid { 
			background: #e8f5e9; 
			color: #1b5e20; 
		}

        /* ===== 测评详情弹窗 ===== */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 1000;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .modal-overlay.show {
            display: flex;
        }
        .modal-content {
            background: #fff;
            border-radius: var(--radius);
            max-width: 640px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            padding: 32px 36px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            position: relative;
        }
        .modal-content .modal-close {
            position: absolute;
            top: 16px;
            right: 20px;
            background: none;
            border: none;
            font-size: 1.6rem;
            color: var(--text-muted);
            cursor: pointer;
            transition: 0.2s;
        }
        .modal-content .modal-close:hover {
            color: var(--text-dark);
        }
        .modal-content .modal-title {
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 4px;
        }
        .modal-content .modal-sub {
            color: var(--text-muted);
            font-size: 0.9rem;
            margin-bottom: 20px;
            border-bottom: 1px solid #f0f5ec;
            padding-bottom: 16px;
        }
        .modal-detail-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px 24px;
        }
        .modal-detail-item .label {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.3px;
            font-weight: 500;
        }
        .modal-detail-item .value {
            font-size: 1rem;
            font-weight: 500;
            color: var(--text-dark);
        }
        .modal-detail-item .value .highlight {
            color: var(--primary-light);
            font-weight: 700;
        }
        .modal-section {
            margin-top: 20px;
            padding-top: 16px;
            border-top: 1px solid #f0f5ec;
        }
        .modal-section h4 {
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--text-dark);
            margin-bottom: 8px;
        }
        .modal-section .tag-group {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .modal-section .tag-group .tag {
            background: #f0f5ec;
            color: var(--text-dark);
            padding: 4px 14px;
            border-radius: 30px;
            font-size: 0.8rem;
        }
        .modal-section .tag-group .tag.primary {
            background: rgba(114,185,48,0.15);
            color: var(--primary-light);
            font-weight: 600;
        }
        .modal-advice {
            background: #f5f9f2;
            border-radius: var(--radius-sm);
            padding: 16px 20px;
            margin-top: 16px;
        }
        .modal-advice p {
            font-size: 0.9rem;
            color: var(--text-dark);
            line-height: 1.6;
        }

        /* ===== 预约记录 ===== */
        .booking-item {
            display: flex;
            align-items: center;
            padding: 14px 0;
            border-bottom: 1px solid #f5f9f2;
            gap: 16px;
        }
        .booking-item:last-child { border-bottom: none; }
        .booking-item .status {
            flex-shrink: 0;
            padding: 4px 14px;
            border-radius: 30px;
            font-size: 0.75rem;
            font-weight: 600;
			width:125px
        }
        .status.confirmed { background: #e8f5e9; color: #2e7d32; }
        .status.pending { background: #fff3e0; color: #e65100; }
        .status.completed { background: #e3f2fd; color: #0d47a1; }
        .status.cancelled { background: #fbe9e7; color: #c62828; }
        .booking-item .info {
            flex:1;
        }
        .booking-item .info .title {
            font-weight: 600;
            color: var(--text-dark);
        }
        .booking-item .info .meta {
            font-size: 0.85rem;
            color: var(--text-muted);
        }
        .booking-item .price {
            font-weight: 600;
            color: var(--primary);
            font-size: 0.95rem;
        }

        /* ===== 账单记录 ===== */
        .bill-item {
            display: flex;
            align-items: center;
            padding: 14px 0;
            border-bottom: 1px solid #f5f9f2;
            gap: 16px;
        }
        .bill-item:last-child { border-bottom: none; }
        .bill-item .info {
            flex:1;
        }
        .bill-item .info .title {
            font-weight: 600;
            color: var(--text-dark);
        }
        .bill-item .info .meta {
            font-size: 0.85rem;
            color: var(--text-muted);
        }
        .bill-item .amount {
            font-weight: 700;
            font-size: 1rem;
        }
        .bill-item .amount.paid { color: var(--primary-light); }
        .bill-item .amount.unpaid { color: #d9534f; }
        .bill-item .status-badge {
            font-size: 0.75rem;
            padding: 3px 14px;
            border-radius: 30px;
            font-weight: 600;
        }
        .status-badge.paid { background: #e8f5e9; color: #2e7d32; }
        .status-badge.unpaid { background: #fbe9e7; color: #c62828; }
        .status-badge.pending { background: #fff3e0; color: #e65100; }
		
        /* ===== 新 Footer 样式（从您提供的页面移植） ===== */
        .footer {
            background: #0B2D2A;  /* 深墨绿 */
            color: rgba(255,255,255,0.8);
            padding: 56px 0 28px;
        }
        .footer .container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 24px;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: 1.4fr 1fr 1fr 1fr;
            gap: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid rgba(255,255,255,0.10);
        }
        @media (max-width: 800px) {
            .footer-grid {
                grid-template-columns: 1fr 1fr;
                gap: 28px;
            }
        }
        .footer-brand {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }
        .footer-brand .logo {
            color: #fff;
            font-size: 1.5rem;
            font-weight: 700;
        }
        .footer-brand .logo i {
            color: var(--primary-light);
        }
        .footer-brand .logo span {
            color: var(--primary-light);
        }
        .footer-brand p {
            color: rgba(255,255,255,0.6);
            font-size: 14px;
            line-height: 1.55;
            max-width: 320px;
            margin: 0;
        }
        .footer-col h4 {
            margin: 0 0 14px;
            color: #fff;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .footer-col ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .footer-col ul li {
            margin-bottom: 10px;
        }
        .footer-col ul li a {
            color: rgba(255,255,255,0.65);
            font-size: 14px;
            transition: 0.2s;
        }
        .footer-col ul li a:hover {
            color: #fff;
            text-decoration: none;
        }
        .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: 24px;
            flex-wrap: wrap;
            gap: 16px;
            color: rgba(255,255,255,0.5);
            font-size: 13px;
        }
        .footer-bottom a {
            color: rgba(255,255,255,0.65);
        }
        .footer-bottom a:hover {
            color: #fff;
        }
        .compliance-badges {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
        }
        .compliance-badges span {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: rgba(255,255,255,0.55);
            border: 1px solid rgba(255,255,255,0.15);
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 12px;
        }

        @media (max-width: 768px) {
            .nav-links { display: none; flex-direction: column; width: 100%; padding: 20px 0; gap: 16px; background: var(--bg-warm); }
            .nav-links.open { display: flex; }
            .nav-toggle { display: block; }
            .hero h1 { font-size: 2.4rem; }
            .philosophy .container { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
            .footer-bottom { flex-direction: column; align-items: flex-start; }
			.clinic-grid { grid-template-columns: 1fr; }
			.search-banner .search-row { flex-direction: column; }
            .search-banner .search-row .btn { width: 100%; justify-content: center; }
            .filter-bar { flex-direction: column; align-items: stretch; }
            .filter-bar .btn { width: 100%; }
        }