:root {
    --primary: #7f37a4; --primary-dark: #51277f; --primary-light: #e8f5f4;
    --gold: #a78a64; --gold-light: #fdf6ee; --gold-border: #eadfce;
    --bg: #ffffff; --bg-alt: #f8f9fa; --bg-dark: #2a2d32;
    --text: #333333; --text-light: #7a7979; --text-muted: #999;
    --border: #e8e0d8; --radius: 10px; --radius-sm: 6px;
    --shadow-sm: 0 2px 12px rgba(0,0,0,0.05); --shadow-md: 0 6px 24px rgba(0,0,0,0.08);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:"微软雅黑","PingFang SC","Microsoft YaHei",sans-serif; color:#333; background:#fff; line-height:1.7; font-size:14px; }
a { text-decoration:none; color:inherit; }
.container { max-width:1200px; margin:0 auto; padding:0 24px; }

/* Nav */
nav { position:sticky; top:0; z-index:100; background:#fff; border-bottom:1px solid #e8e0d8; box-shadow:0 2px 10px rgba(0,0,0,0.06); }
.nav-inner { max-width:1200px; margin:0 auto; padding:0 24px; display:flex; justify-content:space-between; align-items:center; height:72px; }
.logo { display:flex; align-items:center; gap:10px; }
.logo img { height:44px; width:auto; display:block; }
.nav-links { display:flex; gap:22px; list-style:none; margin:0; padding:0; }
.nav-links a { color:#7a7979; font-size:14px; font-weight:500; padding-bottom:4px; border-bottom:3px solid transparent; transition:all 0.3s; }
.nav-links a:hover, .nav-links a.act { color:#000; border-bottom-color:#7f37a4; }
.nav-cta { background:#7f37a4; color:#fff; padding:10px 20px; border-radius:6px; font-weight:600; font-size:13px; transition:all 0.3s; }
.nav-cta:hover { background:#51277f; }

/* Breadcrumb */
.bc { background:#f8f9fa; padding:14px 0; font-size:13px; color:#7a7979; }
.bc a { color:#7f37a4; }

/* Doctor Hero — Enhanced */
.doc-hero { display:grid; grid-template-columns:320px 1fr; gap:32px; align-items:start; padding:30px 0; }
.doc-photo-wrap { position:relative; }
.doc-photo { width:100%; aspect-ratio:4/5; border-radius:16px; overflow:hidden;
    box-shadow:var(--shadow-md); border:1px solid var(--border); }
.doc-photo-img { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.doc-main h1 { font-size:2em; color:#000; margin-bottom:6px; line-height:1.2; font-weight:800; }
.doc-main .doc-title { color:#a78a64; font-size:1.05em; font-weight:700; margin-bottom:4px; display:flex; align-items:center; gap:8px; }
.doc-main .doc-title::before { content:''; display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%; }
.doc-tags { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.doc-tag { display:inline-flex; align-items:center; gap:6px; background:linear-gradient(135deg,#fdf6ee,#fff); border:1px solid var(--gold-border); color:#8a6d44; padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:600; box-shadow:0 2px 6px rgba(167,138,100,0.08); }
.doc-tag i { color:#a78a64; font-style:normal; font-size:11px; }
.doc-intro { margin-top:14px; color:#555; line-height:1.8; font-size:14.5px; text-align:justify; }

/* Section Navigation Tabs */
.doc-nav-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:26px 0 20px; padding:16px; background:var(--bg-alt); border-radius:var(--radius); }
.doc-nav-tab { padding:8px 18px; border-radius:20px; font-size:13px; font-weight:600; color:var(--text-light); background:#fff; border:1px solid var(--border); cursor:pointer; transition:all 0.3s; white-space:nowrap; }
.doc-nav-tab:hover, .doc-nav-tab.active { background:var(--primary); color:#fff; border-color:var(--primary); box-shadow:0 4px 12px rgba(42,169,176,0.25); }

/* Doctor Sections — New 5-Section Design */
.doc-section { scroll-margin-top:80px; margin-top:28px; }
.doc-section-header { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.doc-section-icon { width:48px; height:48px; border-radius:12px; display:flex;align-items:center;justify-content:center;
    font-size:22px; flex-shrink:0; }
.doc-section-icon.icon-resume { background:linear-gradient(135deg,#7f37a4,#51277f); }
.doc-section-icon.icon-field { background:linear-gradient(135deg,#a78a64,#8e7552); }
.doc-section-icon.icon-edge { background:linear-gradient(135deg,#e8a855,#d4923c); color:#fff; }
.doc-section-icon.icon-proof { background:linear-gradient(135deg,#6b8cce,#5a74b0); }
.doc-section-icon.icon-value { background:linear-gradient(135deg,#e07a7a,#c96a6a); color:#fff; }
.doc-section h2 { font-size:1.35em; color:#000; font-weight:800; }
.doc-section .sec-sub { font-size:12px; color:var(--text-light); margin-left:auto; font-weight:500; opacity:0.85; }

/* Section 1: 履历背书 */
.resume-card { background:linear-gradient(135deg,#fafffe,#fff); border:1px solid #c8ebe8; border-radius:var(--radius); padding:24px; position:relative; overflow:hidden; }
.resume-card::before { content:''; position:absolute;top:0;left:0;right:0;height:4px;
    background:linear-gradient(90deg,var(--primary),var(--gold)); }
.resume-highlight { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; border-radius:var(--radius-sm); padding:16px 20px; margin-bottom:16px; font-size:14px; line-height:1.85; }
.resume-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:12px; }
.resume-item { background:#fff; border:1px solid var(--border); border-left:4px solid var(--primary); border-radius:var(--radius-sm); padding:14px 16px; transition:all 0.3s; }
.resume-item:hover { box-shadow:var(--shadow-sm); transform:translateX(4px); }
.resume-item .ri-label { font-size:11px; color:var(--primary); font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }
.resume-item .ri-value { font-size:14px; color:#333; font-weight:600; line-height:1.6; }

/* Section 2: 深耕领域 */
.field-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; }
.field-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden;
    transition:all 0.3s; }
.field-card:hover { box-shadow:var(--shadow-md); transform:translateY(-3px); }
.field-card-head { padding:14px 18px; background:linear-gradient(135deg,var(--gold-light),#fff); border-bottom:1px solid var(--gold-border); display:flex; align-items:center; gap:12px; }
.field-card-num { width:32px; height:32px; background:var(--gold); color:#fff; border-radius:50%;
    display:flex;align-items:center;justify-content:center; font-size:14px; font-weight:800; flex-shrink:0; }
.field-card-head h3 { font-size:1em; color:#000; font-weight:700; }
.field-card-body { padding:14px 18px; }
.field-card-body p { font-size:13px; color:var(--text-light); line-height:1.7; }

/* Section 3: 医生优势 */
.edge-list { display:flex; flex-direction:column; gap:12px; }
.edge-item { background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden;
    transition:all 0.3s; }
.edge-item:hover { box-shadow:var(--shadow-sm); }
.edge-item-header { display:flex; align-items:center; gap:14px; padding:14px 18px; background:linear-gradient(135deg,#fffbf5,#fff); border-bottom:1px solid var(--gold-border); cursor:pointer; }
.edge-item-header .edge-num { width:30px; height:30px; background:linear-gradient(135deg,#e8a855,#d4923c); color:#fff;
    border-radius:8px; display:flex;align-items:center;justify-content:center; font-size:13px; font-weight:800; flex-shrink:0; }
.edge-item-header h3 { font-size:1em; color:#000; font-weight:700; flex:1; }
.edge-item-header .edge-toggle { color:var(--gold); font-size:20px; font-weight:300; transition:transform 0.3s; }
.edge-item[open] .edge-toggle { transform:rotate(45deg); }
.edge-item-body { padding:14px 18px; }
.edge-item-body p { font-size:13.5px; color:#555; line-height:1.75; text-align:justify; }

/* Section 4: 口碑实证 */
.proof-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; }
.proof-item { background:linear-gradient(135deg,#f5f7ff,#fff); border:1px solid #d8dff0; border-radius:var(--radius-sm); padding:14px 16px; display:flex; align-items:flex-start; gap:12px; transition:all 0.3s; }
.proof-item:hover { box-shadow:var(--shadow-sm); transform:translateY(-2px); }
.proof-icon { width:36px; height:36px; background:linear-gradient(135deg,#6b8cce,#5a74b0); color:#fff;
    border-radius:10px; display:flex;align-items:center;justify-content:center; font-size:16px; flex-shrink:0; font-weight:700; }
.proof-text { font-size:13px; color:#444; line-height:1.6; }
.proof-highlight { background:linear-gradient(135deg,var(--primary-dark),#157a80); color:#fff; border-radius:var(--radius); padding:22px 26px; margin-top:18px; display:flex; align-items:center; gap:20px; }
.proof-stat { text-align:center; flex:1; }
.proof-stat .num { font-size:1.9em; font-weight:800; line-height:1.2; }
.proof-stat .label { font-size:12px; opacity:0.8; margin-top:4px; }

/* Section 5: 差异化价值 */
.value-card { background:linear-gradient(135deg,#fff9f5,#fff); border:2px solid var(--gold-border); border-radius:var(--radius); padding:26px; position:relative; overflow:hidden; }
.value-card::before { content:'"'; position:absolute;top:-10px;right:20px;font-size:160px;color:var(--gold);opacity:0.06;
    font-family:Georgia,serif;line-height:1; }
.value-card-inner { position:relative;z-index:1; }
.value-card h3 { font-size:1.2em; color:var(--gold); margin-bottom:12px; font-weight:800; display:flex; align-items:center; gap:10px; }
.value-card h3::before { content:'★'; }
.value-main-text { font-size:14.5px; color:#333; line-height:1.85; text-align:justify; margin-bottom:16px; }
.value-summary { background:var(--gold-light); border:1px solid var(--gold-border); border-radius:var(--radius-sm); padding:14px 16px; display:flex; align-items:center; gap:12px; }
.value-summary .vs-icon { font-size:24px; }
.value-summary p { font-size:13.5px; color:#6b5638; font-weight:600; line-height:1.6; }

/* FAQ */
.faq-s { max-width:860px; margin:0 auto; }
.faq-i { background:#fff; border:1px solid var(--border); border-radius:var(--radius-sm); margin-bottom:10px; padding:0; overflow:hidden; }
.faq-i summary { padding:14px 20px; font-weight:600; font-size:15px; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; color:#000; }
.faq-i summary::after { content:'+'; font-size:22px; color:var(--primary); font-weight:700; }
.faq-i[open] summary::after { content:'−'; }
.faq-a { padding:0 20px 14px; font-size:14px; color:var(--text-light); line-height:1.9; }

/* CTA */
.cta { background:linear-gradient(135deg,#7f37a4,#51277f); color:#fff; text-align:center; padding:44px 0; }
.cta h2 { font-size:1.5em; margin-bottom:12px; }
.cta p { opacity:0.88; margin-bottom:28px; max-width:560px; margin-left:auto; margin-right:auto; font-size:15px; }
.btn { display:inline-block; padding:15px 36px; border-radius:8px; font-weight:700; font-size:15px; transition:all 0.3s; cursor:pointer; border:none; }
.btn-p { background:linear-gradient(135deg,#a78a64,#8e7552); color:#fff; box-shadow:0 4px 16px rgba(167,138,100,0.35); }
.btn-p:hover { transform:translateY(-2px); box-shadow:0 6px 24px rgba(167,138,100,0.45); }

/* Footer */
footer { background:#1a3c3e; color:rgba(255,255,255,0.6); padding:32px 0 14px; font-size:13px; }
.fg { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:32px; margin-bottom:24px; max-width:1200px; margin-left:auto; margin-right:auto; padding:0 24px; }
.fc h4 { color:#fff; margin-bottom:12px; font-size:14px; }
.fc p, .fc a { color:rgba(255,255,255,0.5); text-decoration:none; display:block; padding:3px 0; font-size:12px; line-height:1.8; }
.fc a:hover { color:#7f37a4; }
.fb { border-top:1px solid rgba(255,255,255,0.1); padding-top:14px; text-align:center; font-size:11px; opacity:0.4; line-height:1.8; max-width:1200px; margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px; }
.fb a { color:rgba(255,255,255,0.7); text-decoration:none; opacity:1; }
.fb a:hover { color:#7f37a4; }

/* Top bar */
.tb { background:#2a2d32; color:#fff; padding:8px 0; font-size:12px; }
.tb .container { display:flex; justify-content:space-between; align-items:center; }
.tbb { display:flex; gap:9px; }
.tbb span,.tbb a { text-decoration:none; display:inline-block; background:#7f37a4; color:#fff; padding:2px 10px; border-radius:3px; font-size:11px; }

/* Responsive */
@media(max-width:900px) {
    .doc-hero { grid-template-columns:1fr; gap:32px; }
    .doc-photo { max-width:320px; margin:0 auto; }
    .fg { grid-template-columns:1fr 1fr; }
    .proof-highlight { flex-direction:column; text-align:center; }
}
@media(max-width:768px) {
    .nav-links { display:none; }
    .doc-nav-tabs { justify-content:center; }
    .field-cards { grid-template-columns:1fr; }
    .resume-grid { grid-template-columns:1fr; }
    .proof-grid { grid-template-columns:1fr 1fr; }
}

/* CTA Phone Animation */
.cta-phone { display:inline-flex; align-items:center; gap:8px; vertical-align:middle; }
.cta-phone-svg { width:18px; height:18px; flex-shrink:0; animation:ctaPhone 2s ease-in-out infinite; }
.btn-p:hover .cta-phone-svg { animation-duration:.8s; }
@keyframes ctaPhone { 0%,100%{transform:rotate(0deg)} 10%{transform:rotate(-12deg)} 20%{transform:rotate(12deg)} 30%{transform:rotate(-12deg)} 40%{transform:rotate(12deg)} 50%{transform:rotate(0deg)} }
/* License / Credential Disclosure */
.icon-license { background:linear-gradient(135deg,#6b8cce,#5a74b0); color:#fff; }

.license-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:16px 18px; box-shadow:var(--shadow-sm); }
.license-card h4 { font-size:14px; color:var(--primary); margin-bottom:10px; font-weight:800; display:flex; align-items:center; gap:6px; }
.license-card h4::before { content:'✓'; width:18px;height:18px;background:var(--primary);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px; }
.license-card ul { list-style:none; margin:0; padding:0; font-size:13px; color:#555; line-height:1.85; }
.license-card li { padding-left:0; }
.license-card li strong { color:#333; font-weight:700; }
.license-card .lic-num { font-family:Consolas,monospace; background:#f4f8fb; padding:1px 6px; border-radius:4px; color:#1e5f8a; font-size:12.5px; word-break:break-all; }

/* 执业资质公示 · 证书编号面板 */
.lic-panel{background:linear-gradient(135deg,#eaf3ff,#f7fbff);border:1px solid #cfe0f5;border-radius:var(--radius);padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow-sm);}
.lic-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.lic-badge{display:inline-flex;align-items:center;gap:5px;background:#2a5a9a;color:#fff;font-size:12px;font-weight:700;padding:3px 11px;border-radius:20px;}
.lic-title{font-size:15px;font-weight:800;color:#2a5a9a;}
.lic-num-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #d7e8f2;border-radius:10px;padding:14px 16px;}
.lic-key{font-size:13px;color:#667;font-weight:600;white-space:nowrap;}
.lic-num-lg{font-family:Consolas,Menlo,monospace;font-size:20px;font-weight:700;letter-spacing:1px;color:#16638f;background:#eef6fb;border:1px solid #d7e8f2;padding:7px 14px;border-radius:8px;word-break:break-all;text-decoration:none;transition:all .2s;}
.lic-num-lg:hover{background:#16638f;color:#fff;border-color:#16638f;}
.lic-verify-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:#2a5a9a;color:#fff;font-size:13px;font-weight:700;padding:9px 16px;border-radius:8px;text-decoration:none;transition:all .25s;}
.lic-verify-btn:hover{background:#1f4a85;transform:translateY(-1px);box-shadow:0 4px 12px rgba(42,90,154,.25);}


.license-compliance-note { background:var(--gold-light); border:1px solid var(--gold-border); border-radius:var(--radius); padding:14px 18px; margin:4px 0 24px; }
.license-compliance-note p { font-size:13px; color:#6b5b45; line-height:1.8; margin:0; }
.license-compliance-note strong { color:#8a6d3b; }
.license-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:14px; }
.license-thumb { background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); transition:all 0.3s; }
.license-thumb:hover { box-shadow:var(--shadow-md); transform:translateY(-2px); }
.license-thumb img { width:100%; height:120px; object-fit:cover; object-position:center top; display:block; border-bottom:1px solid var(--border); }
.license-thumb p { font-size:12px; color:#666; padding:10px; text-align:center; margin:0; line-height:1.5; }

/* Certificate Verification Entry */

/* 执业资质官方核验 */
.verify-box{background:linear-gradient(135deg,#f0f7ff,#fff);border:1px solid #cfe0f5;border-radius:var(--radius);padding:20px 22px;}
.verify-box-head{font-size:15px;color:#2a5a9a;font-weight:800;margin-bottom:6px;display:flex;align-items:center;gap:8px;}
.verify-intro{font-size:13px;color:#556;line-height:1.8;margin-bottom:16px;}
.verify-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;}
.verify-card{background:#fff;border:1px solid #e1ecf7;border-radius:10px;padding:14px;display:flex;gap:10px;align-items:flex-start;}
.vc-no{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#2a5a9a;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:2px;}
.vc-body{flex:1;min-width:0;}
.vc-title{font-size:13.5px;font-weight:800;color:#2a5a9a;margin-bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.vc-tag{font-size:11px;font-weight:700;color:#2f7d4f;background:#eef8f0;border:1px solid #cfe9d6;padding:1px 8px;border-radius:10px;}
.verify-steps{list-style:none;margin:0 0 6px;padding:0;font-size:13px;color:#555;line-height:1.85;}
.verify-steps li{position:relative;padding-left:18px;}
.verify-steps li::before{content:'•';position:absolute;left:2px;color:#7f37a4;font-weight:700;}
.verify-steps li strong{color:#2a5a9a;}
.verify-result{font-size:12.5px;color:#2f7d4f;background:#eef8f0;border:1px solid #cfe9d6;border-radius:6px;padding:9px 12px;margin-top:8px;line-height:1.7;}
.verify-result .lic-num{font-family:Consolas,monospace;background:#dcefe2;padding:1px 6px;border-radius:4px;color:#1f6b3c;font-weight:700;word-break:break-all;text-decoration:none;}
.verify-warn{font-size:13px;color:#8a5a1a;background:#fff7ec;border:1px solid #f0d9b0;border-left:4px solid #e8a855;border-radius:6px;padding:12px 14px;margin:14px 0;line-height:1.8;}
.verify-warn strong{color:#c0392b;}
.verify-links{display:flex;flex-wrap:wrap;gap:12px;}
.verify-link{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #cfe0f5;color:#2a5a9a;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s;text-decoration:none;}
.verify-link:hover{background:#2a5a9a;color:#fff;border-color:#2a5a9a;transform:translateY(-2px);box-shadow:0 4px 14px rgba(42,90,154,.25);}
.verify-link .vl-icon{font-size:16px;}
.verify-inline{color:#2a5a9a;text-decoration:underline;word-break:break-all;font-weight:600;}
@media(max-width:760px){.verify-grid{grid-template-columns:1fr;}}


/* Image Zoom (Lightbox) */
.license-thumb, .doc-photo-img { cursor:zoom-in; }
.license-thumb { position:relative; }
.license-thumb::after { content:'🔍'; position:absolute; top:8px; right:8px; width:30px; height:30px; background:rgba(42,169,176,.92); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; opacity:0; transition:opacity .3s; box-shadow:0 2px 8px rgba(0,0,0,.2); }
.license-thumb:hover::after { opacity:1; }
.zoom-lightbox { position:fixed; inset:0; background:rgba(15,20,25,0.92); display:none; align-items:center; justify-content:center; z-index:9999; padding:40px; flex-direction:column; }
.zoom-lightbox.open { display:flex; }
.zoom-lightbox img { max-width:92vw; max-height:82vh; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.5); object-fit:contain; }
.zoom-close { position:absolute; top:20px; right:28px; width:44px; height:44px; border:none; border-radius:50%; background:rgba(255,255,255,.15); color:#fff; font-size:30px; line-height:1; cursor:pointer; transition:all .3s; }
.zoom-close:hover { background:rgba(255,255,255,.3); transform:rotate(90deg); }
.zoom-hint { color:rgba(255,255,255,.6); font-size:12px; margin-top:16px; }