/* Xi Ya V4 — Enamel Depth
   A tactile, dimensional dental interface. Clinical information remains precise,
   while surfaces regain light, elevation and spatial hierarchy. */

:root{
  --ink:#10233f;
  --blue:#2864e8;
  --green:#2864e8;
  --green-dark:#1647b8;
  --orange:#ff6b57;
  --enamel:#f2f6fb;
  --paper:#fff;
  --muted:#64748b;
  --steel:#718096;
  --line:#dfe7f1;
  --line-strong:#c9d5e4;
  --v4-navy:#0b1d36;
  --v4-sky:#eaf2ff;
  --v4-cyan:#5bc8e8;
  --v4-shadow-1:0 2px 8px rgba(27,55,92,.08),0 1px 2px rgba(27,55,92,.06);
  --v4-shadow-2:0 12px 30px rgba(27,55,92,.12),0 3px 8px rgba(27,55,92,.07);
  --v4-shadow-3:0 28px 65px rgba(24,52,88,.16),0 8px 20px rgba(24,52,88,.08);
  --v4-inset:inset 0 1px 0 rgba(255,255,255,.82);
}

html{background:var(--enamel)}
body.xiya-v2{background:linear-gradient(180deg,#f8fbff 0,#f2f6fb 52%,#edf3f9 100%);color:var(--ink)}
body.xiya-v2::before{opacity:.42;background-image:radial-gradient(rgba(50,87,130,.18) .55px,transparent .55px);background-size:9px 9px}
button,a,.institution-card,.project-card,.doctor-card,.article-card{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease}
button:active{transform:scale(.98)}

/* Header floats above the content plane */
.site-header{height:80px;background:rgba(250,252,255,.9);border-bottom:1px solid rgba(174,190,210,.72);box-shadow:0 8px 28px rgba(24,52,88,.08);backdrop-filter:blur(16px) saturate(125%)}
.header-inner{gap:38px}
.brand-mark{border-radius:11px;background:linear-gradient(145deg,#3477f4,#174dbc);box-shadow:0 8px 18px rgba(40,100,232,.3),inset 0 1px 0 rgba(255,255,255,.32)}
.brand-mark::before{border-radius:5px;box-shadow:0 5px 12px rgba(255,107,87,.28)}
.main-nav{border-left:0;gap:5px}
.main-nav a{height:80px;padding:0 15px;border:0;border-radius:0;color:#3c4d64}
.main-nav a:hover,.main-nav a.active{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(40,100,232,.07));color:var(--blue)}
.main-nav a.active::after{height:3px;border-radius:3px 3px 0 0;box-shadow:0 -3px 10px rgba(40,100,232,.35)}
.location-button,.button-sm{border-radius:11px}
.location-button{background:#fff;border-color:var(--line);box-shadow:var(--v4-shadow-1)}
.button-dark{background:linear-gradient(145deg,#3477f4,#2057ce);box-shadow:0 10px 20px rgba(40,100,232,.22)}

/* Hero: layered light and a raised clinical console */
.clinical-hero{overflow:hidden;background:radial-gradient(circle at 84% 15%,rgba(91,200,232,.2),transparent 28%),radial-gradient(circle at 68% 68%,rgba(40,100,232,.11),transparent 32%),linear-gradient(135deg,#fff 0%,#f4f8fd 55%,#eaf2fb 100%);border-bottom:0}
.clinical-hero::before{left:calc(50% + 92px);background:linear-gradient(180deg,transparent,rgba(97,127,164,.24),transparent)}
.clinical-hero::after{display:block;content:"";position:absolute;width:360px;height:360px;right:-120px;top:70px;border-radius:50%;background:rgba(255,255,255,.42);filter:blur(2px);box-shadow:0 45px 100px rgba(55,108,174,.12);pointer-events:none}
.hero-case-label span{border-radius:7px;background:linear-gradient(145deg,#163353,#091a31);box-shadow:0 7px 16px rgba(11,29,54,.16)}
.clinical-hero h1{color:#0b1d36;text-shadow:0 2px 0 #fff}
.clinical-hero h1 small{background:none;color:var(--blue);-webkit-text-fill-color:var(--blue);text-shadow:none}
.clinical-hero .hero-search{height:66px;border:1px solid rgba(153,173,198,.7);border-radius:16px;box-shadow:0 18px 42px rgba(24,52,88,.14),0 4px 12px rgba(24,52,88,.08),var(--v4-inset);overflow:hidden}
.clinical-hero .search-type{border-right:1px solid var(--line);background:linear-gradient(180deg,#f4f8ff,#e8f0ff)}
.clinical-hero .hero-search>button:last-child{border-radius:12px;margin:6px;height:52px;background:linear-gradient(145deg,#3477f4,#2057ce);box-shadow:0 8px 18px rgba(40,100,232,.24)}
.hot-search button{border-radius:8px;background:rgba(255,255,255,.66);box-shadow:var(--v4-inset)}
.hero-service-note{border-top-color:rgba(155,174,198,.5)}
.clinical-hero .hero-copy{position:relative;z-index:4;padding-block:64px 58px}
.hero-decision-card{position:relative;width:min(650px,100%);padding:34px 40px 43px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:radial-gradient(circle at 92% 6%,rgba(91,200,232,.24),transparent 24%),linear-gradient(145deg,#163657 0%,#0b203b 58%,#07172b 100%);box-shadow:0 34px 70px rgba(8,28,54,.25),0 10px 24px rgba(8,28,54,.16),inset 0 1px 0 rgba(255,255,255,.15);color:#fff;isolation:isolate}
.hero-decision-card::before{content:"";position:absolute;z-index:-1;inset:15px -14px -14px 16px;border-radius:25px;background:linear-gradient(145deg,rgba(40,100,232,.2),rgba(91,200,232,.08));box-shadow:0 18px 32px rgba(24,71,135,.14)}
.hero-decision-card::after{content:"";position:absolute;right:34px;top:0;width:94px;height:5px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,var(--v4-cyan),#fff);box-shadow:0 5px 18px rgba(91,200,232,.4)}
.hero-decision-card .hero-case-label{margin-bottom:26px}
.hero-decision-card .hero-case-label span{background:#fff;color:var(--v4-navy);box-shadow:0 7px 18px rgba(0,0,0,.18)}
.hero-decision-card .hero-case-label b{color:#8adcf3}
.clinical-hero .hero-decision-card h1{max-width:none;margin:0;color:#fff;font-size:46px;line-height:1.1;letter-spacing:-2.8px;text-shadow:none}
.clinical-hero .hero-decision-card h1 span,.clinical-hero .hero-decision-card h1 strong{display:block}
.clinical-hero .hero-decision-card h1 span{color:#8edff4;font-size:.72em;line-height:1.25;letter-spacing:-1.2px}
.clinical-hero .hero-decision-card h1 span::after{display:none}
.clinical-hero .hero-decision-card h1 strong{position:relative;width:max-content;max-width:100%;font-weight:900}
.clinical-hero .hero-decision-card h1 strong::after{content:"";display:block;width:42%;height:4px;margin-top:15px;border-radius:4px;background:linear-gradient(90deg,#5bc8e8,#3477f4);box-shadow:0 4px 14px rgba(91,200,232,.42)}
.hero-decision-copy{max-width:520px;margin:17px 0 17px;color:#c6d6e6;font-size:14px;line-height:1.7}
.hero-check-points{display:flex;align-items:center;gap:0;margin:0 0 24px;color:#fff;font-size:11px;font-weight:700}
.hero-check-points span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.hero-check-points span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v4-cyan);box-shadow:0 0 0 4px rgba(91,200,232,.13)}
.hero-check-points span+span::after{content:"";order:-1;width:1px;height:13px;margin:0 16px;background:rgba(255,255,255,.18)}
.clinical-hero .hero-decision-card .hero-search{width:calc(100% + 26px);height:64px;margin:0 -13px -71px;background:#fff;border:1px solid rgba(178,196,217,.86);border-radius:16px;box-shadow:0 24px 48px rgba(3,18,36,.28),0 6px 15px rgba(3,18,36,.15),var(--v4-inset)}
.clinical-hero .hero-decision-card .search-type{border-radius:15px 0 0 15px}
.hot-search{margin-top:46px;padding-left:6px}
.hero-service-note{margin-top:26px;padding-top:17px}
.clinical-board{z-index:2;border:1px solid rgba(151,169,193,.58);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:var(--v4-shadow-3),var(--v4-inset);overflow:hidden;transform:perspective(1200px) rotateY(-1.2deg) rotateX(.5deg)}
.board-header{background:linear-gradient(180deg,#fff,#f8fbff);border-bottom-color:var(--line)}
.board-header>b{border-radius:0 21px 0 0;background:linear-gradient(145deg,#ff7c68,#ee5140);box-shadow:-10px 0 24px rgba(238,81,64,.1)}
.tooth-chart{background:linear-gradient(180deg,#fbfdff,#f4f8fc);border-bottom-color:var(--line)}
.tooth-row span{border-color:#d1ddea;border-radius:6px;background:linear-gradient(145deg,#fff,#edf3f8);box-shadow:2px 3px 7px rgba(31,62,99,.09),var(--v4-inset)}
.board-checklist>div{border-bottom-color:var(--line)}
.board-checklist strong{border:0;border-radius:7px;background:#edf3ff;box-shadow:inset 0 0 0 1px rgba(40,100,232,.15)}
.board-footer{background:linear-gradient(145deg,#132e4f,#091a31)}
.hero-media-stage{position:relative;z-index:2;min-height:540px;isolation:isolate}
.oral-photo-card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.72);background:#fff;box-shadow:var(--v4-shadow-3),var(--v4-inset)}
.oral-photo-card img{width:100%;height:100%;display:block;object-fit:cover}
.oral-photo-main{inset:24px 64px 64px 0;border-radius:28px}
.oral-photo-main::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,20,39,.78) 100%);pointer-events:none}
.oral-photo-main figcaption{position:absolute;z-index:2;left:26px;right:26px;bottom:23px;color:#fff}
.oral-photo-card figcaption span,.oral-photo-card figcaption strong,.oral-photo-card figcaption small{display:block}
.oral-photo-main figcaption span{font:700 8px/1 var(--font-data);letter-spacing:1.2px;color:#9edfff}
.oral-photo-main figcaption strong{margin-top:8px;font-size:20px}
.oral-photo-main figcaption small{margin-top:5px;color:#d7e3ef;font-size:10px}
.oral-video-card{position:absolute;z-index:4;right:-18px;bottom:20px;width:220px;padding:10px;border:1px solid rgba(194,208,225,.8);border-radius:19px;background:#fff;box-shadow:0 24px 55px rgba(7,29,57,.28),var(--v4-inset)}
.oral-video-head{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:var(--blue);font:700 8px/1 var(--font-data);letter-spacing:.8px}
.oral-video-head b{padding:4px 6px;border-radius:6px;background:#eef4ff;color:var(--ink)}
.oral-video-card video{width:100%;height:228px;display:block;border-radius:12px;background:#08182b;object-fit:cover}
.oral-video-copy{padding:10px 4px 4px}
.oral-video-copy strong,.oral-video-copy small{display:block}
.oral-video-copy strong{font-size:12px}
.oral-video-copy small{margin-top:4px;color:var(--muted);font-size:8px}
.oral-photo-detail{z-index:5;left:-34px;bottom:4px;width:208px;height:132px;border-radius:16px}
.oral-photo-detail::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,20,39,.74))}
.oral-photo-detail figcaption{position:absolute;z-index:2;left:14px;bottom:12px;color:#fff}
.oral-photo-detail figcaption span{font:700 7px/1 var(--font-data);letter-spacing:.8px;color:#9edfff}
.oral-photo-detail figcaption strong{margin-top:5px;font-size:11px}
.oral-media-status{position:absolute;z-index:5;right:3px;top:0;width:164px;padding:14px;border:1px solid rgba(199,212,228,.82);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:var(--v4-shadow-2),var(--v4-inset)}
.oral-media-status>span,.oral-media-status>strong,.oral-media-status>small{display:block}
.oral-media-status>span{color:var(--blue);font:700 7px/1 var(--font-data);letter-spacing:.8px}
.oral-media-status>strong{margin-top:7px;font-size:12px}
.oral-media-status>div{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:11px 0 9px}
.oral-media-status i{height:25px;display:grid;place-items:center;border-radius:5px;background:linear-gradient(145deg,#fff,#e8f0f8);box-shadow:var(--v4-shadow-1);font:700 7px/1 var(--font-data);font-style:normal}
.oral-media-status i:nth-child(2){border-top:3px solid var(--blue)}
.oral-media-status i:nth-child(3){border-top:3px solid var(--orange)}
.oral-media-status>small{color:#8a99aa;font-size:7px}
.trust-strip{background:rgba(255,255,255,.72);border-top:1px solid rgba(172,188,207,.64);box-shadow:0 -10px 28px rgba(24,52,88,.04)}
.trust-strip>div{border-right-color:var(--line)}
.trust-strip>div>b{border:0;border-radius:9px;background:#fff;box-shadow:var(--v4-shadow-1);color:var(--blue)}

/* Need paths are individual tactile tiles */
.care-path{padding:18px 0;background:linear-gradient(180deg,#eef4fb,#e8f0f8);border-bottom:0}
.care-path-inner{min-height:118px;gap:12px}
.care-path-intro,.care-path button{min-height:118px;border:1px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:var(--v4-shadow-2),var(--v4-inset)}
.care-path-intro{padding-left:25px;background:linear-gradient(145deg,#17385e,#0a1e39)}
.care-path button{padding-inline:17px;background:linear-gradient(145deg,#3477f4,#245bcf);border-right:0}
.care-path button:nth-child(3){background:linear-gradient(145deg,#2e6de7,#1f53c5)}
.care-path button:nth-child(4){background:linear-gradient(145deg,#285fd6,#1748b4)}
.care-path button:nth-child(5){background:linear-gradient(145deg,#2255c6,#123da1)}
.care-path button:hover{background:#fff;color:var(--blue);box-shadow:var(--v4-shadow-3);transform:translateY(-4px)}
.care-path button i{border-radius:7px;background:rgba(255,255,255,.08)}

/* Shared section depth */
.section{padding:96px 0}
.section-soft{background:linear-gradient(180deg,#edf3f9,#f5f8fc);border-block:0}
.section-head{padding-top:0;border-top:0}
.section-head h2{color:#0d213d;letter-spacing:-1.5px}
.section-kicker{min-height:27px;border-radius:7px;background:linear-gradient(145deg,#3979f2,#2357c8);box-shadow:0 6px 14px rgba(40,100,232,.18)}
.link-button{border:0;padding:0 12px;border-radius:9px;background:#edf3ff;box-shadow:inset 0 0 0 1px rgba(40,100,232,.13)}
.filter-row,.category-tabs{gap:8px;padding:8px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);box-shadow:var(--v4-shadow-1)}
.filter-row button,.category-tabs button{border-radius:9px}
.filter-row button.active,.category-tabs button.active{background:linear-gradient(145deg,#183b64,#0d2441);box-shadow:0 7px 15px rgba(13,36,65,.2)}
.filter-row .filter-control{border:0;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}

/* Marketplace cards */
.institution-grid,.project-grid,.doctor-grid,.article-grid{gap:18px;border:0}
.institution-card,.project-card,.article-card{border:1px solid rgba(203,215,229,.82);border-radius:18px;background:linear-gradient(160deg,#fff 0%,#fbfdff 72%,#f1f6fc 100%);box-shadow:var(--v4-shadow-2),var(--v4-inset);overflow:hidden}
.institution-card:hover,.project-card:hover,.article-card:hover{background:#fff;box-shadow:var(--v4-shadow-3),0 0 0 1px rgba(40,100,232,.12);transform:translateY(-6px)}
.clinic-file-head,.service-file-card>header{border-bottom-color:var(--line);background:linear-gradient(180deg,#fbfdff,#f3f7fb)}
.institution-body footer{margin:4px -20px -19px;border:0;background:linear-gradient(145deg,#17385e,#0b1e38)}
.institution-tags span,.map-result-tags span{border-color:#dce5ef;border-radius:7px;background:#f5f8fc}
.clinic-file-rating{border-block-color:var(--line)}
.project-info .project-badge{border-radius:7px;box-shadow:0 6px 12px rgba(255,107,87,.2)}
.project-file-footer .project-buy,.doctor-card>button{border-radius:9px;background:linear-gradient(145deg,#3477f4,#2057ce);box-shadow:0 8px 16px rgba(40,100,232,.18)}

/* Doctors live on a deeper spatial plane */
.doctor-section{background:radial-gradient(circle at 85% 10%,rgba(91,200,232,.15),transparent 28%),linear-gradient(145deg,#102d50,#07172d 70%);border:0}
.doctor-grid{border:0}
.doctor-card{border:1px solid rgba(137,169,207,.24);border-radius:18px;background:linear-gradient(160deg,rgba(37,72,112,.94),rgba(14,39,70,.96));box-shadow:0 20px 45px rgba(0,9,25,.24),inset 0 1px 0 rgba(255,255,255,.09);overflow:hidden}
.doctor-card:hover{background:linear-gradient(160deg,#315c91,#153b69);box-shadow:0 28px 60px rgba(0,9,25,.32),0 0 0 1px rgba(91,200,232,.25);transform:translateY(-6px)}
.doctor-avatar{border:0;border-radius:14px;background:linear-gradient(145deg,#fff,#dce9f6);box-shadow:0 10px 24px rgba(0,10,28,.28),var(--v4-inset)}
.doctor-specialties span{border-color:rgba(175,203,235,.24);border-radius:7px;background:rgba(255,255,255,.06)}
.doctor-card>button{border-radius:0 0 17px 17px}

/* Map and articles */
.map-section{background:linear-gradient(180deg,#fff,#f4f8fc);border-bottom:0}
.map-finder-shell{border:1px solid rgba(187,201,218,.8);border-radius:22px;box-shadow:var(--v4-shadow-3),var(--v4-inset);overflow:hidden}
.map-toolbar{border-bottom-color:var(--line);background:linear-gradient(180deg,#fff,#f7faff)}
.map-mode-tabs,.map-search-field,.map-locate-button{border-color:var(--line);border-radius:11px;box-shadow:var(--v4-shadow-1)}
.map-mode-tabs button{border-radius:9px}
.map-mode-tabs button.active{background:linear-gradient(145deg,#17385e,#0b1e38)}
.map-canvas-wrap{border-right-color:var(--line)}
.map-results-head{background:linear-gradient(145deg,#17385e,#0b1e38)}
.map-result-card:hover{background:#eef4ff}
.map-result-index{border-radius:10px;background:linear-gradient(145deg,#3477f4,#2057ce);box-shadow:0 6px 14px rgba(40,100,232,.2)}
.education-files .article-card{box-shadow:var(--v4-shadow-2),var(--v4-inset)}
.education-cover{border-right:0;background-color:#eef4fb!important;background-image:linear-gradient(rgba(63,97,139,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(63,97,139,.07) 1px,transparent 1px),linear-gradient(145deg,#f8fbff,#e8f0f8)!important;box-shadow:inset -10px 0 24px rgba(44,76,116,.05)}
.education-cover .education-code{border:0;border-radius:7px;box-shadow:var(--v4-shadow-1)}
.education-teeth i{border-color:#cbd8e7;border-radius:6px;box-shadow:var(--v4-shadow-1),var(--v4-inset)}

/* Partner and footer */
.partner-banner{padding:26px 0;background:linear-gradient(145deg,#153b68,#0a1d36);border:0;color:#fff}
.partner-inner{min-height:150px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 26px 55px rgba(0,10,28,.28),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden}
.partner-file-index{background:linear-gradient(145deg,#3b80f6,#2058d0);box-shadow:12px 0 30px rgba(9,29,57,.22)}
.partner-file-copy>span{border-radius:7px;box-shadow:0 6px 14px rgba(255,107,87,.22)}
.partner-file-copy strong{color:#fff}
.partner-file-copy small,.partner-file-copy i{color:#b9c9dc}
.partner-file-copy i::before{color:var(--v4-cyan)}
.partner-inner .button{border:1px solid rgba(255,255,255,.5);border-radius:12px;background:#fff;color:#10233f;box-shadow:0 12px 26px rgba(0,10,28,.22)}
footer{background:radial-gradient(circle at 12% 0,rgba(50,107,179,.18),transparent 30%),linear-gradient(145deg,#102b4b,#07162a);border-top:0}
.footer-cert{border-color:rgba(180,203,229,.22);border-radius:8px;background:rgba(255,255,255,.04)}

/* Dialogs and portals gain a clear foreground plane */
.modal-backdrop{background:rgba(7,18,35,.68);backdrop-filter:blur(8px) saturate(90%)}
.modal-card{border:1px solid rgba(211,222,235,.9);border-radius:24px;box-shadow:0 38px 100px rgba(4,15,32,.34),0 10px 30px rgba(4,15,32,.18);overflow:auto}
.modal-close{border-color:var(--line);border-radius:12px;box-shadow:var(--v4-shadow-1)}
.institution-detail-head{background:linear-gradient(145deg,#fff,#edf4fb);border-bottom-color:var(--line)}
.detail-section{border-top-color:var(--line)}
.detail-project{border-color:var(--line);border-radius:12px;background:#fff;box-shadow:var(--v4-shadow-1)}
.appointment-form{border-color:var(--line);border-radius:18px;background:linear-gradient(145deg,#f8fbff,#eef4fa);box-shadow:inset 0 1px 0 #fff}
.field input,.field textarea,.field select{border-color:#cfdae7;border-radius:11px;box-shadow:inset 0 2px 4px rgba(24,52,88,.04)}
.form-actions .button{border-radius:11px;background:linear-gradient(145deg,#3477f4,#2057ce);box-shadow:0 10px 22px rgba(40,100,232,.22)}
.login-role-tabs{border-color:var(--line);border-radius:12px;overflow:hidden}
.login-role-tabs button{border-color:var(--line)}
.auth-visual,.auth-institution .auth-visual,.auth-join .auth-visual{background:radial-gradient(circle at 80% 78%,rgba(91,200,232,.16),transparent 30%),linear-gradient(145deg,#153b68,#07172d)}
.city-picker-current{background:radial-gradient(circle at 80% 25%,rgba(91,200,232,.2),transparent 30%),linear-gradient(145deg,#3477f4,#174bb8)}
.city-picker-shell{background:#fff}
.city-region button{border-color:var(--line);border-radius:9px;box-shadow:var(--v4-shadow-1)}

/* Dashboards */
.dashboard-app{background:linear-gradient(145deg,#eef3f8,#e7eef6)}
.dash-sidebar{background:radial-gradient(circle at 10% 0,rgba(61,121,196,.2),transparent 24%),linear-gradient(180deg,#102d50,#07172d);border-right:0;box-shadow:10px 0 30px rgba(9,27,51,.14)}
.dash-sidebar #dashNav button{border-radius:10px}
.dash-sidebar #dashNav button.active{border-radius:10px;background:linear-gradient(145deg,#3a7bf2,#2056cd);box-shadow:0 10px 22px rgba(22,73,184,.3),inset 0 1px 0 rgba(255,255,255,.2)}
.dash-help{border-color:rgba(181,204,232,.2);border-radius:14px;background:rgba(255,255,255,.04)}
.dash-help>span,.dash-help button{border-radius:9px}
.dash-main{background:transparent}
.dash-header{border-bottom-color:var(--line);box-shadow:0 5px 20px rgba(24,52,88,.06)}
.dash-title{padding-top:0;border-top:0}
.stat-grid{gap:15px;border:0}
.stat-card,.dash-card,.data-card,.settings-card,.wechat-hero{border:1px solid rgba(202,214,228,.84);border-radius:16px;background:linear-gradient(155deg,#fff,#f8fbff);box-shadow:var(--v4-shadow-2),var(--v4-inset)}
.stat-card{min-height:166px}
.stat-card>span{border:0;border-radius:11px;background:linear-gradient(145deg,#eff5ff,#dfeaff);box-shadow:var(--v4-shadow-1)}
.dash-card-head{border-bottom-color:var(--line)}
.data-toolbar{border-bottom-color:var(--line);background:#f7faff}
.data-table th{background:linear-gradient(145deg,#17385e,#0b1e38)}
.status-pill{border-radius:7px;background:#fff!important}
.admin-ring{border-color:var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#edf4fb);box-shadow:inset 0 0 22px rgba(40,100,232,.08)}
.admin-todos>div{border-color:var(--line);border-radius:12px;background:#f6f9fd;box-shadow:var(--v4-shadow-1)}
.admin-todos>div>span,.wechat-logo{border-radius:10px;background:linear-gradient(145deg,#3477f4,#2057ce);box-shadow:0 8px 16px rgba(40,100,232,.2)}

@media(max-width:900px){
  .clinical-hero::after{right:-180px;opacity:.65}
  .clinical-hero .hero-copy{padding:54px 0 62px}
  .hero-decision-card{width:min(680px,100%)}
  .clinical-board{transform:none}
  .hero-media-stage{width:min(680px,100%);min-height:560px;margin-inline:auto}
  .care-path-inner{gap:10px}
  .partner-inner{border-radius:18px}
}

@media(max-width:700px){
  .site-header{height:68px}
  .clinical-hero .hero-copy{padding:42px 0 50px}
  .hero-decision-card{padding:25px 23px 37px;border-radius:22px}
  .hero-decision-card::before{inset:11px -7px -9px 9px;border-radius:20px}
  .hero-decision-card::after{right:24px;width:72px}
  .hero-decision-card .hero-case-label{margin-bottom:21px}
  .clinical-hero .hero-decision-card h1{font-size:34px;letter-spacing:-1.9px}
  .clinical-hero .hero-decision-card h1 span{letter-spacing:-1px}
  .clinical-hero .hero-decision-card h1 strong{width:auto}
  .clinical-hero .hero-decision-card h1 strong::after{height:3px;margin-top:12px}
  .hero-decision-copy{margin:17px 0 16px;font-size:13px;line-height:1.7}
  .hero-check-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-bottom:21px}
  .hero-check-points span+span::after{display:none}
  .clinical-hero .hero-decision-card .hero-search{width:calc(100% + 12px);height:58px;margin:0 -6px -68px;border-radius:13px}
  .hot-search{margin-top:41px;padding-left:2px}
  .hero-service-note{margin-top:22px}
  .clinical-hero .hero-search{border-radius:13px;box-shadow:0 12px 28px rgba(24,52,88,.14)}
  .clinical-board{border-radius:17px;box-shadow:0 18px 42px rgba(24,52,88,.15)}
  .hero-media-stage{min-height:485px}
  .oral-photo-main{inset:0 32px 105px 0;border-radius:20px}
  .oral-photo-main figcaption{left:18px;right:18px;bottom:17px}.oral-photo-main figcaption strong{font-size:16px}
  .oral-video-card{right:0;bottom:4px;width:170px;padding:8px;border-radius:15px}.oral-video-card video{height:178px;border-radius:10px}.oral-video-copy{padding-top:8px}
  .oral-photo-detail{left:9px;bottom:13px;width:168px;height:105px;border-radius:13px}
  .oral-media-status{right:8px;top:-14px;width:142px;padding:11px}
  .board-header>b{border-radius:0 16px 0 0}
  .care-path{padding:12px 0}.care-path-inner{gap:8px}.care-path-intro,.care-path button{border-radius:13px;box-shadow:0 8px 20px rgba(24,52,88,.13)}
  .filter-row,.category-tabs{border-radius:12px}
  .institution-grid,.project-grid,.doctor-grid,.article-grid{gap:14px;border:0}
  .institution-card,.project-card,.doctor-card,.article-card{border-radius:15px}
  .map-finder-shell{border-radius:16px;box-shadow:0 18px 42px rgba(24,52,88,.14)}
  .modal-card{border-radius:18px;box-shadow:0 24px 70px rgba(4,15,32,.34)}
  .partner-banner{padding:14px 0}.partner-inner{border-radius:15px}
  .stat-card,.dash-card,.data-card,.settings-card,.wechat-hero{border-radius:13px}
}

@media(max-width:430px){
  .hero-decision-card{padding-inline:20px}
  .hero-decision-card .hero-case-label{gap:9px}
  .hero-decision-card .hero-case-label b{font-size:8px;letter-spacing:.8px}
  .clinical-hero .hero-decision-card h1{font-size:31px;letter-spacing:-1.6px}
  .hero-check-points{gap:10px 12px;font-size:10px}
  .clinical-hero .hero-decision-card .hero-search{width:calc(100% + 8px);margin-inline:-4px}
}

@media(prefers-reduced-motion:reduce){
  .clinical-board{transform:none}
}