:root{--jn3-ink:#082e43;--jn3-deep:#06283c;--jn3-blue:#0c78df;--jn3-spring:#079b91;--jn3-mint:#87d7c7;--jn3-coral:#ff6c45;--jn3-paper:#f6f4ed;--jn3-mist:#eef6f4;--jn3-line:#cfdfdb;--jn3-white:#fff;--jn3-shell:min(1180px,calc(100% - 48px));--jn3-shadow:0 28px 70px rgba(6,40,60,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
.page-jinan-articles{margin:0;padding:0!important;padding-top:0!important;color:var(--jn3-ink);background:var(--jn3-paper);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;overflow-x:hidden}
.page-jinan-articles .ct-public-header{position:relative!important;inset:auto!important;top:0!important;margin:0!important;z-index:1000;background:#fff!important;box-shadow:0 1px 0 rgba(8,46,67,.11)}
.page-jinan-articles main{display:block;margin:0;padding:0}
.page-jinan-articles a{color:inherit}
.page-jinan-articles img{display:block;max-width:100%}
.page-jinan-articles button{font:inherit}
.jn3-shell{width:var(--jn3-shell);margin-inline:auto}
.jn3-skip{position:fixed;left:18px;top:10px;z-index:9999;padding:10px 14px;color:#fff!important;background:var(--jn3-deep);border-radius:99px;transform:translateY(-160%);transition:transform .2s}
.jn3-skip:focus{transform:none}
.jn3-kicker{margin:0 0 14px;color:var(--jn3-spring);font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.jn3-crumb{display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 28px;color:#526d78;font-size:13px;white-space:nowrap;overflow:hidden}
.jn3-crumb a,.jn3-crumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.jn3-crumb i{font-style:normal;color:#94aaa9}
.jn3-ripple{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.jn3-ripple i{position:absolute;right:-11vw;top:50%;width:48vw;aspect-ratio:1;border:1px solid rgba(135,215,199,.35);border-radius:50%;transform:translateY(-50%) scale(var(--scale,1))}
.jn3-ripple i:nth-child(2){--scale:.76;border-color:rgba(7,155,145,.28)}
.jn3-ripple i:nth-child(3){--scale:.52;border-color:rgba(12,120,223,.24)}
.jn3-ripple i:nth-child(4){--scale:.28;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.55)}

/* List — an offset spring source flowing into full-width article bands. */
.jn3-springhead{position:relative;isolation:isolate;min-height:690px;padding:58px 0 70px;background:linear-gradient(115deg,#f7fbf8 0 55%,#dcedea 55% 100%);overflow:hidden}
.jn3-head-grid{position:relative;z-index:1;display:grid;grid-template-columns:130px minmax(0,.92fr) minmax(360px,1.08fr);gap:28px;align-items:end}
.jn3-subject-rail{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--jn3-line);padding:7px 20px 7px 0}
.jn3-subject-rail>span{writing-mode:vertical-rl;color:#557378;font-size:11px;letter-spacing:.28em}
.jn3-subject-rail nav{display:grid;gap:8px}
.jn3-subject-rail a{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:8px;padding:9px 0;text-decoration:none;border-bottom:1px solid var(--jn3-line);transition:color .2s,transform .2s}
.jn3-subject-rail a:hover,.jn3-subject-rail a:focus-visible{color:var(--jn3-spring);transform:translateX(4px)}
.jn3-subject-rail b{font-size:10px;color:var(--jn3-coral)}
.jn3-subject-rail span{font-size:13px;font-weight:700}
.jn3-head-copy{align-self:center;padding:34px 10px 26px}
.jn3-head-copy h1{max-width:610px;margin:0;color:var(--jn3-deep);font-family:"STSong","SimSun",serif;font-size:clamp(51px,4.55vw,58px);font-weight:700;line-height:1.03;letter-spacing:-.045em;text-wrap:balance}
.jn3-intro{max-width:580px;margin:26px 0 0;color:#3f606a;font-size:17px;line-height:1.85}
.jn3-current-guide{margin-top:34px;padding-left:18px;border-left:4px solid var(--jn3-coral)}
.jn3-current-guide span{display:block;color:#729096;font-size:11px;letter-spacing:.12em}
.jn3-current-guide p{margin:7px 0 0;color:var(--jn3-ink);font-size:14px;line-height:1.7}
.jn3-source-story{position:relative;align-self:end;margin-top:46px;background:var(--jn3-deep);color:#fff;box-shadow:var(--jn3-shadow);overflow:hidden}
.jn3-source-story::before{content:"";position:absolute;z-index:2;right:-55px;bottom:-80px;width:220px;height:220px;border:1px solid rgba(135,215,199,.46);border-radius:50%;pointer-events:none}
.jn3-source-image{display:block;aspect-ratio:16/9;overflow:hidden}
.jn3-source-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.jn3-source-story:hover .jn3-source-image img{transform:scale(1.025)}
.jn3-source-story>div{position:relative;z-index:3;padding:24px 28px 30px}
.jn3-source-story small,.jn3-meta{color:var(--jn3-mint);font-size:12px;letter-spacing:.06em}
.jn3-source-story h2{margin:12px 0;font-family:"STSong","SimSun",serif;font-size:28px;line-height:1.28}
.jn3-source-story h2 a,.jn3-read-link{text-decoration:none}
.jn3-source-story p{display:-webkit-box;margin:0 0 20px;color:#d7e5e5;font-size:14px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.jn3-read-link{display:inline-flex;gap:8px;color:#fff;font-size:13px;font-weight:700;border-bottom:1px solid var(--jn3-coral);padding-bottom:4px}

.jn3-promo{width:var(--jn3-shell);margin:38px auto}
.jn3-promo picture,.jn3-promo img{width:100%}
.jn3-promo img{height:auto;object-fit:contain}
.jn3-promo-first{margin-top:34px;margin-bottom:70px}
.jn3-promo-bottom{margin-top:74px;margin-bottom:62px}
.jn3-stream{padding:16px 0 90px}
.jn3-stream-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:70px;align-items:end;margin-bottom:36px;padding-bottom:25px;border-bottom:1px solid var(--jn3-line)}
.jn3-stream-head h2,.jn3-facts h2,.jn3-four-paths h2,.jn3-context h2,.jn3-related h2{margin:0;color:var(--jn3-deep);font-family:"STSong","SimSun",serif;font-size:clamp(42px,4.1vw,50px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.jn3-stream-head>p{margin:0;color:#527079;font-size:15px;line-height:1.8}
.jn3-stream-list{display:grid;margin:0;padding:0;list-style:none}
.jn3-stream-row{display:grid;grid-template-columns:230px 80px minmax(0,1fr);gap:28px;align-items:center;min-height:206px;padding:26px 0;border-bottom:1px solid var(--jn3-line)}
.jn3-stream-row:nth-child(even){grid-template-columns:minmax(0,1fr) 80px 230px}
.jn3-stream-row:nth-child(even) .jn3-row-image{grid-column:3}
.jn3-stream-row:nth-child(even) .jn3-row-index{grid-column:2;grid-row:1}
.jn3-stream-row:nth-child(even) .jn3-row-copy{grid-column:1;grid-row:1;text-align:right}
.jn3-row-image{display:block;height:150px;overflow:hidden;border-radius:75px 18px 75px 18px;background:#dce9e7}
.jn3-row-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .55s}
.jn3-stream-row:hover .jn3-row-image img{transform:scale(1.04);filter:saturate(1.08)}
.jn3-row-index{display:grid;justify-items:center;gap:11px;color:#6a858b;font-size:10px;line-height:1.2;text-align:center}
.jn3-row-index i{display:block;width:13px;height:13px;border:3px solid var(--jn3-paper);border-radius:50%;background:var(--jn3-spring);box-shadow:0 0 0 1px var(--jn3-spring),0 0 0 8px rgba(7,155,145,.1)}
.jn3-row-copy small{color:var(--jn3-spring);font-size:11px;font-weight:800;letter-spacing:.1em}
.jn3-row-copy h3{max-width:760px;margin:10px 0 13px;font-family:"STSong","SimSun",serif;font-size:26px;line-height:1.35}
.jn3-stream-row:nth-child(even) .jn3-row-copy h3{margin-left:auto}
.jn3-row-copy h3 a{text-decoration:none}
.jn3-row-copy button{appearance:none;padding:0;color:#486873;background:none;border:0;border-bottom:1px solid var(--jn3-coral);cursor:pointer;font-size:12px}
.jn3-row-summary{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .28s,opacity .28s}
.jn3-row-summary>*{overflow:hidden}
.jn3-row-summary p{margin:10px 0 0;color:#526e77;font-size:14px;line-height:1.75}
.jn3-row-summary a{display:block;margin-top:8px;color:var(--jn3-blue);font-size:12px;text-decoration:none}
.jn3-stream-row.is-open .jn3-row-summary{grid-template-rows:1fr;opacity:1}
.jn3-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:38px}
.jn3-pager a{display:grid;min-width:42px;height:42px;place-items:center;padding:0 12px;border:1px solid var(--jn3-line);border-radius:50%;text-decoration:none;background:#fff}
.jn3-pager a:hover,.jn3-pager .active{color:#fff;background:var(--jn3-deep);border-color:var(--jn3-deep)}

.jn3-facts{padding:96px 0;background:var(--jn3-deep);color:#fff}
.jn3-facts-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:75px;align-items:center}
.jn3-facts h2{color:#fff}
.jn3-facts p{margin:24px 0;color:#c7dcde;font-size:16px;line-height:1.9}
.jn3-facts ul{display:grid;gap:10px;margin:30px 0 0;padding:0;list-style:none;counter-reset:fact}
.jn3-facts li{counter-increment:fact;display:grid;grid-template-columns:38px 110px 1fr;gap:12px;align-items:start;padding:14px 0;border-top:1px solid rgba(255,255,255,.15)}
.jn3-facts li::before{content:"0" counter(fact);color:var(--jn3-coral);font-size:11px}
.jn3-facts li b{font-size:14px}.jn3-facts li span{color:#bcd0d2;font-size:13px;line-height:1.6}
.jn3-facts figure{position:relative;margin:0;padding:28px 0 0 28px}
.jn3-facts figure::before{content:"";position:absolute;inset:0 28px 28px 0;border:1px solid var(--jn3-mint);border-radius:52% 48% 44% 56%/50% 42% 58% 50%}
.jn3-facts figure img{position:relative;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:50% 50% 48% 52%/46% 52% 48% 54%}
.jn3-facts figcaption{position:relative;margin:14px 20px 0;color:#a9c4c7;font-size:12px;line-height:1.6}
.jn3-four-paths{padding:94px 0}
.jn3-four-paths header{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:end;margin-bottom:42px}
.jn3-four-paths nav ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-top:1px solid var(--jn3-line);border-bottom:1px solid var(--jn3-line);list-style:none}
.jn3-four-paths li{display:block;border-right:1px solid var(--jn3-line)}
.jn3-four-paths li:last-child{border-right:0}
.jn3-four-paths a{display:grid;gap:17px;min-height:230px;padding:26px;border-right:1px solid var(--jn3-line);text-decoration:none;transition:background .25s,transform .25s}
.jn3-four-paths a{height:100%;border-right:0}
.jn3-four-paths a:hover{background:var(--jn3-mist);transform:translateY(-5px)}
.jn3-four-paths a span{color:var(--jn3-coral);font-size:12px}.jn3-four-paths a b{align-self:end;font-family:"STSong","SimSun",serif;font-size:23px}.jn3-four-paths a small{color:#637d83;line-height:1.6}
.jn3-waterline,.jn3-growth-view{padding:10px 0 86px}
.jn3-waterline>div,.jn3-growth-view>div{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:0;align-items:stretch}
.jn3-waterline figure,.jn3-growth-view figure{position:relative;margin:0;min-height:390px;overflow:hidden}
.jn3-waterline figure img,.jn3-growth-view figure img{width:100%;height:100%;object-fit:cover}
.jn3-waterline figcaption,.jn3-growth-view figcaption{position:absolute;left:24px;bottom:24px;display:grid;gap:3px;padding:15px 18px;color:#fff;background:rgba(6,40,60,.86);backdrop-filter:blur(7px)}
.jn3-waterline figcaption span,.jn3-growth-view figcaption span{font-size:11px;color:#d6e5e5}
.jn3-waterline figure+div,.jn3-growth-view figure+div{display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:var(--jn3-spring);color:#fff}
.jn3-waterline figure+div span,.jn3-growth-view figure+div span{font-size:10px;letter-spacing:.16em}.jn3-waterline figure+div p,.jn3-growth-view figure+div p{margin:14px 0 0;font-family:"STSong","SimSun",serif;font-size:24px;line-height:1.5}

/* Detail — asymmetric title source, true article column and independent water meter. */
.jn3-detail-head{position:relative;isolation:isolate;padding:48px 0 76px;background:linear-gradient(120deg,#f7fbf8 0 61%,#dcedea 61%);overflow:hidden}
.jn3-detail-head>.jn3-shell{position:relative;z-index:1}
.jn3-detail-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:64px;align-items:center}
.jn3-detail-grid header{padding:18px 0}
.jn3-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 22px;color:#517078}
.jn3-detail-grid h1{margin:0;color:var(--jn3-deep);font-family:"STSong","SimSun",serif;font-size:clamp(48px,4.55vw,58px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}
.jn3-detail-grid header>p:last-child{max-width:710px;margin:25px 0 0;color:#486770;font-size:16px;line-height:1.85}
.jn3-detail-thumb{position:relative;margin:0;padding:24px 0 0 24px}
.jn3-detail-thumb::before{content:"";position:absolute;inset:0 24px 24px 0;border:1px solid var(--jn3-spring);border-radius:50%}
.jn3-detail-thumb img{position:relative;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%}
.jn3-detail-thumb figcaption{position:absolute;right:-10px;bottom:30px;display:grid;gap:3px;padding:14px 18px;color:#fff;background:var(--jn3-deep);border-left:4px solid var(--jn3-coral)}
.jn3-detail-thumb figcaption span{font-size:10px;color:var(--jn3-mint)}
.jn3-reading-channel{padding:72px 0 100px;background:#fff}
.jn3-reader-grid{display:grid;grid-template-columns:155px minmax(0,780px);justify-content:center;gap:58px;align-items:start}
.jn3-water-meter{position:sticky;top:26px;display:grid;grid-template-columns:1fr auto;gap:10px;margin:0;padding:20px 18px;border:1px solid var(--jn3-line);background:var(--jn3-mist)}
.jn3-water-meter>span{color:#526f76;font-size:11px;letter-spacing:.1em}.jn3-water-meter>b{color:var(--jn3-spring);font-size:14px}
.jn3-water-meter>div{grid-column:1/-1;height:160px;background:#d8e8e5;overflow:hidden;display:flex;align-items:flex-end}
.jn3-water-meter i{display:block;width:100%;height:0;background:linear-gradient(180deg,var(--jn3-blue),var(--jn3-spring));transition:height .14s linear}
.jn3-water-meter p{grid-column:1/-1;margin:0;color:#70888d;font-size:10px;line-height:1.6}
.jn3-article{color:#203f4a;font-size:17px;line-height:1.95;overflow-wrap:anywhere}
.jn3-article h2{margin:2.2em 0 .8em;color:var(--jn3-deep);font-family:"STSong","SimSun",serif;font-size:34px;line-height:1.3;letter-spacing:-.02em}
.jn3-article h3{margin:1.8em 0 .7em;color:var(--jn3-ink);font-size:23px;line-height:1.4}
.jn3-article h4{margin:1.55em 0 .65em;color:var(--jn3-ink);font-size:19px;line-height:1.5}
.jn3-article p{margin:1em 0}.jn3-article a{color:var(--jn3-blue);text-underline-offset:3px}
.jn3-article img{height:auto;margin:28px auto;border-radius:2px}
.jn3-article figure{margin:30px 0}.jn3-article figcaption{margin-top:10px;color:#70888d;font-size:12px;text-align:center}
.jn3-article blockquote{position:relative;margin:30px 0;padding:24px 28px 24px 36px;color:#31545c;background:var(--jn3-mist);border:0;border-left:5px solid var(--jn3-spring)}
.jn3-article ul,.jn3-article ol{padding-left:1.4em}.jn3-article li{margin:.52em 0}
.jn3-article table{display:block;width:100%;margin:28px 0;border-collapse:collapse;overflow-x:auto}
.jn3-article th,.jn3-article td{min-width:135px;padding:12px 14px;border:1px solid var(--jn3-line);text-align:left}.jn3-article th{background:var(--jn3-mist)}
.jn3-article details{margin:24px 0;padding:18px 20px;border:1px solid var(--jn3-line);background:var(--jn3-mist)}.jn3-article summary{cursor:pointer;font-weight:700}.jn3-article code{padding:.12em .35em;background:#e4efed;border-radius:3px}.jn3-article pre{max-width:100%;padding:18px;overflow:auto;background:var(--jn3-deep);color:#fff}.jn3-article pre code{padding:0;background:none}.jn3-article hr{margin:38px 0;border:0;border-top:1px solid var(--jn3-line)}
.jn3-verification{display:grid;grid-template-columns:90px 1fr;gap:22px;margin-top:44px;padding:25px;border-top:4px solid var(--jn3-coral);background:var(--jn3-paper)}
.jn3-verification span{color:var(--jn3-coral);font-size:12px;font-weight:800;letter-spacing:.08em}.jn3-verification p{margin:0;color:#48656d;font-size:14px;line-height:1.8}
.jn3-context{padding:96px 0;background:var(--jn3-deep);color:#fff}
.jn3-context-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:76px;align-items:center}
.jn3-context h2{color:#fff}.jn3-context p{margin:22px 0;color:#c8dcdc;font-size:15px;line-height:1.9}.jn3-context a{display:inline-block;color:#fff;text-decoration:none;border-bottom:1px solid var(--jn3-coral);padding-bottom:5px}
.jn3-context figure{position:relative;margin:0}.jn3-context figure img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:52% 48% 18px 18px/45% 45% 18px 18px}.jn3-context figcaption{margin-top:12px;color:#abc4c6;font-size:12px}
.jn3-related{padding:96px 0 72px}
.jn3-related header{display:grid;grid-template-columns:1fr 1.7fr;gap:24px;align-items:end;margin-bottom:42px}
.jn3-related-list{display:grid;margin:0;padding:0;border-top:1px solid var(--jn3-line);list-style:none}
.jn3-related-list>li{display:grid;grid-template-columns:210px 1fr;gap:32px;padding:26px 0;border-bottom:1px solid var(--jn3-line)}
.jn3-related-image{display:block;height:140px;overflow:hidden;border-radius:70px 16px}.jn3-related-image img{width:100%;height:100%;object-fit:cover}
.jn3-related-list small{color:var(--jn3-spring);font-size:11px}.jn3-related-list h3{margin:9px 0;font-family:"STSong","SimSun",serif;font-size:24px;line-height:1.4}.jn3-related-list h3 a,.jn3-related-list div>a{text-decoration:none}.jn3-related-list p{display:-webkit-box;margin:0 0 8px;color:#5b747b;font-size:13px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.jn3-related-list div>a{color:var(--jn3-blue);font-size:12px}
.jn3-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.jn3-prev-next a{display:grid;gap:7px;padding:20px;border:1px solid var(--jn3-line);background:#fff;text-decoration:none}.jn3-prev-next a:last-child{text-align:right}.jn3-prev-next small{color:#6f878c}.jn3-prev-next strong{line-height:1.5}
.jn3-growth-view{padding-top:18px}.jn3-growth-view figure+div{background:var(--jn3-blue)}

.js [data-jn3-reveal]{opacity:0;transform:translateY(20px);transition:opacity .56s ease,transform .56s ease}
.js [data-jn3-reveal].is-visible{opacity:1;transform:none}
.page-jinan-articles :focus-visible{outline:3px solid var(--jn3-coral);outline-offset:3px}

@media (max-width:900px){
  :root{--jn3-shell:min(100% - 34px,720px)}
  .jn3-head-grid{grid-template-columns:92px minmax(0,1fr)}
  .jn3-source-story{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-top:8px}
  .jn3-source-image{aspect-ratio:auto;min-height:260px}
  .jn3-stream-row,.jn3-stream-row:nth-child(even){grid-template-columns:190px 50px 1fr}
  .jn3-stream-row:nth-child(even) .jn3-row-image{grid-column:1}.jn3-stream-row:nth-child(even) .jn3-row-index{grid-column:2}.jn3-stream-row:nth-child(even) .jn3-row-copy{grid-column:3;text-align:left}.jn3-stream-row:nth-child(even) .jn3-row-copy h3{margin-left:0}
  .jn3-facts-grid,.jn3-context-grid{grid-template-columns:1fr;gap:48px}.jn3-four-paths nav ol{grid-template-columns:1fr 1fr}.jn3-four-paths li:nth-child(2){border-right:0}.jn3-four-paths li:nth-child(-n+2){border-bottom:1px solid var(--jn3-line)}
  .jn3-detail-grid{grid-template-columns:1fr}.jn3-detail-thumb{max-width:560px;margin-left:auto}.jn3-reader-grid{grid-template-columns:110px minmax(0,1fr);gap:28px}
}

@media (max-width:720px){
  :root{--jn3-shell:calc(100% - 28px)}
  html{scroll-behavior:auto}
  .page-jinan-articles .ct-public-header{top:0!important;margin-top:0!important}
  .page-jinan-articles .ct-shop-panel{z-index:1002}
  .jn3-springhead{min-height:0;padding:28px 0 42px;background:linear-gradient(155deg,#f7fbf8 0 72%,#dcedea 72%)}
  .jn3-ripple i{right:-50vw;top:30%;width:116vw}
  .jn3-head-grid{grid-template-columns:1fr;gap:24px}
  .jn3-subject-rail{order:2;border:0;padding:0}.jn3-subject-rail>span{display:none}.jn3-subject-rail nav{grid-template-columns:1fr 1fr;gap:8px}.jn3-subject-rail a{padding:10px 12px;border:1px solid var(--jn3-line);background:rgba(255,255,255,.65)}
  .jn3-head-copy{order:1;padding:0}.jn3-crumb{margin-bottom:22px;font-size:11px}.jn3-kicker{font-size:10px}.jn3-head-copy h1{font-size:38px;line-height:1.1}.jn3-intro{margin-top:18px;font-size:15px;line-height:1.75}.jn3-current-guide{margin-top:22px}
  .jn3-source-story{order:3;display:block;margin-top:4px}.jn3-source-image{min-height:0;aspect-ratio:16/10}.jn3-source-story>div{padding:20px}.jn3-source-story h2{font-size:23px}
  .jn3-promo{width:100%;margin-left:auto;margin-right:auto}.jn3-promo picture{display:flex;justify-content:center}.jn3-promo img{width:100%;height:auto;max-height:none;object-fit:contain}.jn3-promo-first{margin-top:22px;margin-bottom:52px}.jn3-promo-bottom{margin-top:52px;margin-bottom:40px}
  .jn3-stream{padding-bottom:62px}.jn3-stream-head{grid-template-columns:1fr;gap:16px}.jn3-stream-head h2,.jn3-facts h2,.jn3-four-paths h2,.jn3-context h2,.jn3-related h2{font-size:31px;line-height:1.2}
  .jn3-stream-row,.jn3-stream-row:nth-child(even){grid-template-columns:96px 1fr;gap:15px;align-items:start;min-height:0;padding:20px 0}.jn3-row-image,.jn3-stream-row:nth-child(even) .jn3-row-image{grid-column:1;grid-row:1;height:92px;border-radius:46px 12px}.jn3-row-index,.jn3-stream-row:nth-child(even) .jn3-row-index{display:none}.jn3-row-copy,.jn3-stream-row:nth-child(even) .jn3-row-copy{grid-column:2;grid-row:1;text-align:left}.jn3-row-copy h3,.jn3-stream-row:nth-child(even) .jn3-row-copy h3{margin:6px 0 9px;font-size:19px;line-height:1.35}.jn3-row-summary{grid-column:1/-1}.jn3-row-summary p{font-size:13px}.jn3-pager a{min-width:38px;height:38px}
  .jn3-facts{padding:65px 0}.jn3-facts-grid{grid-template-columns:1fr;gap:34px}.jn3-facts p{font-size:14px}.jn3-facts li{grid-template-columns:30px 82px 1fr;gap:8px}.jn3-facts figure{padding:16px 0 0 16px}
  .jn3-four-paths{padding:64px 0}.jn3-four-paths header,.jn3-related header{grid-template-columns:1fr;gap:8px}.jn3-four-paths nav ol{grid-template-columns:1fr}.jn3-four-paths li{border-right:0!important;border-bottom:1px solid var(--jn3-line)!important}.jn3-four-paths li:last-child{border-bottom:0!important}.jn3-four-paths a{min-height:0;padding:20px;grid-template-columns:30px 1fr;align-items:center;gap:10px}.jn3-four-paths a small{grid-column:2}.jn3-four-paths a b{align-self:auto;font-size:21px}
  .jn3-waterline,.jn3-growth-view{padding-bottom:58px}.jn3-waterline>div,.jn3-growth-view>div{grid-template-columns:1fr}.jn3-waterline figure,.jn3-growth-view figure{min-height:245px}.jn3-waterline figure+div,.jn3-growth-view figure+div{padding:24px}.jn3-waterline figure+div p,.jn3-growth-view figure+div p{font-size:20px}
  .jn3-detail-head{padding:26px 0 48px;background:linear-gradient(155deg,#f7fbf8 0 74%,#dcedea 74%)}.jn3-detail-grid{grid-template-columns:1fr;gap:30px}.jn3-detail-grid h1{font-size:38px;line-height:1.15}.jn3-detail-grid header>p:last-child{font-size:14px}.jn3-detail-thumb{max-width:330px;padding:14px 0 0 14px;margin-left:auto}.jn3-detail-thumb::before{inset:0 14px 14px 0}.jn3-detail-thumb figcaption{right:0;bottom:10px;padding:10px 13px}
  .jn3-reading-channel{padding:50px 0 68px}.jn3-reader-grid{grid-template-columns:1fr;gap:22px}.jn3-water-meter{position:relative;top:auto;grid-template-columns:auto 1fr auto;align-items:center;padding:13px 15px}.jn3-water-meter>div{grid-column:auto;height:8px;display:block}.jn3-water-meter i{height:100%;width:0;transition:width .14s linear}.jn3-water-meter p{display:none}.jn3-article{font-size:16px;line-height:1.9}.jn3-article h2{font-size:29px}.jn3-article h3{font-size:21px}.jn3-article blockquote{margin:24px 0;padding:20px}.jn3-verification{grid-template-columns:1fr;gap:10px;padding:20px}
  .jn3-context{padding:66px 0}.jn3-context-grid{grid-template-columns:1fr;gap:34px}.jn3-related{padding:66px 0 50px}.jn3-related-list>li{grid-template-columns:100px 1fr;gap:17px}.jn3-related-image{height:100px;border-radius:50px 12px}.jn3-related-list h3{font-size:20px}.jn3-prev-next{grid-template-columns:1fr}.jn3-prev-next a:last-child{text-align:left}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.page-jinan-articles *, .page-jinan-articles *::before,.page-jinan-articles *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js [data-jn3-reveal]{opacity:1!important;transform:none!important}}
