@font-face{font-family:CIMC Lanting;src:url(/assets/fz-lantinghei-sc.ttf) format("truetype");font-display:swap;font-style:normal;font-weight:100 900}:root{--font-scale: 1;--cimc-blue: #0048da;--cimc-cyan: #00cdb2;--bg: #f2f3f3;--bg-elevated: #faf9f6;--header: rgba(251, 250, 247, .94);--text: #171c23;--text-soft: #6d7785;--line: rgba(46, 59, 75, .18);--line-blue: rgba(0, 72, 218, .24);--grid: rgba(58, 74, 92, .07);--panel: rgba(250, 249, 246, .9);--card: #fbfaf7;--card-line: rgba(255, 255, 255, .7);--shadow: 0 26px 75px rgba(37, 48, 61, .18);color:var(--text);background:var(--bg);font-family:CIMC Lanting,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:weight}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:var(--bg)}button,a{color:inherit;font:inherit}button{border:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--cimc-cyan);outline-offset:3px}#app{position:relative;display:grid;grid-template-rows:76px 1fr 34px;background:radial-gradient(circle at 75% 38%,rgba(0,72,218,.14),transparent 28%),radial-gradient(circle at 48% 77%,rgba(0,205,178,.09),transparent 25%),linear-gradient(135deg,#f8f7f4,#eceff1 55%,#dfe4e7);isolation:isolate}.ambient-grid{position:absolute;inset:76px 0 34px;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.8),#000 72%,transparent 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.8),#000 72%,transparent 100%)}.topbar{z-index:50;display:grid;grid-template-columns:184px minmax(250px,auto) 1fr auto;align-items:center;border-bottom:1px solid var(--line-blue);background:var(--header)}.brand{height:76px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line-blue)}.brand img{width:auto;height:45px;max-width:145px}.topbar-title{min-width:0;padding-left:28px;display:flex;align-items:baseline;gap:14px;letter-spacing:.13em;white-space:nowrap}.topbar-title span{font-size:calc(13px * var(--font-scale));font-weight:800}.topbar-title small{color:var(--text-soft);font-size:calc(9px * var(--font-scale));letter-spacing:.16em}.category-filter{justify-self:center;display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);background:color-mix(in srgb,var(--header) 84%,transparent)}.category-filter button{height:34px;padding:0 10px;display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--text-soft);background:transparent;font-size:calc(8px * var(--font-scale));font-weight:730;letter-spacing:.06em;white-space:nowrap;transition:color .18s ease,background .18s ease}.category-filter button i{width:4px;height:4px;border-radius:50%;background:currentColor}.category-filter button:hover{color:var(--text)}.category-filter button.active{color:#fff;background:var(--cimc-blue)}.category-filter button.active i{background:var(--cimc-cyan);box-shadow:0 0 8px var(--cimc-cyan)}.topbar-tools{display:flex;align-items:center;gap:8px;padding-right:20px}.language-toggle,.theme-toggle,.type-controls{height:32px;display:flex;align-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--header) 76%,transparent);color:var(--text-soft);font-size:9px;font-weight:750;letter-spacing:.06em}.language-toggle,.theme-toggle{cursor:pointer}.language-toggle{gap:5px;padding:0 10px}.language-toggle span.active{color:var(--cimc-blue)}.language-toggle i{color:var(--line);font-style:normal}.type-controls{padding:0 5px;gap:2px}.type-controls button{min-width:24px;height:24px;padding:0 4px;cursor:pointer;color:var(--text);background:transparent;font-size:9px}.type-controls button:hover:not(:disabled){background:color-mix(in srgb,var(--cimc-blue) 9%,transparent);color:var(--cimc-blue)}.type-controls button:disabled{cursor:default;opacity:.25}.type-controls span{min-width:24px;text-align:center;font-size:7px}.theme-toggle{min-width:64px;justify-content:center;gap:7px;padding:0 9px}.theme-toggle i{width:10px;height:10px;border-radius:50%;background:#f7b33e;box-shadow:0 0 13px #f7b33e94}.experience{position:relative;min-height:0;overflow:hidden}.story-panel{position:absolute;inset:0 auto 0 0;z-index:20;width:clamp(350px,30.5vw,470px);padding:clamp(46px,6vh,72px) 42px 28px 48px;display:flex;flex-direction:column;background:linear-gradient(90deg,var(--panel) 0%,color-mix(in srgb,var(--panel) 95%,transparent) 68%,transparent 100%);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--cimc-cyan);font-size:7px;font-weight:800;letter-spacing:.2em}.eyebrow-line{width:30px;height:3px;background:var(--cimc-cyan);box-shadow:0 0 12px #00cdb28c}.story-panel h1{max-width:390px;margin:21px 0 0;color:var(--text);font-size:calc(clamp(35px,3vw,49px) * var(--font-scale));font-weight:360;line-height:.98;letter-spacing:-.07em}.story-panel h1 strong{color:var(--cimc-blue);font-weight:820}.story-lede{max-width:340px;margin:22px 0 0;color:var(--text-soft);font-size:calc(11px * var(--font-scale));line-height:1.75}.story-metrics{width:min(100%,350px);margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-metrics>div{min-width:0;padding:15px 13px 14px 0}.story-metrics>div+div{padding-left:13px;border-left:1px solid var(--line)}.story-metrics strong,.story-metrics span{display:block}.story-metrics strong{font-size:calc(25px * var(--font-scale));font-weight:420;letter-spacing:-.04em}.story-metrics span{margin-top:4px;color:var(--text-soft);font-size:calc(8px * var(--font-scale));letter-spacing:.06em}.active-story{width:min(100%,350px);margin-top:29px}.active-story>span{color:var(--text-soft);font-size:7px;font-weight:760;letter-spacing:.16em}.active-story-rule{height:1px;margin-top:9px;overflow:hidden;background:var(--line)}.active-story-rule i{display:block;width:12.5%;height:100%;background:linear-gradient(90deg,var(--cimc-blue),var(--cimc-cyan));transition:width .4s cubic-bezier(.22,.8,.2,1)}.active-story-row{margin-top:11px;display:flex;justify-content:space-between;align-items:baseline}.active-story-row b{color:var(--cimc-blue);font-size:calc(20px * var(--font-scale));font-weight:800}.active-story-row time{color:var(--text-soft);font-size:8px;letter-spacing:.13em}.active-story p{display:-webkit-box;margin:8px 0 0;overflow:hidden;color:var(--text);font-size:calc(11px * var(--font-scale));font-weight:660;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.story-source{width:min(100%,350px);margin-top:auto;padding-left:12px;border-left:2px solid var(--cimc-blue)}.story-source span{color:var(--text-soft);font-size:7px;font-weight:800;letter-spacing:.12em}.story-source p{margin:5px 0 0;color:var(--text-soft);font-size:7px;line-height:1.55}.flow-stage{position:absolute;inset:0 0 0 clamp(290px,25vw,390px);perspective:1700px;perspective-origin:52% 45%;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.flow-stage.is-dragging{cursor:grabbing}.stage-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 92%,transparent),transparent 16%),radial-gradient(ellipse at 52% 51%,rgba(0,72,218,.13),transparent 45%)}.stage-index{position:absolute;top:50%;left:53%;color:color-mix(in srgb,var(--text) 4%,transparent);font-size:clamp(150px,21vw,360px);font-weight:900;line-height:1;letter-spacing:-.08em;transform:translate(-50%,-50%);pointer-events:none}.flow-track{position:absolute;inset:0;transform-style:preserve-3d}.news-card{--card-width: clamp(262px, 21.5vw, 350px);--card-height: min(64vh, 532px);position:absolute;top:48%;left:53%;width:var(--card-width);height:var(--card-height);min-height:400px;display:grid;grid-template-rows:59% 41%;overflow:hidden;cursor:pointer;border:1px solid var(--card-line);background:var(--card);box-shadow:0 16px 45px #18233117;transform-style:preserve-3d;will-change:transform,opacity;transition:transform .52s cubic-bezier(.22,.8,.2,1),opacity .28s ease,box-shadow .3s ease,border-color .3s ease}.flow-track.no-transition .news-card{transition:opacity .14s ease}.news-card.is-entering{opacity:0!important;transform:translate3d(-65vw,-50%,-220px) rotateY(82deg) scale(.8)!important}.news-card.is-active{border-color:color-mix(in srgb,var(--cimc-blue) 55%,transparent);box-shadow:var(--shadow),0 0 0 1px color-mix(in srgb,var(--cimc-cyan) 18%,transparent)}.news-card.is-active:hover{box-shadow:0 32px 90px #0048da38,0 0 0 1px var(--cimc-cyan)}.card-image{position:relative;min-height:0;overflow:hidden;background:#a9b4bf}.card-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9) contrast(1.03);transform:scale(1.01);transition:transform .6s cubic-bezier(.22,.8,.2,1),filter .3s ease}.news-card.is-active:hover .card-image img{filter:saturate(1.08) contrast(1.02);transform:scale(1.055)}.card-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,24,.05),transparent 58%,rgba(2,8,20,.5))}.card-number,.card-category{position:absolute;color:#fff;font-size:8px;font-weight:800;letter-spacing:.13em}.card-number{top:15px;right:15px}.card-category{bottom:15px;left:17px}.card-category:before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--cimc-cyan);box-shadow:0 0 9px var(--cimc-cyan)}.card-body{min-height:0;padding:18px 19px 16px;display:flex;flex-direction:column}.card-body time{color:var(--cimc-blue);font-size:8px;font-weight:760;letter-spacing:.16em}.card-body h2{display:-webkit-box;margin:12px 0 0;overflow:hidden;color:var(--text);font-size:calc(clamp(15px,1.25vw,19px) * var(--font-scale));font-weight:740;line-height:1.34;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card-action{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;color:var(--text-soft);border-top:1px solid var(--line);font-size:7px;font-weight:800;letter-spacing:.13em}.card-action b{color:var(--cimc-blue);font-size:14px;font-weight:400;transition:transform .18s ease}.news-card.is-active:hover .card-action b{transform:translate(2px,-2px)}.flow-arrow{position:absolute;top:50%;z-index:180;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;color:var(--text);border:1px solid var(--line);background:color-mix(in srgb,var(--header) 78%,transparent);transform:translateY(-50%);transition:background .18s ease,color .18s ease,border-color .18s ease}.flow-arrow:hover{color:#fff;border-color:var(--cimc-blue);background:var(--cimc-blue)}.flow-arrow span{font-size:16px}.flow-arrow--prev{left:24px}.flow-arrow--next{right:24px}.interaction-hint{position:absolute;bottom:31px;left:53%;z-index:160;display:flex;align-items:center;gap:9px;color:var(--text-soft);font-size:7px;font-weight:760;letter-spacing:.12em;transform:translate(-50%);pointer-events:none}.mouse-icon{position:relative;width:11px;height:17px;border:1px solid currentColor;border-radius:7px}.mouse-icon:after{content:"";position:absolute;top:3px;left:4px;width:1px;height:4px;background:var(--cimc-cyan);animation:mouseScroll 1.7s ease-in-out infinite}@keyframes mouseScroll{60%{opacity:0;transform:translateY(4px)}}.flow-pagination{position:absolute;right:26px;bottom:30px;z-index:160;display:flex;align-items:center;gap:5px}.flow-pagination button{width:17px;height:14px;padding:0;display:grid;place-items:center;cursor:pointer;background:transparent}.flow-pagination i{width:5px;height:1px;display:block;background:var(--text-soft);transition:width .2s ease,background .2s ease}.flow-pagination button.active i{width:15px;background:var(--cimc-blue)}.footerbar{z-index:50;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--text-soft);border-top:1px solid var(--line);background:var(--header);font-size:6px;letter-spacing:.14em}.footerbar span:nth-child(2){justify-self:center}.footerbar span:last-child{justify-self:end}.story-dialog{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:40px;overflow:hidden;color:var(--text);border:0;background:color-mix(in srgb,var(--bg) 86%,transparent);opacity:0;transition:opacity .28s ease}.story-dialog::backdrop{background:#0207126b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-dialog.is-visible{opacity:1}.dialog-shell{width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);overflow:hidden;border:1px solid var(--line-blue);background:var(--bg-elevated);box-shadow:0 40px 100px #02081447;opacity:0;transform:translateY(22px) scale(.985);transition:opacity .24s ease,transform .42s cubic-bezier(.22,.8,.2,1)}.story-dialog.is-visible .dialog-shell{opacity:1;transform:translateY(0) scale(1)}.dialog-visual{position:relative;min-width:0;overflow:hidden;background:#7d8995}.dialog-visual img{width:100%;height:100%;display:block;object-fit:cover}.dialog-image-wash{position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(2,8,20,.55))}.dialog-visual-index{position:absolute;right:28px;bottom:24px;color:#ffffffbd;font-size:8px;letter-spacing:.16em}.dialog-visual-index span{color:#fff;font-size:29px;font-weight:780}.dialog-visual-index b{font-weight:500}.dialog-content{min-width:0;display:grid;grid-template-rows:74px 1fr 64px}.dialog-topline{padding:0 26px 0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-topline>div{display:flex;align-items:center;gap:14px;color:var(--text-soft);font-size:8px;font-weight:760;letter-spacing:.13em}.dialog-topline span{color:var(--cimc-cyan)}.dialog-topline time{padding-left:14px;border-left:1px solid var(--line)}.dialog-close{width:34px;height:34px;cursor:pointer;color:var(--text);border:1px solid var(--line);background:transparent;font-size:20px;font-weight:300;line-height:1;transition:background .18s ease,color .18s ease}.dialog-close:hover{color:#fff;background:var(--cimc-blue)}.dialog-copy{padding:clamp(44px,8vh,84px) clamp(38px,5vw,76px) 34px;overflow:auto}.dialog-kicker{margin:0;color:var(--cimc-blue);font-size:8px;font-weight:800;letter-spacing:.18em}.dialog-copy h2{max-width:610px;margin:22px 0 0;font-size:calc(clamp(29px,3vw,48px) * var(--font-scale));font-weight:760;line-height:1.11;letter-spacing:-.05em}.dialog-rule{width:100%;height:1px;margin:31px 0 25px;background:linear-gradient(90deg,var(--cimc-blue) 0 28%,var(--line) 28%)}.dialog-copy>p:not(.dialog-kicker){margin:0;color:var(--text-soft);font-size:calc(13px * var(--font-scale));line-height:1.85}.dialog-copy>a{width:fit-content;margin-top:38px;padding:13px 16px;display:flex;align-items:center;gap:24px;color:#fff;background:var(--cimc-blue);font-size:8px;font-weight:800;letter-spacing:.12em;text-decoration:none}.dialog-copy>a b{color:var(--cimc-cyan);font-size:14px;font-weight:400}.dialog-navigation{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.dialog-navigation button{padding:0 32px;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-soft);background:transparent;font-size:8px;font-weight:750;letter-spacing:.13em;transition:color .18s ease,background .18s ease}.dialog-navigation button:last-child{justify-content:flex-end;border-left:1px solid var(--line)}.dialog-navigation button:hover{color:var(--cimc-blue);background:color-mix(in srgb,var(--cimc-blue) 6%,transparent)}#app[data-theme=night]{--bg: #020716;--bg-elevated: #061127;--header: rgba(1, 8, 24, .94);--text: #f5f9ff;--text-soft: #91a3bf;--line: rgba(89, 147, 238, .22);--line-blue: rgba(75, 137, 238, .28);--grid: rgba(79, 137, 232, .055);--panel: rgba(3, 12, 30, .92);--card: #061229;--card-line: rgba(80, 144, 242, .25);--shadow: 0 28px 90px rgba(0, 0, 0, .5), 0 0 55px rgba(0, 72, 218, .1);background:radial-gradient(circle at 75% 38%,rgba(0,72,218,.22),transparent 31%),radial-gradient(circle at 48% 77%,rgba(0,205,178,.07),transparent 25%),linear-gradient(135deg,#020817,#030c20 58%,#020612)}#app[data-theme=night] .theme-toggle i{background:#78a7ed;box-shadow:inset -3px -2px #020818e6,0 0 12px #3a81f480}#app[data-theme=night] .language-toggle span.active{color:var(--cimc-cyan)}#app[data-theme=night] .story-panel h1 strong{color:#fff;text-shadow:0 0 34px rgba(0,72,218,.4)}#app[data-theme=night] .card-image img{filter:saturate(.78) brightness(.8) contrast(1.06)}#app[data-theme=night] .news-card.is-active .card-image img{filter:saturate(.93) brightness(.92) contrast(1.06)}#app[data-theme=night] .stage-index{color:#4e7fcb0b}@media(max-width:1280px){.topbar{grid-template-columns:160px minmax(210px,auto) 1fr auto}.brand{width:160px}.topbar-title{padding-left:20px}.topbar-title small,.type-controls span{display:none}.category-filter button{padding:0 8px}.topbar-tools{padding-right:12px}.story-panel{width:360px;padding-right:30px;padding-left:34px}.flow-stage{left:300px}.flow-arrow--prev{left:12px}.flow-arrow--next{right:12px}}@media(max-width:980px){#app{grid-template-rows:68px 1fr 30px}.ambient-grid{inset:68px 0 30px}.topbar{grid-template-columns:136px 1fr auto}.brand{width:136px;height:68px}.brand img{height:38px;max-width:112px}.topbar-title{min-width:0}.category-filter{display:none}.story-panel{width:270px;padding:40px 18px 24px 24px}.story-panel h1{font-size:calc(31px * var(--font-scale))}.story-lede{font-size:calc(10px * var(--font-scale))}.story-metrics{grid-template-columns:1fr 1fr}.story-metrics>div:last-child{display:none}.active-story{margin-top:22px}.flow-stage{left:220px}.news-card{left:55%;--card-height: min(61vh, 470px)}.stage-index,.interaction-hint{left:55%}.dialog-shell{grid-template-columns:1fr 1fr}}@media(max-width:720px){#app{grid-template-rows:62px 1fr 28px}.ambient-grid{inset:62px 0 28px}.topbar{grid-template-columns:110px 1fr auto}.brand{width:110px;height:62px}.brand img{height:32px;max-width:90px}.topbar-title{padding-left:13px}.topbar-title span{font-size:10px}.topbar-tools{gap:5px;padding-right:7px}.language-toggle,.theme-toggle{height:29px;min-width:auto;padding:0 7px}.type-controls,.theme-toggle span{display:none}.story-panel{inset:0 0 auto;width:100%;height:138px;padding:22px 20px;background:linear-gradient(180deg,var(--panel),transparent)}.story-panel h1{width:220px;margin-top:12px;font-size:calc(25px * var(--font-scale))}.story-lede,.story-metrics,.active-story,.story-source{display:none}.flow-stage{inset:100px 0 0;perspective-origin:50% 48%}.stage-wash{background:radial-gradient(ellipse at 50% 48%,rgba(0,72,218,.16),transparent 54%)}.stage-index{left:50%;font-size:36vw}.news-card{top:46%;left:50%;--card-width: min(68vw, 292px);--card-height: min(57vh, 440px);min-height:350px}.flow-arrow{top:auto;bottom:22px;width:38px;height:38px;transform:none}.flow-arrow--prev{left:18px}.flow-arrow--next{right:18px}.interaction-hint{bottom:66px;left:50%;width:100%;justify-content:center}.flow-pagination{right:50%;bottom:30px;transform:translate(50%)}.footerbar{grid-template-columns:1fr auto;padding:0 12px}.footerbar span:nth-child(2){display:none}.story-dialog{padding:12px}.dialog-shell{display:block;overflow-y:auto}.dialog-visual{height:36vh}.dialog-content{min-height:56vh;grid-template-rows:58px 1fr 58px}.dialog-copy{padding:32px 24px}.dialog-copy h2{font-size:calc(27px * var(--font-scale))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}