*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Noto Sans SC','PingFang SC',sans-serif;overflow:hidden;background:#000}
.pw-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:rgba(0,0,0,0.95);display:flex;align-items:center;justify-content:center;transition:opacity 0.5s}
.pw-overlay.hidden{opacity:0;pointer-events:none}
.pw-box{text-align:center;padding:3rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:16px;backdrop-filter:blur(20px)}
.pw-logo{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin-bottom:1.5rem}
.pw-hint{font-size:0.85rem;color:rgba(255,255,255,0.5);margin-bottom:1.2rem}
.pw-input{width:240px;padding:0.7rem 1rem;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:8px;color:#fff;font-size:0.9rem;outline:none;text-align:center}
.pw-input:focus{border-color:#3aaf6b}
.pw-btn{display:block;width:240px;margin:1rem auto 0;padding:0.7rem;background:#3aaf6b;color:#fff;border:none;border-radius:8px;font-size:0.85rem;font-weight:600;cursor:pointer}
.pw-btn:hover{background:#2d8f5e}
.pw-error{font-size:0.75rem;color:#ff4444;margin-top:0.8rem;min-height:1rem}
.fullpage-container{width:100vw;height:100vh;overflow:hidden;display:none}
.fullpage-container.show{display:block}
.fullpage-wrapper{transition:transform 0.8s cubic-bezier(0.76,0,0.24,1);will-change:transform}
.screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.screen-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}
.screen-overlay{position:absolute;top:0;left:0;right:0;bottom:0}
.overlay--hero{background:linear-gradient(180deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0.8) 100%),linear-gradient(135deg,rgba(15,36,25,0.5) 0%,transparent 60%)}
.overlay--dark{background:rgba(0,0,0,0.72)}
.overlay--dark-grad{background:linear-gradient(135deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.6) 100%)}
.overlay--dark-heavy{background:rgba(0,0,0,0.82)}
.overlay--light-frost{background:rgba(244,249,246,0.88);backdrop-filter:blur(12px)}
.screen-content{position:relative;z-index:2;width:100%;max-width:1200px;padding:0 3rem}
.content--center{text-align:center;margin:0 auto}
.content--left-align{margin:0 auto}
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:1.5rem}
.split-text,.split-cards{display:flex;flex-direction:column;gap:0.8rem}
.top-nav{position:fixed;top:0;left:0;right:0;padding:1.5rem 3rem;display:none;justify-content:space-between;align-items:center;z-index:1000}
.top-nav.show{display:flex}
.logo{font-family:Inter,sans-serif;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:0.02em}
.lang-dropdown{position:relative}
.lang-current{font-size:0.8rem;color:rgba(255,255,255,0.7);cursor:pointer;padding:0.4rem 0.8rem;border:1px solid rgba(255,255,255,0.2);border-radius:6px;background:rgba(255,255,255,0.05);font-family:inherit}
.lang-current:hover{border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.1)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:rgba(20,20,20,0.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.4rem 0;min-width:150px;opacity:0;pointer-events:none;transform:translateY(-5px);transition:all 0.2s}
.lang-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}
.lang-option{padding:0.5rem 1rem;font-size:0.8rem;color:rgba(255,255,255,0.7);cursor:pointer;transition:all 0.15s}
.lang-option:hover{background:rgba(255,255,255,0.08);color:#fff}
.lang-option.active{color:#3aaf6b}
.nav-light .logo{color:#0f2419}
.nav-light .lang-current{color:rgba(0,0,0,0.6);border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.03)}
.dot-nav{position:fixed;right:2.5rem;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:14px;z-index:1000}
.dot-nav.show{display:flex}
.dot-nav .dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,0.3);background:transparent;cursor:pointer;transition:all 0.3s}
.dot-nav .dot.active{background:#3aaf6b;border-color:#3aaf6b;transform:scale(1.4);box-shadow:0 0 12px rgba(58,175,107,0.4)}
.page-label{position:fixed;bottom:2.5rem;left:3rem;z-index:1000;display:none}
.page-label.show{display:block}
.page-label__num{font-family:Inter,sans-serif;font-size:0.6rem;color:rgba(255,255,255,0.3);letter-spacing:0.15em}
.scroll-hint{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);text-align:center;z-index:1000;display:none}
.scroll-hint.show{display:block}
.scroll-hint.hidden{opacity:0;pointer-events:none}
.scroll-hint span{font-family:Inter,sans-serif;font-size:0.6rem;letter-spacing:0.2em;color:rgba(255,255,255,0.35);text-transform:uppercase}
.arrow{width:16px;height:16px;border-right:1px solid rgba(255,255,255,0.35);border-bottom:1px solid rgba(255,255,255,0.35);transform:rotate(45deg);margin:0.6rem auto 0;animation:bounce 2.5s infinite}
@keyframes bounce{0%,100%{transform:rotate(45deg) translateY(0);opacity:0.5}50%{transform:rotate(45deg) translateY(6px);opacity:1}}
.hero-title{font-size:clamp(2.2rem,5.5vw,4.5rem);font-weight:700;color:#fff;margin-bottom:1.2rem;letter-spacing:-0.02em;text-shadow:0 2px 40px rgba(0,0,0,0.3)}
.hero-subtitle{font-size:clamp(0.95rem,1.8vw,1.25rem);color:rgba(255,255,255,0.75);line-height:2;font-weight:300}
.stats-bar{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,0.08);padding:2rem 0;z-index:2}
.stats{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;max-width:1000px;margin:0 auto;padding:0 2rem}
.stat-item{text-align:center}
.stat-num{font-family:Inter,sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:200;color:#3aaf6b;display:block}
.stat-label{font-size:0.7rem;color:rgba(255,255,255,0.45);margin-top:0.3rem;letter-spacing:0.05em;text-transform:uppercase}
.label{font-size:0.7rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#3aaf6b;margin-bottom:0.8rem}
.section-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;color:#0f2419;margin-bottom:1rem}
.title--white{color:#fff}
.section-sub{font-size:clamp(0.9rem,1.3vw,1.1rem);color:#6b7280;line-height:1.8;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}
.sub--white{color:rgba(255,255,255,0.6)}
.body-text{font-size:0.9rem;line-height:1.9;color:#1a3d2e;margin-bottom:0.8rem}
.text--white{color:#fff}
.text--white-70{color:rgba(255,255,255,0.7)}
.text--white-50{color:rgba(255,255,255,0.5)}
.mission-box{margin-top:1rem;padding:1rem 1.2rem;background:rgba(58,175,107,0.06);border-radius:8px;border-left:3px solid #3aaf6b}
.mission-box p{font-size:0.85rem;margin-bottom:0.3rem;color:#1a3d2e}
.mission--dark{background:rgba(58,175,107,0.08)}
.mission--dark p{color:rgba(255,255,255,0.8)}
.adv-card{padding:1rem;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(0,0,0,0.05);transition:all 0.3s}
.adv--dark{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.08)}
.adv--dark .adv-title{color:#fff}
.adv--dark .adv-desc{color:rgba(255,255,255,0.5)}
.adv-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(58,175,107,0.1)}
.adv-icon{font-size:1.2rem;margin-bottom:0.3rem}
.adv-title{font-size:0.9rem;font-weight:600;color:#0f2419;margin-bottom:0.15rem}
.adv-desc{font-size:0.75rem;color:#6b7280}
.data-grid{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-bottom:3rem}
.data-card{text-align:center}
.data-num{font-family:Inter,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:200;color:#3aaf6b;display:inline}
.data-plus{font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:200;color:#3aaf6b}
.data-label{display:block;font-size:0.8rem;color:rgba(255,255,255,0.6);margin-top:0.5rem}
.data-sub{display:block;font-size:0.7rem;color:rgba(255,255,255,0.4);margin-top:0.2rem}
.timeline{max-width:600px;margin:0 auto;text-align:left;padding-left:2rem;border-left:2px solid rgba(58,175,107,0.3)}
.tl-item{padding:0.8rem 0 0.8rem 1.5rem;position:relative}
.tl-item::before{content:'';position:absolute;left:-2rem;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#3aaf6b;margin-left:1px}
.tl-year{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;color:#3aaf6b;margin-right:1rem}
.tl-text{font-size:0.85rem;color:rgba(255,255,255,0.7)}
.flow-chart{display:flex;align-items:flex-start;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.flow-node{background:rgba(255,255,255,0.06);border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:1.5rem 1.2rem;flex:1;min-width:200px;max-width:280px;text-align:center;backdrop-filter:blur(8px)}
#screen04 .flow-node{background:rgba(255,255,255,0.7);border-color:rgba(0,0,0,0.08)}
.flow-icon{font-size:1.8rem;margin-bottom:0.5rem}
.flow-title{font-size:1rem;font-weight:700;color:#0f2419;margin-bottom:0.2rem}
.flow-sub{font-size:0.75rem;color:#3aaf6b;font-weight:600;margin-bottom:0.6rem}
.flow-list{list-style:none;text-align:left;padding:0}
.flow-list li{font-size:0.8rem;color:#6b7280;padding:0.2rem 0;padding-left:1rem;position:relative}
.flow-list li::before{content:'•';position:absolute;left:0;color:#3aaf6b}
.flow-arrow{font-size:1.5rem;color:#3aaf6b;align-self:center;font-weight:300}
.flow-bottom{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem}
.flow-bottom-card{background:rgba(58,175,107,0.08);border:1px solid rgba(58,175,107,0.15);border-radius:10px;padding:1rem 1.5rem;flex:1;max-width:350px;text-align:center}
.flow-bottom-title{font-size:0.85rem;font-weight:700;color:#3aaf6b;margin-bottom:0.3rem}
.flow-bottom-text{font-size:0.8rem;color:#6b7280}
.format-item{padding:0.8rem 1rem;border-left:3px solid #3aaf6b;margin-bottom:0.3rem}
.format--dark{background:rgba(255,255,255,0.04)}
.format-title{font-size:0.95rem;font-weight:600;color:#fff}
.format-desc{font-size:0.78rem;color:rgba(255,255,255,0.5);margin-top:0.15rem}
.course-card{display:flex;align-items:center;gap:0.8rem;padding:0.8rem 1rem;border-radius:10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);transition:all 0.3s}
.course--dark:hover{background:rgba(255,255,255,0.1)}
.course-icon{font-size:1.3rem}
.course-name{font-size:0.9rem;font-weight:600;color:#fff}
.course-desc{font-size:0.75rem;color:rgba(255,255,255,0.5)}
.course-tag{font-size:0.65rem;color:#3aaf6b;margin-left:auto;white-space:nowrap;border:1px solid rgba(58,175,107,0.3);padding:0.2rem 0.5rem;border-radius:4px}
.tech-box{margin-top:0.5rem;padding:0.7rem 1rem;border-radius:8px;font-size:0.8rem;background:rgba(58,175,107,0.08);border:1px solid rgba(58,175,107,0.15)}
.tech-title{color:#3aaf6b;font-weight:600}
.tech-desc{color:rgba(255,255,255,0.7)}
.tech-link{color:#3aaf6b;text-decoration:underline;margin-left:0.3rem}
.teacher-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1rem}
.teacher-card{text-align:center;padding:1.2rem 0.8rem;border-radius:12px;cursor:pointer;transition:all 0.3s;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}
.tc--dark:hover{background:rgba(255,255,255,0.1);transform:translateY(-3px)}
.teacher-avatar{font-size:2.5rem;margin-bottom:0.5rem}
.teacher-name{font-size:0.85rem;font-weight:600;color:#fff}
.teacher-role{font-size:0.7rem;color:rgba(255,255,255,0.5);margin-top:0.2rem}
.uni-grid{display:grid;grid-template-columns:1fr;gap:0.4rem}
.uni-item{font-size:0.85rem;font-weight:600;color:#fff;padding:0.4rem 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.uni-item span{font-size:0.7rem;color:rgba(255,255,255,0.4);margin-left:0.5rem;font-weight:400}
.flow-steps{display:flex;flex-direction:column;gap:0.6rem}
.step{display:flex;align-items:center;gap:0.8rem;padding:0.5rem 0}
.step-num{width:28px;height:28px;border-radius:50%;background:#3aaf6b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;flex-shrink:0}
.step-text{font-size:0.85rem;color:#fff}
.value-list{margin-top:0.8rem;display:flex;flex-direction:column;gap:0.4rem}
.value-item{font-size:0.8rem;color:rgba(255,255,255,0.7);padding:0.3rem 0;padding-left:1.2rem;position:relative}
.value-item::before{content:'✓';position:absolute;left:0;color:#3aaf6b;font-weight:700}
.partner-card{padding:1rem;border-radius:10px;margin-bottom:0.3rem;transition:all 0.3s}
.partner--dark{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08)}
.partner--dark:hover{background:rgba(255,255,255,0.1)}
.partner-name{font-size:0.95rem;font-weight:600;color:#fff;margin-bottom:0.2rem}
.partner-desc{font-size:0.78rem;color:rgba(255,255,255,0.5)}
.settle-text{font-size:0.75rem;margin-top:0.5rem;font-style:italic}
.training-title{font-size:0.9rem;font-weight:600;margin-bottom:0.5rem}
.training-item{font-size:0.8rem;padding:0.6rem 1rem;border-radius:8px;margin-bottom:0.4rem}
.train--dark{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.06)}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.6rem;margin-top:0.8rem}
.val-card{padding:0.7rem;border-radius:8px;display:flex;align-items:center;gap:0.5rem}
.val--dark{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06)}
.val-icon{font-size:1.1rem}
.val-text{font-size:0.75rem;color:rgba(255,255,255,0.7)}
.event-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1.5rem;max-width:900px;margin-left:auto;margin-right:auto}
.event-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:1.5rem;text-align:left;transition:all 0.3s}
.event-card:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px)}
.event-tag{font-size:0.75rem;color:#3aaf6b;font-weight:600;margin-bottom:0.5rem}
.event-text{font-size:0.85rem;color:rgba(255,255,255,0.75);line-height:1.7}
.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1.5rem}
.loc-card{text-align:center;padding:1.5rem 1rem;border-radius:12px;transition:all 0.3s}
.loc--dark{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08)}
.loc--dark:hover{background:rgba(255,255,255,0.1);transform:translateY(-2px)}
.loc-flag{font-size:2rem;margin-bottom:0.5rem}
.loc-city{font-size:1rem;font-weight:700;color:#fff;margin-bottom:0.2rem}
.loc-role{font-size:0.75rem;color:#3aaf6b;font-weight:600;margin-bottom:0.4rem}
.loc-addr{font-size:0.7rem;color:rgba(255,255,255,0.45);line-height:1.5}
.footer-end{margin-top:2.5rem;text-align:center}
.thankyou{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:300;color:rgba(255,255,255,0.4);letter-spacing:0.1em;margin-bottom:0.5rem}
.tagline{font-size:0.85rem}
.teacher-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s}
.teacher-modal.active{opacity:1;pointer-events:all}
.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8)}
.modal-content{position:relative;background:#111;border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2.5rem;display:grid;grid-template-columns:auto 1fr;gap:2rem;max-width:550px;width:90%}
.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:rgba(255,255,255,0.5);font-size:1.2rem;cursor:pointer}
.modal-close:hover{color:#fff}
.modal-avatar{font-size:4rem;align-self:center}
.modal-name{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:0.3rem}
.modal-role{font-size:0.85rem;color:#3aaf6b;margin-bottom:0.8rem}
.modal-tags{display:flex;gap:0.4rem;flex-wrap:wrap;margin-bottom:0.8rem}
.modal-tags span{font-size:0.7rem;padding:0.2rem 0.6rem;border-radius:4px;background:rgba(58,175,107,0.1);color:#3aaf6b;border:1px solid rgba(58,175,107,0.2)}
.modal-bio{font-size:0.85rem;color:rgba(255,255,255,0.7);line-height:1.7;margin-bottom:0.4rem}
.modal-bio-en{font-size:0.78rem;color:rgba(255,255,255,0.4);font-style:italic}
.animate-in{opacity:0;transform:translateY(30px);transition:opacity 0.6s,transform 0.6s}
.animate-in.visible{opacity:1;transform:translateY(0)}
@media(max-width:1024px){.split-layout{grid-template-columns:1fr}.flow-chart{flex-direction:column;align-items:center}.flow-arrow{transform:rotate(90deg)}.location-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.teacher-grid{grid-template-columns:repeat(2,1fr)}.location-grid{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr}.modal-content{grid-template-columns:1fr;text-align:center}}

/* 杂志排版 - 左图右内容 */

/* 杂志排版 - 修复图片拉伸问题 */
.screen--magazine{align-items:stretch}
.screen--magazine .screen-bg{width:50%;right:auto;left:0;background-size:cover;background-position:center}
.screen--magazine .screen-overlay{display:none}

/* 右图左内容 - 修复图片拉伸问题 */
.screen--magazine-reverse .screen-bg{left:auto;right:0;background-size:cover;background-position:center}
.magazine-panel--reverse{left:auto;right:0}

/* 全图背景 + 漂浮内容块 */
.screen--magazine-float{align-items:center;justify-content:center}
.screen--magazine-float .screen-bg{width:100%;left:0;right:0;background-size:cover;background-position:center}
.screen--magazine-float .screen-overlay{display:block;background:rgba(0,0,0,0.5)}
.magazine-panel--float{position:relative;width:90%;max-width:1000px;height:auto;background:rgba(10,10,10,0.9);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:4rem;margin:0 auto;overflow:visible}

/* 细节优化 */
.magazine-panel{position:absolute;top:0;left:0;width:50%;height:100%;overflow-y:auto;padding:6rem 4rem;display:flex;flex-direction:column;justify-content:flex-start;z-index:2}
.magazine-panel--dark{background:rgba(10,10,10,0.97)}
.magazine-panel--light{background:rgba(248,250,249,0.97)}
.magazine-panel .section-title{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:2rem;letter-spacing:-0.02em}
.magazine-panel .body-text{font-size:1rem;line-height:2;margin-bottom:1.5rem;max-width:480px}
.magazine-panel .mission-box{margin-top:2rem;padding:1.5rem;max-width:480px}
.magazine-panel .adv-card{padding:1.5rem;border-radius:12px}
.magazine-panel .adv-title{font-size:1rem}
.magazine-panel .adv-desc{font-size:0.8rem}

/* Dark Panel 子元素颜色 */
.magazine-panel--dark .section-title{color:#fff}
.magazine-panel--dark .body-text{color:rgba(255,255,255,0.75)}
.magazine-panel--dark .label{color:#3aaf6b}
.magazine-panel--dark .text--white-70{color:rgba(255,255,255,0.7)}
.magazine-panel--dark .uni-item{color:#fff}
.magazine-panel--dark .uni-item span{color:rgba(255,255,255,0.4)}
.magazine-panel--dark .step-text{color:#fff}
.magazine-panel--dark .value-item{color:rgba(255,255,255,0.7)}
.magazine-panel--dark .adv-title{color:#fff}
.magazine-panel--dark .adv-desc{color:rgba(255,255,255,0.5)}
.magazine-panel--dark .mission--dark p{color:rgba(255,255,255,0.8)}

/* Light Panel 子元素颜色 */
.magazine-panel--light .section-title{color:#0f2419}
.magazine-panel--light .body-text{color:#1a3d2e}
.magazine-panel--light .label{color:#3aaf6b}
.magazine-panel--light .section-sub{color:#6b7280}
.magazine-panel--light .flow-title{color:#0f2419}
.magazine-panel--light .flow-sub{color:#3aaf6b}
.magazine-panel--light .flow-list li{color:#6b7280}
.magazine-panel--light .flow-bottom-title{color:#3aaf6b}
.magazine-panel--light .flow-bottom-text{color:#6b7280}
.magazine-panel--light .flow-node{background:#fff;border:none;box-shadow:0 10px 40px rgba(0,0,0,0.03);padding:2rem;text-align:left}
.magazine-panel--light .flow-icon{font-size:2.2rem;margin-bottom:1rem}
.magazine-panel--light .flow-title{font-size:1.1rem;margin-bottom:0.3rem}
.magazine-panel--light .flow-sub{font-size:0.8rem;margin-bottom:1rem}
.magazine-panel--light .flow-list li{font-size:0.85rem;padding:0.3rem 0;padding-left:1.2rem}
.magazine-panel--light .flow-bottom{margin-top:2rem;gap:2rem}
.magazine-panel--light .flow-bottom-card{background:#fff;border:none;box-shadow:0 10px 40px rgba(0,0,0,0.03);padding:1.5rem}
.magazine-panel--light .flow-bottom-title{font-size:0.9rem}
.magazine-panel--light .flow-bottom-text{font-size:0.85rem}

/* 第10屏颜色修复 */
#screen10 .loc-city{color:#fff}
#screen10 .loc-addr{color:rgba(255,255,255,0.6)}

/* 响应式优化 */
@media(max-width:1024px){
  .screen--magazine .screen-bg, .screen--magazine-reverse .screen-bg{width:100%;height:40vh;position:relative}
  .magazine-panel, .magazine-panel--reverse{position:relative;width:100%;height:auto;min-height:60vh;padding:2rem 1.5rem}
  .magazine-panel--float{width:95%;padding:2rem 1.5rem}
}

/* 强制修复 - 杂志排版图片填满 */
.screen--magazine .screen-bg,
.screen--magazine-reverse .screen-bg{position:absolute!important;top:0!important;bottom:0!important;width:50%!important;background-size:cover!important;background-position:center!important}
.screen--magazine .screen-bg{left:0!important;right:auto!important}
.screen--magazine-reverse .screen-bg{right:0!important;left:auto!important}

/* 强制修复 - 第4屏panel在左边 */
.screen--magazine-reverse .magazine-panel{left:0!important;right:auto!important}

/* 强制修复 - 第10屏文字颜色 */
#screen10 .loc-city,
#screen10 .loc-card .loc-city{color:#fff!important}
#screen10 .loc-addr,
#screen10 .loc-card .loc-addr{color:rgba(255,255,255,0.6)!important}
#screen10 .loc-role{color:#3aaf6b!important}

/* ============================================
   ROLLBACK FIX - 第4屏回滚为全屏暗色布局
   ============================================ */

/* === 第4屏：全屏大图+暗色蒙版+内容居中 === */
#screen04 .screen-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  color: #fff !important;
}

/* 强制所有文字为白色 */
#screen04 .section-title,
#screen04 .body-text,
#screen04 .label,
#screen04 .flow-title,
#screen04 .flow-list li,
#screen04 .flow-bottom-title,
#screen04 .flow-bottom-text {
  color: #fff !important;
}

#screen04 .section-title {
  margin-bottom: 1.5rem !important;
}

#screen04 .body-text {
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  opacity: 0.8 !important;
}

/* 流程图适配暗色背景 */
#screen04 .flow-chart {
  margin-top: 3rem !important;
  gap: 1.5rem !important;
  justify-content: center !important;
}

#screen04 .flow-node {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  backdrop-filter: blur(10px) !important;
  color: #fff !important;
}

#screen04 .flow-icon {
  color: #fff !important;
}

#screen04 .flow-sub {
  color: #4ade80 !important; /* 保持绿色强调 */
}

#screen04 .flow-list li::before {
  color: #4ade80 !important;
}

/* 底部卡片适配 */
#screen04 .flow-bottom {
  margin-top: 3rem !important;
  gap: 1.5rem !important;
}

#screen04 .flow-bottom-card {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #fff !important;
}

#screen04 .flow-bottom-title {
  color: #4ade80 !important;
}

/* === 第7屏：保持全屏图+蒙版样式 === */
#screen07 .split-layout { gap: 3rem !important; }
#screen07 .uni-grid { columns: 1 !important; }
#screen07 .uni-item { color: #fff !important; padding: 0.4rem 0 !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; font-size: 0.9rem !important; }
#screen07 .uni-item span { color: rgba(255,255,255,0.4) !important; margin-left: 0.8rem !important; }
#screen07 .step { display: flex !important; align-items: center !important; gap: 0.8rem !important; margin-bottom: 0.6rem !important; }
#screen07 .step-num { width: 28px !important; height: 28px !important; border-radius: 50% !important; background: #3aaf6b !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.8rem !important; flex-shrink: 0 !important; }
#screen07 .step-text { color: #fff !important; font-size: 0.9rem !important; }
#screen07 .value-item { color: rgba(255,255,255,0.8) !important; font-size: 0.85rem !important; }
#screen07 .value-item::before { content: '✓ ' !important; color: #3aaf6b !important; }
#screen07 .screen-bg { width: 100% !important; left: 0 !important; right: 0 !important; position: absolute !important; top: 0 !important; bottom: 0 !important; }

/* === 第10屏文字颜色 === */
#screen10 .loc-card, #screen10 .loc-card * { color: #ffffff !important; }
#screen10 .loc-role { color: #3aaf6b !important; }
#screen10 .loc-addr { color: rgba(255,255,255,0.6) !important; }