:root{}
.two-col{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.col-7{grid-column:span 7}
.col-5{grid-column:span 5}
@media (max-width: 992px){
  .col-7,.col-5{grid-column:span 12}
}
.rich{
  color:rgba(11,18,32,.66);
  line-height:1.95;
  font-size:15px;
}
.rich b{color:rgba(11,18,32,.86)}
.list{
  display:grid;
  gap:12px;
}
.list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(13,47,90,.12);
  background:rgba(255,255,255,.62);
  transition:transform .25s var(--ease), border-color .25s var(--ease);
}
.list a:hover{transform:translateY(-2px);border-color:rgba(198,0,24,.18)}
.list small{color:rgba(11,18,32,.58)}
.timeline{
  position:relative;
  padding-left:26px;
}
.timeline::before{
  content:"";
  position:absolute;
  left:10px;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(to bottom, rgba(198,0,24,.65), rgba(45,91,255,.35));
  border-radius:999px;
}
.tl-item{
  position:relative;
  padding:18px 18px 18px 18px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.72));
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(16px) saturate(160%);
  box-shadow:var(--shadow2);
}
.tl-item + .tl-item{margin-top:14px}
.tl-item::before{
  content:"";
  position:absolute;
  left:-26px;
  top:24px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#fff;
  border:3px solid rgba(198,0,24,.78);
  box-shadow:0 12px 30px rgba(198,0,24,.18);
}
.tl-top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.tl-year{font-weight:950;font-size:18px;letter-spacing:.6px;color:rgba(11,18,32,.88)}
.tl-title{margin:8px 0 0;font-weight:850;font-size:16px;letter-spacing:.3px}
.tl-desc{margin:10px 0 0;color:rgba(11,18,32,.62);line-height:1.9}
.timeline.timeline-h{
  padding-left:0;
  height:320px;
  max-height:400px;
  overflow:visible;
}
.timeline.timeline-h::before{content:none}
.timeline.timeline-h .timeline-h-track{
  position:relative;
  height:100%;
  display:flex;
  align-items:flex-end;
  gap:32px;
  padding:110px 12px 44px;
  overflow-x:auto;
  overflow-y:visible;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  --active:0%;
}
.timeline.timeline-h .timeline-h-track::-webkit-scrollbar{display:none}
.timeline.timeline-h .timeline-h-track::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:86px;
  height:2px;
  background:linear-gradient(90deg,#d9dde5,#d9dde5);
  border-radius:999px;
  opacity:.95;
}
.timeline.timeline-h .timeline-h-track::after{
  content:"";
  position:absolute;
  left:0;
  bottom:86px;
  height:2px;
  width:var(--active);
  background:linear-gradient(90deg,#d9dde5,#c32026);
  border-radius:999px;
  opacity:.98;
  pointer-events:none;
  transition:width .35s cubic-bezier(.22,.61,.36,1);
}
.timeline.timeline-h .timeline-h-track:has(.tl-node:nth-child(1):hover){--active:0%}
.timeline.timeline-h .timeline-h-track:has(.tl-node:nth-child(2):hover){--active:25%}
.timeline.timeline-h .timeline-h-track:has(.tl-node:nth-child(3):hover){--active:50%}
.timeline.timeline-h .timeline-h-track:has(.tl-node:nth-child(4):hover){--active:75%}
.timeline.timeline-h .timeline-h-track:has(.tl-node:nth-child(5):hover){--active:100%}
.timeline.timeline-h .tl-node{
  position:relative;
  width:120px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-direction:column;
  height:100%;
  padding-bottom:0;
}
.timeline.timeline-h .tl-dot{
  width:56px;
  height:56px;
  border-radius:999px;
  background:rgba(255,255,255,0.85);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  backdrop-filter: blur(12px) saturate(160%);
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s cubic-bezier(.22,.61,.36,1);
}
.timeline.timeline-h .tl-dot::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:999px;
  border:1px solid rgba(195,32,38,.35);
  opacity:0;
}
.timeline.timeline-h .tl-dot::after{
  content:"";
  width:12px;
  height:12px;
  border-radius:999px;
  background:#c32026;
  box-shadow:0 8px 24px rgba(190,20,20,.18);
}
.timeline.timeline-h .tl-year{
  margin-top:16px;
  font-weight:700;
  font-size:28px;
  letter-spacing:.6px;
  color:#263042;
  line-height:1;
  transition:color .25s ease;
}
.timeline.timeline-h .tl-pop{
  position:absolute;
  left:50%;
  bottom:132px;
  transform:translate(-50%, 20px) scale(.95);
  opacity:0;
  pointer-events:none;
  width:280px;
  max-width:calc(100vw - 72px);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 40px rgba(0,0,0,.08);
  padding:16px 16px 14px;
  border:1px solid rgba(13,47,90,.10);
  z-index:100;
  transition:opacity .35s cubic-bezier(.22,.61,.36,1), transform .35s cubic-bezier(.22,.61,.36,1);
  --tl-arrow-x: 50%;
}
.timeline.timeline-h .tl-pop::after{
  content:"";
  position:absolute;
  left:var(--tl-arrow-x);
  bottom:-8px;
  width:16px;
  height:16px;
  background:#fff;
  transform:translateX(-50%) rotate(45deg);
  border-right:1px solid rgba(13,47,90,.10);
  border-bottom:1px solid rgba(13,47,90,.10);
}
.timeline.timeline-h .tl-node:first-child .tl-pop{
  left:0;
  transform:translate(0, 20px) scale(.95);
  --tl-arrow-x: 60px;
}
.timeline.timeline-h .tl-node:last-child .tl-pop{
  left:auto;
  right:0;
  transform:translate(0, 20px) scale(.95);
  --tl-arrow-x: calc(100% - 60px);
}
.timeline.timeline-h .tl-node::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:88px;
  width:1px;
  height:44px;
  transform:translateX(-50%);
  background:linear-gradient(to top, rgba(195,32,38,.38), rgba(217,221,229,0));
  opacity:0;
  transition:opacity .35s cubic-bezier(.22,.61,.36,1);
}
.timeline.timeline-h .tl-pop-top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.timeline.timeline-h .tl-pop-year{
  font-weight:950;
  letter-spacing:.6px;
  color:rgba(11,18,32,.88);
}
.timeline.timeline-h .tl-pop-title{
  margin:10px 0 0;
  font-weight:850;
  font-size:15px;
  letter-spacing:.3px;
  color:rgba(11,18,32,.88);
}
.timeline.timeline-h .tl-pop-desc{
  margin:10px 0 0;
  color:rgba(11,18,32,.62);
  line-height:1.85;
  font-size:13px;
}
.timeline.timeline-h .tl-pop .pill{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.timeline.timeline-h .tl-node:hover .tl-dot{
  transform:translateY(-6px) scale(1.15);
  box-shadow:0 16px 40px rgba(190,20,20,.18);
}
.timeline.timeline-h .tl-node:hover .tl-pop{
  opacity:1;
  transform:translate(-50%, 0) scale(1);
}
.timeline.timeline-h .tl-node:first-child:hover .tl-pop{transform:translate(0, 0) scale(1)}
.timeline.timeline-h .tl-node:last-child:hover .tl-pop{transform:translate(0, 0) scale(1)}
.timeline.timeline-h .tl-node:hover::after{opacity:1}
.timeline.timeline-h .tl-node:hover .tl-year{color:#c32026}
.timeline.timeline-h .tl-node:hover .tl-dot::before{
  opacity:1;
  animation:tlRipple 1.8s ease-out infinite;
}
.timeline.timeline-h .tl-node:hover .tl-pop .pill{
  transform:translateY(-2px);
  border-color:rgba(195,32,38,.22);
  box-shadow:0 10px 24px rgba(190,20,20,.14);
}
@keyframes tlRipple{
  0%{transform:scale(.9);opacity:.0}
  10%{opacity:.75}
  100%{transform:scale(1.35);opacity:0}
}
@media (max-width: 992px){
  .timeline.timeline-h{height:300px}
  .timeline.timeline-h .tl-pop{width:260px}
}
@media (max-width: 576px){
  .timeline.timeline-h{height:280px}
  .timeline.timeline-h .timeline-h-track{gap:22px;padding:96px 10px 40px}
  .timeline.timeline-h .timeline-h-track::before{bottom:78px}
  .timeline.timeline-h .timeline-h-track::after{bottom:78px}
  .timeline.timeline-h .tl-dot{width:52px;height:52px}
  .timeline.timeline-h .tl-node::after{bottom:80px}
  .timeline.timeline-h .tl-pop{bottom:120px}
  .timeline.timeline-h .tl-pop{width:min(240px, 80vw)}
  .timeline.timeline-h .tl-year{font-size:24px}
}
.org{
  border-radius:var(--radius2);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
  box-shadow:var(--shadow2);
  backdrop-filter: blur(16px) saturate(160%);
  padding:18px;
}
.org svg{width:100%;height:auto}
.org svg a{cursor:pointer}
.org svg a g rect{
  transition:fill .25s var(--ease), stroke .25s var(--ease);
}
.org svg a g text{
  transition:fill .25s var(--ease);
}
.org svg a:hover g rect{
  fill:rgba(255,255,255,.98);
  stroke:rgba(198,0,24,.26);
}
.org svg a:hover g text{
  fill:#c62828;
}
.avatar{
  width:54px;
  height:54px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(198,0,24,.92),rgba(13,47,90,.92));
  box-shadow:0 18px 45px rgba(13,47,90,.14);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
  letter-spacing:1px;
}
.leader{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.leader b{display:block;font-size:16px;letter-spacing:.3px}
.leader span{display:block;margin-top:8px;color:rgba(11,18,32,.62);line-height:1.9}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(45,91,255,.08);
  border:1px solid rgba(45,91,255,.14);
  color:rgba(11,18,32,.74);
  font-weight:750;
  font-size:12px;
}
[data-news-page] [data-news-top] > .content{max-width:1400px}
[data-news-page] [data-news-top]{padding-bottom:60px}
[data-news-page] #newsPager{margin-top:40px !important}

[data-news-page] .news-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(420px,1fr);
  gap:28px;
  align-items:start;
}
[data-news-page] .news-grid--list-only{
  grid-template-columns:minmax(0,1fr);
}
@media (max-width: 1200px){
  [data-news-page] .news-grid{grid-template-columns:1fr}
}

[data-news-page] .news-main{min-width:0}
[data-news-page] .news-side{min-width:0}
[data-news-page] .news-main{align-self:stretch}

[data-news-page] .news-card{
  border-radius:28px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,0,0,.04);
  box-shadow:0 12px 40px rgba(15,23,42,.06);
  transition:all .35s ease;
  height:100%;
  display:flex;
  flex-direction:column;
}
[data-news-page] .news-main{cursor:pointer}
[data-news-page] .news-main:hover .news-card{
  transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(15,23,42,.12);
}
[data-news-page] .news-cover{
  height:340px;
  position:relative;
  overflow:hidden;
}
[data-news-page] .news-cover img{width:100%;height:100%;object-fit:cover}
[data-news-page] .news-cover::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.28), rgba(0,0,0,.05));
  pointer-events:none;
}
[data-news-page] .news-body{padding:22px 24px 24px}
[data-news-page] .news-body{display:flex;flex-direction:column;flex:1 1 auto}
[data-news-page] .news-body > div:last-child{margin-top:auto}
[data-news-page] .news-body .pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  background:#F4F6F8;
  color:#3D5A80;
  font-weight:650;
  font-size:13px;
}
[data-news-page] .news-body h3{
  margin:12px 0 0;
  font-size:38px;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.5px;
  color:#1B2430;
}
[data-news-page] .meta{margin-top:12px;color:rgba(17,24,39,.55);font-size:14px;display:flex;gap:12px;flex-wrap:wrap}
[data-news-page] .news-body [data-excerpt]{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
[data-news-page] .news-main .btn--primary{
  height:48px;
  padding:0 26px;
  border-radius:999px;
  border:0;
  background:linear-gradient(135deg,#B71C1C,#8E1633,#2E4A7D);
  box-shadow:0 18px 40px rgba(15,23,42,.12);
  transition:transform .35s ease, box-shadow .35s ease;
}
[data-news-page] .news-main .btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 26px 60px rgba(15,23,42,.16);
}

[data-news-page] .news-filter-tabs{
  justify-content:flex-start;
  gap:14px;
}

[data-news-page] .news-list{display:grid;gap:20px}
[data-news-page] .news-item{
  min-height:148px;
  display:flex;
  align-items:flex-start;
  gap:20px;
  padding:22px 24px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  transition:all .3s ease;
}
[data-news-page] .news-item:hover{
  transform:translateX(6px);
  box-shadow:0 16px 40px rgba(15,23,42,.08);
}
[data-news-page] .news-date-tag{
  width:80px;
  flex:0 0 auto;
  align-self:flex-start;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:relative;
  padding-top:4px;
}
[data-news-page] .news-date-tag::after{
  content:"";
  position:absolute;
  right:-10px;
  top:50%;
  width:1px;
  height:80px;
  background:#E6EAF0;
  transform:translateY(-50%);
}
[data-news-page] .news-date-tag .nd-day{font-size:56px;font-weight:700;color:#B71C1C;line-height:1}
[data-news-page] .news-date-tag .nd-month{margin-top:10px;font-size:16px;color:#888;letter-spacing:2px}

[data-news-page] .thumb{
  width:112px;
  height:78px;
  border-radius:12px;
  overflow:hidden;
  flex:0 0 auto;
}
[data-news-page] .thumb img{width:100%;height:100%;object-fit:cover}
[data-news-page] .news-content{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:10px;
}
[data-news-page] .news-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:22px;
  font-weight:650;
  line-height:1.3;
  color:rgba(11,18,32,.90);
}
[data-news-page] .news-desc{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:14px;
  color:rgba(11,18,32,.55);
  line-height:1.55;
}
[data-news-page] .news-meta-row{display:flex;align-items:center;gap:10px}
[data-news-page] .news-cat-tag{
  display:inline-flex;
  align-items:center;
  padding:4px 12px;
  border-radius:999px;
  background:#F4F6F8;
  color:#3D5A80;
  font-weight:650;
  font-size:12px;
}
[data-news-page] .news-views{color:#999;font-size:12px}
[data-news-page] .news-pagination{
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:8px;
  gap:6px;
  border:1px solid rgba(13,47,90,.10);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  backdrop-filter:blur(12px);
}
[data-news-page] .news-pagination .page-btn{
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-color:transparent;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
  font-size:14px;
}
[data-news-page] .news-pagination .page-btn--nav{
  min-width:78px;
  color:rgba(11,18,32,.66);
}
[data-news-page] .news-pagination .page-btn.is-active{
  background:#c62828;
  border-color:#c62828;
  color:#fff;
  box-shadow:0 8px 18px rgba(198,0,24,.16);
}
[data-news-page] .news-pagination .page-btn.is-disabled{
  opacity:.42;
  pointer-events:none;
  transform:none;
}
[data-news-page] .news-pagination .page-count{
  display:inline-flex;
  align-items:center;
  height:34px;
  padding:0 10px;
  color:rgba(11,18,32,.48);
  font-size:13px;
  font-weight:650;
}
@media (max-width: 768px){
  [data-news-page] .news-item{
    gap:16px;
    padding:18px;
  }
  [data-news-page] .news-date-tag{
    width:64px;
  }
  [data-news-page] .news-date-tag::after{
    right:-8px;
    height:64px;
  }
  [data-news-page] .news-date-tag .nd-day{
    font-size:42px;
  }
  [data-news-page] .news-date-tag .nd-month{
    margin-top:8px;
    font-size:13px;
    letter-spacing:1px;
  }
  [data-news-page] .thumb{
    display:none;
  }
  [data-news-page] .news-title{
    font-size:18px;
  }
  [data-news-page] .news-pagination{
    width:100%;
    justify-content:center;
    border-radius:14px;
  }
  [data-news-page] .news-pagination .page-btn--nav{
    min-width:70px;
  }
}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.search{
  display:flex;
  gap:10px;
  align-items:center;
  width:min(520px,100%);
}
.search input{flex:1}
.select{
  height:48px;
  border-radius:16px;
  border:1px solid rgba(13,47,90,.14);
  background:rgba(255,255,255,.78);
  padding:0 12px;
  outline:none;
}
.map-box{
  border-radius:var(--radius2);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
  box-shadow:var(--shadow2);
  backdrop-filter: blur(16px) saturate(160%);
}
.map-box iframe{width:100%;height:420px;border:0;display:block}
.proj-map{
  position:relative;
  max-width:1000px;
  margin:0 auto;
  aspect-ratio:16/10;
}

[data-disclosure-page] .section-head{
  margin-bottom:22px;
}
[data-disclosure-page] .section-head .h2{
  margin-bottom:0;
}
[data-disclosure-page] .filters{
  gap:18px;
  padding-top:4px;
}
[data-disclosure-page] .news-grid--list-only{
  margin-top:24px !important;
}
[data-disclosure-page] .news-list{
  gap:16px;
}
[data-disclosure-page] .news-item{
  min-height:132px;
  padding:20px 22px;
  border:1px solid rgba(13,47,90,.07);
  border-radius:18px;
  box-shadow:0 12px 34px rgba(15,23,42,.07);
}
[data-disclosure-page] .news-item:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 46px rgba(15,23,42,.10);
}
[data-disclosure-page] .news-item--featured{
  min-height:196px;
  display:grid !important;
  grid-template-columns:268px minmax(0,1fr);
  align-items:stretch !important;
  gap:24px !important;
  padding:24px;
  border-color:rgba(198,40,40,.14);
  background:linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(255,250,250,.98) 100%) !important;
  box-shadow:0 20px 48px rgba(15,23,42,.09);
}
[data-disclosure-page] .news-item--featured .thumb{
  width:268px !important;
  height:100% !important;
  min-height:148px;
  border-radius:18px !important;
  box-shadow:0 14px 28px rgba(15,23,42,.14);
}
[data-disclosure-page] .news-item--featured .thumb--featured{
  position:relative;
}
[data-disclosure-page] .news-item--featured .thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
[data-disclosure-page] .news-item--featured .news-content{
  align-self:stretch;
  justify-content:center;
  min-width:0;
}
[data-disclosure-page] .news-item--featured .news-featured-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
[data-disclosure-page] .news-item--featured .news-featured-date{
  color:rgba(11,18,32,.54);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
[data-disclosure-page] .news-item--featured .news-title{
  font-size:24px !important;
  line-height:1.45;
  margin-bottom:12px !important;
}
[data-disclosure-page] .news-item--featured .news-desc{
  font-size:15px !important;
  line-height:1.85;
  -webkit-line-clamp:3;
  margin-bottom:18px !important;
}
[data-disclosure-page] .news-item--featured .news-meta-row{
  gap:18px;
  align-items:center;
}
[data-disclosure-page] .news-item--featured .news-date-tag--featured{
  min-width:auto;
  flex-direction:row;
  gap:10px;
  padding:8px 14px 8px 12px;
  border-right:none;
  border-radius:999px;
  background:rgba(198,40,40,.08);
}
[data-disclosure-page] .news-item--featured .news-date-tag--featured::after{
  display:none;
}
[data-disclosure-page] .news-item--featured .news-date-tag--featured .nd-day{
  font-size:26px;
}
[data-disclosure-page] .news-item--featured .news-date-tag--featured .nd-month{
  margin-top:0;
  font-size:12px;
  letter-spacing:1.4px;
}
[data-disclosure-page] .news-item--featured .news-featured-hint{
  font-size:13px;
  color:rgba(11,18,32,.56);
  font-weight:600;
}
[data-disclosure-page] .news-date-tag::after{
  background:rgba(13,47,90,.10);
}
[data-disclosure-page] .disclosure-pagination{
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:8px;
  gap:6px;
  border:1px solid rgba(13,47,90,.10);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  backdrop-filter:blur(12px);
}
[data-disclosure-page] .disclosure-pagination .page-btn{
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-color:transparent;
  border-radius:10px;
  background:transparent;
  box-shadow:none;
  font-size:14px;
}
[data-disclosure-page] .disclosure-pagination .page-btn--nav{
  min-width:78px;
  color:rgba(11,18,32,.66);
}
[data-disclosure-page] .disclosure-pagination .page-btn.is-active{
  background:#c62828;
  border-color:#c62828;
  color:#fff;
  box-shadow:0 8px 18px rgba(198,0,24,.16);
}
[data-disclosure-page] .disclosure-pagination .page-btn.is-disabled{
  opacity:.42;
  pointer-events:none;
  transform:none;
}
[data-disclosure-page] .disclosure-pagination .page-count{
  display:inline-flex;
  align-items:center;
  height:34px;
  padding:0 10px;
  color:rgba(11,18,32,.48);
  font-size:13px;
  font-weight:650;
}
@media (max-width: 768px){
  [data-disclosure-page] .news-item--featured{
    min-height:auto;
    display:flex !important;
    gap:16px !important;
    padding:20px 18px;
  }
  [data-disclosure-page] .news-item--featured .thumb{
    width:100% !important;
    height:168px !important;
  }
  [data-disclosure-page] .news-item--featured .news-featured-top{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  [data-disclosure-page] .news-item--featured .news-title{
    font-size:19px !important;
    line-height:1.45;
  }
  [data-disclosure-page] .news-item--featured .news-desc{
    font-size:14px !important;
    line-height:1.75;
  }
  [data-disclosure-page] .news-item--featured .news-meta-row{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
  [data-disclosure-page] .disclosure-pagination{
    width:100%;
    justify-content:center;
    border-radius:14px;
  }
  [data-disclosure-page] .disclosure-pagination .page-btn--nav{
    min-width:70px;
  }
}
.proj-map-stage{
  position:absolute;
  inset:0;
  --fit-left:0px;
  --fit-top:0px;
  --fit-width:100%;
  --fit-height:100%;
}
.proj-map img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.proj-points{
  position:absolute;
  left:var(--fit-left);
  top:var(--fit-top);
  width:var(--fit-width);
  height:var(--fit-height);
  pointer-events:none;
}
.proj-point{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:auto;
  cursor:pointer;
  --delay:0s;
}
.proj-point .dot,
.proj-point .pulse{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
}
.proj-point .dot{
  width:8px;
  height:8px;
  background:#ff3b3b;
  box-shadow:0 0 10px rgba(255,59,59,.55);
}
.proj-point .pulse{
  width:8px;
  height:8px;
  border:1.5px solid rgba(255,59,59,.78);
  opacity:.8;
  animation:projPulse 2s infinite ease-out;
  animation-delay:var(--delay);
  will-change:width,height,opacity;
}
@keyframes projPulse{
  0%{width:8px;height:8px;opacity:.8}
  100%{width:32px;height:32px;opacity:0}
}
.place-tip{
  position:absolute;
  left:0;
  top:0;
  transform:translate(-50%, calc(-100% - 12px));
  padding:8px 10px;
  border-radius:8px;
  background:rgba(10,20,40,.95);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 8px 30px rgba(0,0,0,.25);
  color:#fff;
  font-size:14px;
  white-space:nowrap;
  opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
  z-index:10;
}
.place-tip.is-visible{opacity:1}
.detail{
  border-radius:var(--radius2);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:var(--shadow2);
  backdrop-filter: blur(16px) saturate(160%);
  padding:26px 26px 24px;
}
.detail h1{margin:0;font-family:"Source Han Serif SC","Noto Serif SC","Songti SC","STSong",serif;font-weight:950;letter-spacing:.6px;font-size:34px}
.detail .meta{margin-top:14px}
.detail .body{margin-top:18px;color:rgba(11,18,32,.70);line-height:2.0;font-size:15px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.detail .body p{margin:0 0 14px}
.detail .body img{max-width:100%;height:auto}
.detail .body p[style*="text-align: center"] img,
.detail .body p[style*="text-align:center"] img,
.detail .body .ql-align-center img,
.detail .body .image-style-align-center img,
.detail .body figure.image-style-align-center img,
.detail .body img[data-align="center"]{display:block;margin-left:auto;margin-right:auto}
.detail .body img[data-align="right"]{display:block;margin-left:auto;margin-right:0}
.detail .body img[data-align="left"]{display:block;margin-left:0;margin-right:auto}
.detail .body table{width:auto;max-width:100%;border-collapse:collapse}
.detail .body td,
.detail .body th{border:1px solid #d0d7e2;padding:8px 10px;vertical-align:middle}
.article-content{color:rgba(11,18,32,.70);line-height:2.0;font-size:15px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.article-content p{margin:0 0 14px}
.article-content img{max-width:100%;height:auto}
.article-content p[style*="text-align: center"] img,
.article-content p[style*="text-align:center"] img,
.article-content .text-center img,
.article-content .ql-align-center img,
.article-content .image-style-align-center img,
.article-content figure.image-style-align-center img,
.article-content img[data-align="center"]{display:block;margin-left:auto;margin-right:auto}
.article-content img[data-align="right"]{display:block;margin-left:auto;margin-right:0}
.article-content img[data-align="left"]{display:block;margin-left:0;margin-right:auto}
.article-content table{width:auto;max-width:100%;border-collapse:collapse}
.article-content td,
.article-content th{border:1px solid #d0d7e2;padding:8px 10px;vertical-align:middle}
.detail .attachments{margin-top:20px;display:grid;gap:10px}
.attach{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(13,47,90,.12);
  background:rgba(255,255,255,.62);
}
.pager{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.pager a{
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(13,47,90,.12);
  background:rgba(255,255,255,.62);
  transition:transform .25s var(--ease), border-color .25s var(--ease);
}
.pager a:hover{transform:translateY(-2px);border-color:rgba(198,0,24,.18)}
@media (max-width: 768px){
  .pager{grid-template-columns:1fr}
}

[data-about-page]{--about-ink:#101827;--about-red:#b51224;--about-blue:#18345a;--about-line:rgba(24,52,90,.12)}
[data-about-page] .section{position:relative;overflow:hidden;isolation:isolate}
[data-about-page] .section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(24,52,90,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(24,52,90,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 76%,transparent);
  opacity:.55;
}
[data-about-page] .section-head{margin-bottom:30px}
[data-about-tilt]{
  transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  translate:0 0;
  transition:transform .22s ease, translate .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease), background .35s var(--ease);
  transform-style:preserve-3d;
}
[data-about-tilt]:hover{translate:0 -6px}
.about-profile{padding-top:86px;padding-bottom:42px}
.about-profile + .about-history{padding-top:42px}
.about-profile::after{
  content:"";
  position:absolute;
  left:50%;
  top:268px;
  width:min(980px,72vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--about-red),rgba(24,52,90,.32),transparent);
  opacity:.55;
}
.about-profile-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:32px;
  align-items:stretch;
  perspective:1200px;
}
.about-copy{
  position:relative;
  overflow:hidden;
  padding:34px 38px;
  border-radius:20px;
  border:1px solid rgba(13,47,90,.10);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,249,253,.88));
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
.about-copy::before,
.about-principle::after,
.about-achievement::after,
.about-mission-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx,50%) var(--my,35%),rgba(255,255,255,.58),transparent 32%);
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
.about-copy:hover::before,
.about-principle:hover::after,
.about-achievement:hover::after,
.about-mission-panel:hover::after{opacity:1}
.about-copy--profile{
  padding-top:88px;
  min-height:430px;
}
.about-copy--profile::after{
  content:"";
  position:absolute;
  right:-110px;
  top:18px;
  width:280px;
  height:280px;
  border:1px solid rgba(181,18,36,.13);
  border-radius:50%;
  box-shadow:inset 0 0 0 28px rgba(24,52,90,.035), inset 0 0 0 58px rgba(181,18,36,.035);
  pointer-events:none;
}
.about-copy-marker{
  position:absolute;
  left:34px;
  top:30px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--about-red);
  font-size:14px;
  font-weight:900;
}
.about-copy-marker::before{
  content:"";
  width:34px;
  height:2px;
  background:var(--about-red);
}
.about-copy p{position:relative;margin:0;color:rgba(11,18,32,.74);font-size:16px;line-height:2.05;text-align:justify}
.about-copy p + p{margin-top:16px}
.about-copy--wide{margin-top:24px;border-left:4px solid rgba(181,18,36,.86)}
.about-profile-badges{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.about-profile-badges span{
  padding:9px 14px;
  border-radius:999px;
  background:rgba(24,52,90,.07);
  color:rgba(16,24,39,.72);
  font-weight:800;
  font-size:14px;
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.about-profile-badges span:hover{background:var(--about-red);color:#fff;transform:translateY(-2px)}
.about-principle{
  min-height:100%;
  padding:34px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(140deg,rgba(10,28,54,.96),rgba(132,21,49,.88)),url('/img/雅砻江大桥.jpg') center/cover;
  box-shadow:0 22px 58px rgba(13,47,90,.18);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
}
.about-principle::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 34%,rgba(0,0,0,.24));
  pointer-events:none;
}
.about-principle > *{position:relative}
.about-roadline{
  position:absolute;
  inset:28px 26px auto 26px;
  height:120px;
  opacity:.42;
}
.about-roadline span{
  position:absolute;
  left:-12%;
  right:-12%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent);
  transform:rotate(-12deg);
  animation:aboutRoute 6s linear infinite;
}
.about-roadline span:nth-child(2){top:36px;animation-delay:-1.6s;opacity:.7}
.about-roadline span:nth-child(3){top:72px;animation-delay:-3.2s;opacity:.45}
.about-principle-label{
  width:max-content;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  font-size:13px;
  font-weight:800;
}
.about-principle-title{
  margin-top:26px;
  font-family:"Source Han Serif SC","Noto Serif SC","Songti SC","STSong",serif;
  font-size:42px;
  font-weight:950;
  line-height:1.32;
  letter-spacing:1px;
}
.about-principle-en{margin-top:12px;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:1.6px;line-height:1.6}
.about-timeline{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  position:relative;
}
.about-timeline::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:36px;
  height:2px;
  background:linear-gradient(90deg,rgba(181,18,36,.18),rgba(24,52,90,.28),rgba(181,18,36,.18));
}
.about-timeline-item{
  position:relative;
  padding:64px 22px 24px;
  border-radius:18px;
  border:1px solid rgba(13,47,90,.08);
  background:linear-gradient(180deg,#fff,rgba(250,252,255,.9));
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  animation:aboutRise .7s both;
  animation-delay:calc(var(--i,0) * 90ms);
}
.about-timeline-item::before{
  content:"";
  position:absolute;
  left:22px;
  top:28px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  border:4px solid var(--about-red);
  box-shadow:0 0 0 8px rgba(181,18,36,.08);
  transition:box-shadow .3s ease,transform .3s ease;
}
.about-timeline-item:hover{border-color:rgba(181,18,36,.24);box-shadow:0 20px 46px rgba(15,23,42,.10)}
.about-timeline-item:hover::before{transform:scale(1.08);box-shadow:0 0 0 12px rgba(181,18,36,.12)}
.about-timeline-year{color:#c62828;font-weight:900;font-size:22px;letter-spacing:.4px}
.about-timeline-item h3{margin:14px 0 0;color:rgba(11,18,32,.9);font-size:17px;line-height:1.45}
.about-timeline-item p{margin:12px 0 0;color:rgba(11,18,32,.62);line-height:1.85;font-size:14px}
.about-achievements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-achievement{
  min-height:154px;
  padding:24px;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,rgba(246,249,253,.9));
  border:1px solid rgba(13,47,90,.08);
  box-shadow:0 12px 34px rgba(15,23,42,.06);
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.about-achievement::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:5px;
  height:100%;
  background:linear-gradient(180deg,var(--about-red),rgba(24,52,90,.86));
  transform:scaleY(.34);
  transform-origin:top;
  transition:transform .35s var(--ease);
}
.about-achievement:hover{border-color:rgba(181,18,36,.18);box-shadow:0 20px 46px rgba(15,23,42,.10)}
.about-achievement:hover::before{transform:scaleY(1)}
.about-achievement em{
  position:relative;
  color:rgba(24,52,90,.56);
  font-size:13px;
  font-style:normal;
  font-weight:850;
}
.about-achievement strong{
  position:relative;
  margin-top:12px;
  color:#b71c1c;
  font-size:40px;
  line-height:1;
  font-family:Impact,"Arial Black",sans-serif;
  letter-spacing:.5px;
}
.about-achievement span{position:relative;margin-top:12px;color:rgba(11,18,32,.62);font-weight:650;line-height:1.65}
.about-mission-panel{
  position:relative;
  overflow:hidden;
  padding:42px;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(120deg,rgba(14,34,63,.98),rgba(127,20,45,.94));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 22px 58px rgba(15,23,42,.13);
}
.about-mission-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  pointer-events:none;
}
.about-mission-panel .kicker span,
.about-mission-panel h2,
.about-mission-panel p{position:relative;color:#fff}
.about-mission-panel .kicker i{background:#fff}
.about-mission-panel h2{
  margin:14px 0 0;
  font-family:"Source Han Serif SC","Noto Serif SC","Songti SC","STSong",serif;
  font-size:44px;
  line-height:1.35;
  letter-spacing:.8px;
}
.about-mission-panel p{max-width:980px;margin:20px 0 0;color:rgba(255,255,255,.78);line-height:2;font-size:16px;text-align:justify}
@keyframes aboutRoute{
  from{transform:translateX(-8%) rotate(-12deg)}
  to{transform:translateX(8%) rotate(-12deg)}
}
@keyframes aboutRise{
  from{opacity:0;translate:0 22px}
  to{opacity:1;translate:0 0}
}
@supports (animation-timeline: view()){
  .about-copy,.about-principle,.about-timeline-item,.about-achievement,.about-mission-panel{
    animation:aboutRise both;
    animation-timeline:view();
    animation-range:entry 6% cover 28%;
  }
}
@media (prefers-reduced-motion: reduce){
  [data-about-tilt],
  .about-roadline span,
  .about-timeline-item,
  .about-copy,.about-principle,.about-achievement,.about-mission-panel{
    animation:none!important;
    transform:none!important;
    transition:none!important;
    translate:0 0!important;
  }
}
@media (max-width: 992px){
  .about-profile-grid,.about-timeline,.about-achievements{grid-template-columns:1fr}
  .about-profile{padding-top:62px;padding-bottom:34px}
  .about-profile + .about-history{padding-top:34px}
  .about-principle{min-height:360px}
  .about-timeline::before{display:none}
  .about-timeline-item{padding-top:58px}
}
@media (max-width: 576px){
  [data-about-page] .section-head{margin-bottom:22px}
  .about-copy,.about-principle,.about-mission-panel{padding:24px;border-radius:18px}
  .about-copy--profile{padding-top:76px}
  .about-copy--profile::after{right:-170px;top:68px;opacity:.48}
  .about-copy-marker{left:24px;top:24px}
  .about-copy p{font-size:15px;line-height:1.95}
  .about-principle-title{font-size:30px}
  .about-achievement strong{font-size:30px}
  .about-mission-panel h2{font-size:30px}
}
