/* Shared reading and interaction finish; original scientific images unchanged. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bc570f;outline-offset:3px;}
.li-sec-head h2{letter-spacing:.015em;line-height:1.45;}
.li-sec-head p{max-width:760px;margin-left:auto;margin-right:auto;line-height:1.8;}
.li-svc-card{border-color:#eadfd6;box-shadow:0 4px 18px rgba(65,35,15,.045);}
.li-svc-card h3{line-height:1.5;letter-spacing:0;}
.li-svc-meta .li-go{font-weight:600;white-space:nowrap;}
.li-svc-meta .li-price{line-height:1.6;}
.li-article-card{border-color:#eadfd6;}
.li-article-card h3{line-height:1.55;}
.li-text-article{color:#3d342f;line-height:1.95;}
.li-text-article h2,.li-text-article h3{color:#884019;}
.li-text-article h2{padding-left:14px;border-left:3px solid #e8762b;}
.li-text-article a{color:#a94812;text-decoration-thickness:1px;text-underline-offset:4px;}
.li-text-article tbody tr:nth-child(even){background:#fff9f4;}
.li-text-article th{background:#fff0e3;color:#763412;font-weight:650;}
.li-text-article td{color:#453a33;}
.li-text-article blockquote{border-radius:0 10px 10px 0;}
.li-foot-links{row-gap:12px;}
@media(max-width:767px){
 .li-sec-head{margin-bottom:28px;}
 .li-sec-head h2{font-size:25px;}
 .li-sec-head p{font-size:15px;}
 .li-svc-card{padding:24px 22px;}
 .li-svc-card h3{font-size:19px;}
 .li-text-article{padding-left:4px;padding-right:4px;}
 .li-text-article th,.li-text-article td{padding:10px 12px;}
 .li-text-article table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
 .li-public-faq details{padding:16px 18px;}
 .li-btn{min-height:44px;}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}*,*::before,*::after{scroll-behavior:auto!important;}}

/* 桌面端页头：logo 为固定定位（left:120px、宽 139px），一级菜单 7 项时菜单整体左移会压住 logo。
   收紧菜单项间距并缩小右侧搜索的左外边距，使菜单从 logo 右侧开始（≥1200px；1024–1279px 由下一段再收紧）。 */
@media (min-width:1200px){
 .menu > ul > li{width:84px;margin:0 5px;}
 .menu > ul > li > a{font-size:17px;}
 .sousuo10{margin-left:24px;}
}
/* 1024–1279px 容器更靠左，再收紧一档，保证菜单左缘仍在 logo 右侧。 */
@media (min-width:1024px) and (max-width:1279px){
 .menu > ul > li{width:76px;margin:0 4px;}
 .menu > ul > li > a{font-size:16px;}
}

/* Public controls: thin translucent surfaces, following the portal language control. */
body{
 --li-glass-fill:rgba(255,255,255,.64);
 --li-glass-edge:rgba(146,101,64,.17);
 --li-glass-shadow:0 4px 20px rgba(65,35,15,.035),inset 0 1px 0 rgba(255,255,255,.8);
}
.li-hero .li-btn-hero{
 min-height:52px;justify-content:center;border:1px solid rgba(255,255,255,.21);border-radius:18px;
 background:rgba(255,255,255,.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
 color:#f6dfc6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
 transition:background .2s,border-color .2s,transform .2s;
}
.li-hero .li-btn-hero.li-solid{
 background:rgba(232,118,43,.17);border-color:rgba(244,170,109,.47);color:#fff0e2;
 box-shadow:inset 0 1px 0 rgba(255,226,197,.08);
}
.li-hero .li-btn-hero:hover{
 background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.36);color:#fff4e7;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px);
}
.li-hero .li-btn-hero.li-solid:hover{background:rgba(232,118,43,.24);border-color:rgba(244,170,109,.65)}
.li-hero .li-btn-hero:focus-visible{outline:2px solid #ffd4b0;outline-offset:4px}
.li-hero .li-hero-chips span{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.18);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}

/* Large cards use translucent fill without extra blur layers, keeping scrolling light. */
.li-svc-grid .li-svc-card,.li-articles-grid .li-article-card,.li-video-component .li-vgrid .li-vcard{
 background:var(--li-glass-fill);border:1px solid var(--li-glass-edge);border-radius:18px;
 box-shadow:var(--li-glass-shadow);transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.li-svc-grid .li-svc-card:hover,.li-articles-grid .li-article-card:hover,.li-video-component .li-vgrid .li-vcard:hover{
 background:rgba(255,255,255,.85);border-color:rgba(183,115,65,.34);
 box-shadow:0 8px 24px rgba(65,35,15,.065),inset 0 1px 0 rgba(255,255,255,.95);transform:translateY(-2px);
}
.li-svc-card::before{height:2px;opacity:.55}
.li-svc-card .li-svc-icon{border:1px solid rgba(232,118,43,.12);border-radius:14px;background:rgba(232,118,43,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.li-svc-card:hover .li-svc-icon{background:rgba(232,118,43,.11);transform:none}
.li-svc-card:hover .li-svc-icon svg{fill:var(--li-red)}
.li-platform-priority .li-svc-card>p{display:block;-webkit-line-clamp:unset;overflow:visible;max-height:none;height:auto;min-height:3.5em;flex:1}
.li-articles-grid .li-article-card .li-article-thumb img,.li-video-component .li-vgrid .li-vcard .li-vcard-cover img{transition:transform .35s}
.li-articles-grid .li-article-card:hover .li-article-thumb img,.li-video-component .li-vgrid .li-vcard:hover .li-vcard-cover img{transform:scale(1.025)}
.li-video-component .li-vcard .li-vcard-play{
 background:rgba(18,21,25,.38);border:1px solid rgba(255,255,255,.58);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.li-video-component .li-vcard .li-vcard-play svg{fill:#fff}
.li-video-component .li-vcard:hover .li-vcard-play{background:rgba(18,21,25,.48);scale:1.03}

.li-section .li-btn,.li-video-component .li-vmore-button,.li-video-component .li-vfilters a,
.li-video-component .li-vpagination a,.li-pagination a,.li-pagination span,
.li-public-faq details,.li-reading-tools button,.li-share-dialog button{
 background:var(--li-glass-fill);border:1px solid var(--li-glass-edge);border-radius:12px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8);color:#854921;
 transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.li-section .li-btn,.li-video-component .li-vmore-button,.li-video-component .li-vfilters a,.li-video-component .li-vpagination a,.li-pagination a{min-height:44px}
.li-section .li-btn:hover,.li-video-component .li-vmore-button:hover,.li-video-component .li-vfilters a:hover,
.li-video-component .li-vpagination a:hover,.li-pagination a:hover,.li-reading-tools button:hover,.li-share-dialog button:hover{
 background:rgba(232,118,43,.075);border-color:rgba(183,115,65,.34);color:#9a4a18;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transform:translateY(-1px);text-decoration:none;
}
.li-video-component .li-vfilters a[aria-current=page],.li-video-component .li-vpagination a[aria-current=page],
.li-pagination .current,.li-pagination span.thisclass,.li-public-faq details[open],.li-section .li-btn.li-btn-solid{
 background:rgba(232,118,43,.11);border-color:rgba(183,115,65,.36);color:#8b4316;
}
.li-section .li-btn.li-btn-solid:hover{background:rgba(232,118,43,.16);color:#8b4316}
.li-video-dialog .li-video-close,.li-video-dialog footer button{border-color:rgba(255,255,255,.21);background:rgba(255,255,255,.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#f6dfc6}
.li-video-dialog .li-video-close:hover,.li-video-dialog footer button:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.055)}
.bs-example-modal-lg-search .modal-content{background:rgba(255,252,248,.96);border:1px solid rgba(255,255,255,.7);border-radius:18px;box-shadow:0 12px 34px rgba(30,20,10,.14)}
.bs-example-modal-lg-search .form-control,.bs-example-modal-lg-search .btn-default{min-height:44px;background:rgba(255,255,255,.64);border-color:var(--li-glass-edge);color:#854921;box-shadow:none}

@media(min-width:768px){
 #header .menu .menu2{background:rgba(255,252,248,.94);border:1px solid rgba(255,255,255,.65);border-radius:16px;box-shadow:0 10px 30px rgba(20,15,10,.12),inset 0 1px 0 rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
 #header .menu .menu2 li a{border-radius:9px;transition:background .2s,color .2s}
 #header .menu .menu2 li a:hover,#header .menu .menu2 li a:focus-visible{background:rgba(232,118,43,.085);color:#a54d0a}
}
@media(max-width:767px){
 body:has(#header) .navbar-header #lifeint-language-tools{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.21);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
 body:has(#header) .navbar-header #lifeint-language-tools button{color:#f6dfc6}
 body:has(#header) .navbar-header #lifeint-language-tools button[aria-pressed=true]{background:rgba(232,118,43,.14);color:#ffc58e}
 body:has(#header) .navbar-default .navbar-toggle{width:44px;min-height:44px;margin-top:6px;margin-bottom:6px;padding:11px 9px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.21);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
 body:has(#header) .navbar-default .navbar-toggle .icon-bar{background:#f6dfc6}
 body:has(#header) .navbar-default .navbar-nav>li>a{border-radius:10px}
 body:has(#header) .navbar-default .navbar-nav>.active>a,body:has(#header) .navbar-default .navbar-nav>li>a:hover,body:has(#header) .navbar-default .navbar-nav>li>a:focus{background:rgba(232,118,43,.14);color:#ffc58e}
 .li-hero .li-hero-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-width:360px}
 .li-hero .li-hero-cta .li-btn-hero{width:100%;padding-left:18px;padding-right:18px}
 .li-hero .li-btn-hero{border-radius:14px;min-height:48px}
 .li-svc-grid .li-svc-card,.li-articles-grid .li-article-card,.li-video-component .li-vgrid .li-vcard{border-radius:16px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .li-hero .li-btn-hero{background:rgba(15,22,33,.5)}
 .li-hero .li-btn-hero.li-solid{background:rgba(111,55,25,.7)}
 .li-video-component .li-vcard .li-vcard-play{background:rgba(30,25,20,.65)}
}
@media(prefers-reduced-motion:reduce){
 .li-hero .li-btn-hero,.li-svc-grid .li-svc-card,.li-articles-grid .li-article-card,.li-video-component .li-vgrid .li-vcard,
 .li-section .li-btn,.li-video-component .li-vmore-button,.li-video-component .li-vfilters a,.li-video-component .li-vpagination a{transition:none!important}
 .li-hero .li-btn-hero:hover,.li-svc-grid .li-svc-card:hover,.li-articles-grid .li-article-card:hover,.li-video-component .li-vgrid .li-vcard:hover,.li-section .li-btn:hover{transform:none}
}

/* An opaque mobile nav keeps the hero text from showing through its labels. */
@media(max-width:767px){
 body:has(#header) .navbar.navbar-default.navbar-fixed-top{opacity:1}
}

/* Reserve the decorative dot gutter when translated dropdown labels wrap. */
@media(min-width:768px){
 #header .menu .menu2 ul li a{padding-left:34px!important;padding-right:34px!important}
}

/* Homepage scroll state follows the dark hero instead of the legacy orange bar. */
@media(min-width:768px){
 body #header.li-nav-home.mini{background:rgba(9,16,28,.97);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 6px 22px rgba(0,0,0,.18)}
 body #header.li-nav-home.mini .menu>ul>li>a{color:#f2f4f8;text-shadow:none}
 body #header.li-nav-home.mini .menu>ul>li.on>a,#header.li-nav-home.mini .menu>ul>li>a:hover{color:#ffc58e}
 body:has(#header.li-nav-home.mini) .logo-box img{filter:none}
 body #header.li-nav-home.mini .sousuo10 .form-control,#header.li-nav-home.mini .sousuo10 .btn-default{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#f2f4f8}
 body #header.li-nav-home.mini .sousuo10 .form-control::placeholder{color:#c1c9d5}
 body #header.li-nav-home.mini #lifeint-language-tools{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#f6dfc6}
 body #header.li-nav-home.mini #lifeint-language-tools button[aria-pressed=true]{background:rgba(232,118,43,.16);color:#ffc58e}
 body #header.li-nav-home.mini .sousuo10 .input-group{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2)}
 body #header.li-nav-home.mini .sousuo10{color:#f2f4f8}
}

/* Keep secondary navigation in the same visual family as the homepage. */
@media(min-width:768px){
 body #header.li-solid{background:#0b1320!important;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 6px 22px rgba(0,0,0,.14)}
 body #header.li-solid .menu>ul>li>a{color:#f2f4f8!important;text-shadow:none}
 body #header.li-solid .menu>ul>li.on>a,body #header.li-solid .menu>ul>li>a:hover,body #header.li-solid .menu>ul>li>a:focus-visible{color:#ffc58e!important}
 body:has(#header.li-solid) .logo-box img{filter:none!important}
 body #header.li-solid .sousuo10{color:#f2f4f8}
 body #header.li-solid .sousuo10 .input-group,body #header.li-solid #lifeint-language-tools{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2);color:#f6dfc6}
 body #header.li-solid .sousuo10 .form-control,body #header.li-solid .sousuo10 .btn-default{background:transparent;color:inherit}
 body #header.li-solid .sousuo10 .form-control::placeholder{color:#c1c9d5;opacity:1}
 body #header.li-solid #lifeint-language-tools button[aria-pressed=true]{background:rgba(232,118,43,.16);color:#ffc58e}
 body.li-interior-page .title20.list-title20{margin-top:0!important}
}
@media(max-width:767px){
 body:has(#header.li-solid) nav.navbar.navbar-default.navbar-fixed-top{background:#0b1320!important;box-shadow:0 4px 18px rgba(0,0,0,.16)!important;border-color:rgba(255,255,255,.12)!important;opacity:1}
}

/* Screen-only shared hierarchy for category, list and detail templates. */
@media screen{
 html body:has(#header.li-solid) #main{padding-top:0!important}
 body:has(#header.li-solid) .banner3{position:relative;isolation:isolate;display:grid;align-items:center;min-height:320px;height:auto!important;overflow:hidden;background:#f4f6f8;margin:0}
 body:has(#header.li-solid) .banner3>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
 body:has(#header.li-solid) .banner3::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,248,250,.97),rgba(246,248,250,.89) 48%,rgba(246,248,250,.12))}
 body:has(#header.li-solid) .banner3 .banner3-text{position:relative;top:auto;left:auto;right:auto;margin:0 auto;padding:48px 24px;max-width:1168px;width:100%;box-sizing:border-box;overflow:visible;text-align:left}
 body:has(#header.li-solid) .banner3 .banner3-text h1{font-family:inherit!important;font-size:clamp(28px,3vw,40px)!important;font-weight:700;line-height:1.35!important;height:auto!important;margin:0 0 14px!important;letter-spacing:0!important;color:#182536!important;text-transform:none}
 body:has(#header.li-solid) .banner3 .banner3-text :is(h2,.en-sub){font-family:inherit;font-size:18px;line-height:1.5;height:auto;color:#526174;margin:0 0 16px}
 body:has(#header.li-solid) .banner3 .banner3-text div{height:auto;overflow:visible;max-width:680px;font-size:16px;line-height:1.8;color:#3e4b5b;margin:0}
 body:has(#header.li-solid) .banner3 .banner3-text p{display:block;margin:0 0 10px}
 .li-interior-page :is(.title20,.show-title30) h1{font-family:inherit!important;font-size:clamp(28px,3vw,40px)!important;letter-spacing:0!important;text-transform:none!important;line-height:1.4!important;color:#182536!important}
 .li-interior-page .sub-card-link{border:1px solid #e2e6eb;border-radius:16px;box-shadow:0 4px 18px rgba(16,30,48,.04);padding:26px!important;background:#fff}
 .li-interior-page .sub-card-title{border-left-color:#df7b3d!important;color:#233247;font-size:21px;line-height:1.5}
 .li-interior-page .sub-card-more{color:#a44f1e!important;font-weight:600}
 .li-interior-page .sub-card-desc{color:#5c6775;line-height:1.8}
 .li-editorial-page{background:#fafbfc;padding-bottom:56px}
 .li-unified-content{color:#344050!important;max-width:960px;font-family:inherit!important;font-weight:400;letter-spacing:0}
 .li-unified-content :is(p,div,li){font-weight:400;letter-spacing:0}
 .li-editorial-page .title20{padding-top:8px;margin-bottom:28px}
 .li-detail-page .title30{background:#f5f7fa;border-bottom-color:#e3e7ed}
 .li-reading-tools{gap:8px;flex-wrap:wrap}
 .li-interior-page :is(.list-pic10-item,.list-pic20-item){border-radius:14px}
 .li-interior-page .li-article-table{border-color:#e0e5eb;border-radius:12px}
 .li-interior-page .li-article-table th{background:#f2f5f8!important}
}
@media screen and (max-width:767px){
 body:has(#header.li-solid) .banner3{min-height:260px}
 body:has(#header.li-solid) .banner3 .banner3-text{padding:30px 20px}
 body:has(#header.li-solid) .banner3::after{background:rgba(246,248,250,.91)}
 body:has(#header.li-solid) .banner3 .banner3-text div{font-size:15px}
 .li-interior-page .sub-card-link{padding:22px!important}
}
