/* 领域列表视觉预览：与首页共享公共头尾，不绑定尚未确认的领域详情。 */
.practice-wrap{width:calc(100% - 80px);max-width:1120px;margin:auto}
.practice-hero{position:relative;isolation:isolate;overflow:hidden;height:21.19792vw;min-height:280px;max-height:440px;background:linear-gradient(115deg,#9eafb8,#798991)}

.practice-page .header{background:linear-gradient(#25292de8,#25292d99 65%,transparent);height:82px}
.hero-label{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:45px;color:white}
.hero-label h1{font:700 40px/1.5 var(--serif);letter-spacing:2px}
.hero-label p{font:300 29px/1.6 var(--sans);letter-spacing:1px}
.practice-content{padding-top:38px;padding-bottom:100px}
.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:13px;color:#92826d;margin-bottom:35px}
.breadcrumbs>span[aria-hidden]{color:var(--red)}
.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.practice-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:35px;row-gap:29px}
.practice-item{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:59px;padding:14px 2px 13px;text-align:left;background:none;border:0;border-bottom:1px solid #888780;color:#444;font:500 17px/1.6 var(--sans);cursor:default;transition:color .25s,border-color .25s}
.practice-arrow{font:300 30px/1 Georgia,serif;color:#a9977f;flex:none;transition:transform .25s}
.practice-item:hover,.practice-item:focus-visible{color:var(--gold);border-bottom-color:var(--gold)}
.practice-item:hover .practice-arrow{transform:translateX(4px)}
.practice-page footer .wrap{max-width:1120px}

@media(max-width:1100px){.practice-grid{column-gap:24px;row-gap:22px}.practice-item{font-size:15px}.hero-label h1{font-size:34px}.hero-label p{font-size:25px}}
@media(max-width:900px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-content{padding-bottom:65px}}
@media(max-width:760px){.practice-wrap{width:calc(100% - 40px)}.practice-page .header{height:65px}.practice-hero{height:285px;min-height:0}.hero-label{padding-top:40px}.hero-label h1{font-size:29px}.hero-label p{font-size:22px}.practice-content{padding-top:25px;padding-bottom:50px}.breadcrumbs{font-size:12px;margin-bottom:20px}.practice-grid{column-gap:22px;row-gap:12px}.practice-item{font-size:14px;min-height:76px;gap:8px}.practice-arrow{font-size:25px}}
@media(max-width:520px){.practice-grid{grid-template-columns:1fr;row-gap:12px}.practice-item{font-size:16px;min-height:59px}.practice-hero{height:260px}}
@media(prefers-reduced-motion:reduce){.practice-item,.practice-arrow{transition:none}.practice-item:hover .practice-arrow{transform:none}}



/* 独立提取自02-专业领域.psd的Banner图层，替代截图放大与拼接遮罩。 */
.practice-architecture{position:absolute;inset:0;z-index:-1;background:linear-gradient(#0002,#0002),url('https://static.chihkao.com/style/ui-practice/assets/practice-banner.png') center/cover no-repeat}
@media(max-width:760px){.practice-architecture{background-position:57% center}}

/* 桌面端首屏导航透明，滚动后的实色导航继续使用共享样式。 */
@media(min-width:761px){
  .practice-page .header:not(.is-scrolled){background:transparent}
}

/* committee-order-note-20261009 */
.committee-order-note{margin:24px 0 0;text-align:right;color:#827564;font-size:14px;line-height:1.7}@media(max-width:760px){.committee-order-note{font-size:12px;margin-top:18px}}