/* 青溯 v5：原图界面、真实设备能力与手机端交互 */
:root{--upgrade-green:#176b49;--upgrade-soft:#eef9f0}

/* 图一加载后进入图二游客登录；登录按钮覆盖原验证码按钮位置 */
.launch-screen,#splash{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#fdfcf7;overflow:hidden;padding:0!important}
.launch-screen img{display:block;width:min(100vw,460px);height:100dvh;object-fit:cover;object-position:center;box-shadow:0 0 36px rgba(14,74,52,.05)}
#splash[hidden]{display:none!important}
.login-shell{position:relative;width:min(100vw,460px);height:100dvh;overflow:hidden;background:#fdfcf7}
.login-reference{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#splash .guest-access{position:absolute;left:9%;bottom:10.4%;z-index:2;width:82%;height:5.8%;min-height:50px;border:2px solid #126648;border-radius:999px;background:#fff;color:#126648;font-size:18px;font-weight:900;letter-spacing:.04em;box-shadow:0 5px 16px rgba(18,102,72,.12)}
#splash .guest-access:active{transform:scale(.98)}
#splash.hide{opacity:0;pointer-events:none;transition:opacity .38s ease}
body:not(.app-entered) #petWidget{display:none!important}

/* 统一采用用户本次提供的图一形象，保持原图、不做镜像 */
.fixed-character{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 62%!important;transform:none!important;filter:none!important}
.hero-mascot,.splash-mascot,.sub-banner-mascot,.redeem-mascot,.about-mascot,.avatar-ring,.modal-mascot,.pet-sprite,.pet-main,.sprout-visual{overflow:hidden;background:#f5fbf8}
#petWidget .pet-sprite{border-radius:0;box-shadow:none;background:transparent!important}

/* 学习、社区、商城和积分页直接呈现用户原图，透明按钮只提供交互 */
.reference-mode{padding:0!important;background:#fff!important;overflow:visible!important}
.reference-mode> :not(.reference-screen){display:none!important}
.reference-screen{position:relative;width:100%;max-width:460px;margin:0 auto;background:#fff;line-height:0}
.reference-screen>img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.reference-screen.crop-native-nav{aspect-ratio:853/1585;overflow:hidden}
.reference-screen.crop-native-nav>img{width:100%;height:auto;margin-top:-7.62%}
.reference-hotspot{position:absolute;z-index:3;border:0;background:transparent;color:transparent;font-size:0;padding:0;border-radius:12px;cursor:pointer;touch-action:manipulation}
.reference-hotspot:focus-visible{outline:3px solid #ffbd32;outline-offset:2px;background:rgba(255,255,255,.12)}
.ref-study-video{left:3.8%;top:32.7%;width:92.6%;height:17%}
.ref-study-ai{left:4%;top:17.2%;width:92%;height:5.1%}
.ref-study-basic{left:21%;top:23.8%;width:18%;height:7.9%}
.ref-study-life{left:40%;top:23.8%;width:18%;height:7.9%}
.ref-study-recycle{left:59%;top:23.8%;width:18%;height:7.9%}
.ref-study-events{left:78%;top:23.8%;width:18%;height:7.9%}
.ref-study-more{right:3%;top:51.1%;width:21%;height:2.8%}
.ref-study-article{left:3.5%;width:93%;height:10.3%}
.ref-study-article-1{top:54.6%}.ref-study-article-2{top:65.9%}.ref-study-article-3{top:77%}.ref-study-article-4{top:89%}
.ref-community-forum{left:73.5%;top:19%;width:22%;height:10.7%}
.ref-community-more{right:2.5%;top:56%;width:28%;height:4%}
.ref-store-back,.ref-points-back{left:2%;top:2%;width:13%;height:7%}
.ref-store-task{right:4%;top:21.3%;width:28%;height:6.8%}
.ref-store-redeem1{left:4%;top:50%;width:29%;height:5.7%}
.ref-store-redeem2{left:36%;top:50%;width:29%;height:5.7%}
.ref-store-redeem3{left:68%;top:50%;width:28%;height:5.7%}
.ref-points-checkin{right:4%;top:20%;width:27%;height:4.2%}
.ref-points-task{right:3%;top:44%;width:25%;height:38%}
.reference-points-total{position:absolute;z-index:4;display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:999px;background:rgba(247,255,247,.97);box-shadow:0 4px 14px rgba(23,107,73,.12);color:#173d2f;font-size:14px;line-height:1;white-space:nowrap}
.store-points-total{right:4%;top:3.1%}
.task-points-total{right:4%;top:3.2%}
.reference-hotspot.is-done{background:linear-gradient(135deg,#188f58,#2eae6b)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;border-radius:999px!important;box-shadow:0 5px 12px rgba(24,143,88,.22)}
.reference-hotspot.is-done::after{content:'✓ 已完成'}

/* 小芽恢复原透明 PNG，不再截取设计稿，不显示方形底色 */
.pet-main,.pet-entry-visual,.pet-sprite,.stage-thumb{background:none!important;background-image:none!important}
.pet-main>img,.pet-entry-visual>img,.pet-sprite>img{opacity:1!important;display:block!important;object-fit:contain!important}
.pet-main{overflow:visible!important}
.pet-entry-visual{border-radius:0!important;box-shadow:none!important;padding:0!important}
.pet-sprite{border-radius:0!important;overflow:visible!important}
.stage-track{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.stage-track::before{display:none!important}
.stage-track button{display:flex;min-width:0;flex-direction:column;align-items:center;gap:3px;border:0;border-radius:14px;padding:6px 3px;background:#eef8ef;color:#24503b;font:inherit;position:relative}
.stage-track button.locked{filter:grayscale(1);opacity:.42;background:#ecefeb;color:#768079}
.stage-track button.selected{outline:2px solid #2a9760;box-shadow:0 3px 12px rgba(42,151,96,.18)}
.stage-track button b{font-size:11px;white-space:nowrap}
.stage-track button small{font-size:9px;opacity:.72}
.stage-track .stage-thumb{display:block!important;width:54px!important;height:54px!important;object-fit:contain!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* 环保对白紧贴小芽嘴边，不在页面底部弹出 */
.pet-bubble{bottom:48%!important;right:68%!important;left:auto!important;max-width:190px!important;min-width:142px;border-radius:16px 16px 4px 16px!important;z-index:4}
.pet-bubble::after{left:auto!important;right:-8px!important;bottom:10px!important;border:8px solid transparent!important;border-left-color:#fff!important}
.pet-bubble.flip{left:68%!important;right:auto!important;border-radius:16px 16px 16px 4px!important}
.pet-bubble.flip::after{left:-8px!important;right:auto!important;border-left-color:transparent!important;border-right-color:#fff!important}

/* 真正独立的积分商城 */
.store-page,.points-page{background:linear-gradient(180deg,#effaf5,#f8fbf7 42%,#f4faf5)!important;padding-left:14px!important;padding-right:14px!important}
.store-head,.points-head{margin:0 -2px 8px;background:rgba(244,250,246,.96)!important}
.store-head h2,.points-head h2{margin-right:0!important}
.store-hero{position:relative;display:flex;align-items:center;min-height:158px;padding:22px 20px;border-radius:25px;background:linear-gradient(135deg,#dff8f5,#f4ffed 58%,#d7efc8);overflow:hidden;box-shadow:0 10px 26px rgba(27,100,69,.12)}
.store-hero div{position:relative;z-index:1;max-width:78%}.store-hero small{color:#27845e;font-weight:800}.store-hero h3{margin:5px 0;font-size:23px;color:#124d37;line-height:1.25}.store-hero p{font-size:13px;line-height:1.55;color:#60756b}.store-coin-art{position:absolute;right:10px;bottom:4px;font-size:72px;filter:drop-shadow(0 8px 10px rgba(18,90,58,.15))}
.store-task-banner{width:100%;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;text-align:left;margin:14px 0;padding:15px;border-radius:21px;background:linear-gradient(115deg,#fff9d6,#effbdc);box-shadow:0 7px 20px rgba(108,100,31,.1)}
.store-task-icon{font-size:34px}.store-task-banner span b{display:block;font-size:17px;color:#173d2f}.store-task-banner span small{display:block;margin-top:3px;font-size:12px;color:#748078}.store-task-banner i{font-style:normal;background:#188352;color:#fff;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.store-products{padding:5px 0}.store-title-row h3{font-size:20px;color:#163d2f;margin-bottom:10px}.store-filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px}.store-filters button{flex:none;padding:8px 13px;border-radius:999px;background:#edf2ed;color:#66746c;font-size:13px}.store-filters button.active{background:#178551;color:#fff;font-weight:800}
.reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.reward-card{display:flex;min-width:0;flex-direction:column;padding:9px;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(29,75,55,.09)}.reward-picture{height:112px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:55px;background:linear-gradient(145deg,#fff3bd,#ffe2a6)}.reward-picture.matcha{background:linear-gradient(145deg,#e8f5dc,#bde0a5)}.reward-picture.snack,.reward-picture.fridge{background:linear-gradient(145deg,#e8f3fa,#cbddeb)}.reward-picture.mango{background:linear-gradient(145deg,#fff1b9,#ffd58d)}.reward-picture.merch{background:linear-gradient(145deg,#e4f2dc,#c5dfba)}.reward-card h4{font-size:14px;line-height:1.35;margin:9px 2px 2px;color:#263b32}.reward-card p{min-height:34px;font-size:12px;line-height:1.4;color:#7a847e;margin:0 2px}.reward-cost{font-size:14px;color:#dc6f26;margin:7px 2px}.reward-card>button{margin-top:auto;width:100%;padding:9px;border-radius:999px;background:#188352;color:#fff;font-size:14px;font-weight:800}.reward-card[hidden]{display:none!important}.store-coupons{padding:20px 0 8px}
.points-short{text-align:center;padding:4px}.points-short>span{font-size:50px}.points-short h3{margin:5px 0;font-size:23px}.points-short p{color:#66746c;line-height:1.6}

/* 每日刷新、完成后按钮原位变灰的任务列表 */
.points-hero{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,#dff8f4,#e8f6d9);color:#164c38}.points-hero small{font-weight:800}.points-hero h3{font-size:25px;margin:2px 0}.points-hero p{font-size:13px;color:#6a786f}.points-hero>span{font-size:64px}
.checkin-card{margin-top:13px;padding:16px;border-radius:22px;background:#fff;box-shadow:0 7px 20px rgba(29,75,55,.09)}.checkin-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.checkin-top h3{font-size:18px}.checkin-top h3 em{font-style:normal;font-size:13px;color:#df6d28;background:#fff1d8;border-radius:999px;padding:4px 7px}.checkin-top p{font-size:12px;color:#7b857f;margin-top:4px}.checkin-top button{flex:none;padding:10px 14px;border-radius:999px;background:#198653;color:#fff;font-weight:800}.checkin-top button.is-done{background:#aab2ad}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:15px}.calendar-grid span{position:relative;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f3f1;color:#7b837e;font-size:12px}.calendar-grid span.past{background:#dff4e5;color:#327553}.calendar-grid span.today{outline:2px solid #1b8a58;font-weight:900}.calendar-grid span i{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#27915e;color:#fff;font-style:normal;font-size:8px;display:flex;align-items:center;justify-content:center}
.points-task-section{margin-top:18px}.points-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px}.points-section-title h3{font-size:20px}.points-section-title span{font-size:12px;color:#7a857e}.points-task-list{display:flex;flex-direction:column;gap:9px}.points-task-list article{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:9px;padding:11px;border-radius:17px;background:#fff;box-shadow:0 5px 15px rgba(29,75,55,.075)}.task-round{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px}.task-round.green{background:#e2f4e5}.task-round.blue{background:#e4f1f7}.task-round.red{background:#fee9e6}.task-round.gray{background:#eef0ee}.points-task-list article div{min-width:0}.points-task-list article div b{display:block;font-size:14px;color:#233b31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points-task-list article div small{display:block;margin-top:2px;font-size:11px;color:#8a928d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points-task-list article strong{font-size:13px;color:#e1772c}.points-task-list article button{min-width:72px;padding:9px 10px;border-radius:999px;background:#188352;color:#fff;font-size:13px;font-weight:800}.points-task-list article.done{background:#f2f4f2;box-shadow:none}.points-task-list article.done strong{color:#a5aba7}.points-task-list article.done button,.points-task-list article button.is-done{background:#aab2ad;color:#fff;cursor:default}

/* 真实地图层 */
.map-card.real-map-ready{height:auto;min-height:325px;overflow:hidden;background:#e9f5ee}
.map-card.real-map-ready .map-svg{display:none}
.real-map-frame{display:block;width:100%;height:270px;border:0;background:#e9f5ee}
.real-map-toolbar{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 12px;background:#fff;border-top:1px solid #e3eee7}
.location-copy{min-width:0;line-height:1.35}
.location-copy b{display:block;color:#173d2f;font-size:14px}
.location-copy small{display:block;color:#6c7d74;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amap-open{border:0;border-radius:999px;background:#1976d2;color:#fff;font-weight:700;padding:10px 13px;white-space:nowrap}
.watch-state{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 11px;border-radius:12px;background:#fff1f0;color:#b23b34;font-size:13px;font-weight:700}
.watch-state::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(178,59,52,.1)}
.watch-state.connected{background:#edf9f1;color:#187447}
.watch-state.connecting{background:#fff8e6;color:#9b6a00}

/* 真正相机与识别流程 */
.camera-modal{width:min(92vw,430px)}
.camera-preview{position:relative;aspect-ratio:3/4;background:#07130e;border-radius:18px;overflow:hidden;margin:10px 0}
.camera-preview video,.camera-preview img{width:100%;height:100%;object-fit:cover;display:block}
.camera-guide{position:absolute;inset:11%;border:2px dashed rgba(255,255,255,.9);border-radius:22px;pointer-events:none}
.camera-guide::after{content:'将塑料物品放入框内';position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;background:rgba(0,0,0,.5);color:#fff;padding:6px 10px;border-radius:999px;font-size:13px}
.permission-card{text-align:center;padding:8px 0 2px}
.permission-icon{font-size:54px;display:block;margin-bottom:8px}
.recognition-progress{padding:24px 4px;text-align:center}
.recognition-progress .spinner{width:48px;height:48px;margin:0 auto 14px;border:5px solid #dceee3;border-top-color:#1d7751;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.recognition-result-photo{width:100%;max-height:240px;object-fit:cover;border-radius:16px;margin:8px 0 12px}
.result-chip{display:flex;justify-content:space-between;gap:12px;background:#eff8f1;border-radius:12px;padding:10px 12px;margin:7px 0;color:#214b39}
.api-note{font-size:12px;line-height:1.5;color:#6f7f76;background:#f4f6f4;border-radius:10px;padding:9px 10px;margin-top:10px}

.real-video-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#07130e}
.real-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* 图 5 原样呈现，积分数字直接画进原图画布 */
.success-image-modal{position:fixed;inset:0;z-index:12001;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.64)}
.success-image-card{position:relative;width:min(94vw,430px);max-height:94dvh;overflow:hidden;border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.34);background:#f6f3e9}
.success-points-canvas{display:block;width:100%;height:auto}
.success-image-close,.success-primary,.success-image-points{position:absolute;z-index:3;border:0;background:transparent;color:transparent;font-size:0;cursor:pointer;touch-action:manipulation}
.success-image-close{right:6.4%;top:10.8%;width:13%;aspect-ratio:1;border-radius:50%}
.success-primary{left:20%;top:76.1%;width:60%;height:8.1%;border-radius:999px}
.success-image-points{left:20%;top:85.5%;width:60%;height:8%;border-radius:999px}
.points-image-modal{position:fixed;inset:0;z-index:12002;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.68)}
.points-image-card{position:relative;width:min(94vw,430px);max-height:94dvh;overflow:auto;border-radius:28px;background:#eff8ef;box-shadow:0 24px 70px rgba(0,0,0,.36)}
.points-image-card img{display:block;width:100%;height:auto}
.points-modal-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(24,48,37,.88);color:#fff;font-size:28px;line-height:1;box-shadow:0 5px 14px rgba(0,0,0,.18)}
.points-modal-total{position:absolute;right:15%;top:3.25%;padding:8px 12px;border-radius:999px;background:rgba(247,255,247,.98);color:#173d2f;font-size:14px;line-height:1;box-shadow:0 4px 12px rgba(23,107,73,.12)}

.get-points-row{margin-top:10px}

/* 参考图构图：左侧可选文字、右侧透明角色、通栏植物背景。 */
#view-reduce,#view-community,#view-me{background:#f8fbf3}
.page-hero.illustrated-hero{
  position:relative;isolation:isolate;z-index:1;min-height:205px;
  margin:-22px -18px 0;padding:32px 43% 40px 26px;
  overflow:visible;border-radius:0;box-shadow:none;
  background:#eaf8f1 url('hero-botanical.png') center bottom / cover no-repeat
}
.page-hero.illustrated-hero::before{content:none}
.page-hero.illustrated-hero::after{
  content:"";position:absolute;inset:auto 0 0;height:34px;z-index:0;
  background:linear-gradient(transparent,#f8fbf3);pointer-events:none
}
.page-hero.illustrated-hero h1,.page-hero.illustrated-hero p{position:relative;z-index:2}
.page-hero.illustrated-hero h1{
  font-size:2.5rem;font-weight:900;line-height:1.18;letter-spacing:.04em;color:#064e30
}
.page-hero.illustrated-hero .doodle{margin-left:4px;color:#e4b940}
.page-hero.illustrated-hero p{margin-top:8px;color:#244f39;font-size:.9375rem;line-height:1.6}
.page-hero.illustrated-hero p small{display:block;margin-top:8px;font-size:.8125rem;line-height:1.6;opacity:1}
.page-hero.illustrated-hero>.hero-mascot{
  position:absolute;right:12px;bottom:0;z-index:3;width:41%;height:182px;
  overflow:visible;border-radius:0;background:none;box-shadow:none;filter:none;pointer-events:none
}
.page-hero.illustrated-hero>.hero-mascot img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;
  border-radius:0;transform:none!important;mix-blend-mode:normal;opacity:1;filter:none
}
#view-reduce>.illustrated-hero{min-height:212px;padding-top:38px;padding-right:40%}
#view-reduce>.illustrated-hero h1{font-size:clamp(1.35rem,6.2vw,1.75rem);letter-spacing:0;white-space:nowrap}
#view-reduce>.illustrated-hero p{font-size:.875rem;max-width:16em}
#view-reduce>.illustrated-hero .hero-mascot{right:4px;bottom:-2px;width:40%;height:172px}
#view-reduce>.ai-scan-card{position:relative;z-index:2;margin-top:-22px;padding:18px 16px;border-radius:24px;background:linear-gradient(110deg,#24763f,#14623b);box-shadow:none;min-height:96px}
#view-reduce>.ai-scan-card .cam-ico{width:58px;height:58px;font-size:27px}
#view-reduce>.ai-scan-card .scan-copy b{font-size:1.25rem}
#view-community>.illustrated-hero{min-height:198px;padding-bottom:38px}
#view-community>.qa-card{
  position:relative;z-index:2;margin:0 -18px;padding:18px 18px 16px;
  border-radius:28px 28px 0 0;background:#fff;box-shadow:none
}
#view-community>.qa-card .qa-cell:nth-child(1){background:#eff9ed}
#view-community>.qa-card .qa-cell:nth-child(2){background:#fff9e9}
#view-community>.qa-card .qa-cell:nth-child(3){background:#eaf8fc}
#view-community>.qa-card .qa-cell:nth-child(4){background:#fff0f0}
#view-me>.illustrated-hero{min-height:220px;padding-top:30px}
#view-me>.illustrated-hero .me-slogan{margin-top:15px;font-size:1.0625rem!important;font-weight:700;letter-spacing:.08em;transform:rotate(-10deg);transform-origin:center}
#view-me>.illustrated-hero .me-slogan span{display:inline-block;padding-left:1.4em}
#view-me>.illustrated-hero .hero-mascot{right:15px;bottom:-12px;width:45%;height:206px}
#view-me>.profile-card{
  position:relative;z-index:0;margin:0 -18px 14px;padding:30px 24px 22px;
  border-radius:30px 30px 0 0;background:#fff;box-shadow:none
}

/* 其他页吉祥物沿用原有柔和容器。 */
.page-hero .hero-mascot:not(#view-reduce .hero-mascot):not(#view-community .hero-mascot):not(#view-me .hero-mascot),.ai-hero-mascot{overflow:hidden;border-radius:46% 46% 34% 34%;background:linear-gradient(145deg,rgba(238,250,242,.92),rgba(255,253,242,.82));box-shadow:0 8px 22px rgba(39,102,72,.13),0 0 0 5px rgba(255,255,255,.22)}
.page-hero .hero-mascot:not(#view-reduce .hero-mascot):not(#view-community .hero-mascot):not(#view-me .hero-mascot) img,.ai-hero-mascot img{width:100%;height:100%;object-fit:cover;object-position:55% 75%;border-radius:inherit;transform:scale(1.34)!important}

@media (max-width:370px){
  .page-hero.illustrated-hero{padding-left:20px;padding-right:42%}
  .page-hero.illustrated-hero>.hero-mascot{right:6px;width:39%;height:166px}
  #view-me>.illustrated-hero .hero-mascot{right:6px;width:42%;height:185px}
}

/* 社区：真实来源帖子、排行榜与每周挑战 */
.source-feed-note{padding:12px 13px;border-radius:16px;background:#eaf7ee;color:#214b39}.source-feed-note b,.source-feed-note small{display:block}.source-feed-note small{margin-top:3px;color:#688076;font-size:11px}
.source-post{padding:13px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.source-post>.source-platform,.source-platform{display:inline-block;border-radius:999px;padding:4px 8px;background:#e1f3e5;color:#197449;font-size:10px;font-weight:900}
.source-post>small{float:right;color:#909992;font-size:10px}.source-post h3{clear:both;margin:9px 0 5px;color:#203e31;font-size:15px;line-height:1.42}.source-post p{color:#62736a;font-size:12px;line-height:1.6}.source-post>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.source-post>div span{color:#278558;font-size:10px}.source-post>div button{padding:6px 9px;border-radius:999px;background:#1a8254;color:#fff;font-size:10px;font-weight:800}
.community-more{width:100%;padding:12px 14px;border:1.5px solid #b9ddc3;border-radius:16px;background:#f3fbf5;color:#197449;font-weight:900}.community-more span{float:right}
.community-rank-list>div{display:flex;align-items:center;gap:5px;padding:6px 0;border-bottom:1px dashed #edf0e9}.community-rank-list i{font-style:normal;font-size:15px}.community-rank-list span{min-width:0}.community-rank-list b,.community-rank-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-rank-list b{font-size:10px;color:#294638}.community-rank-list small{font-size:9px;color:#89938c}
.rank-join,.weekly-challenge{width:100%;margin-top:8px;border-radius:11px;padding:7px;background:#1a8254;color:#fff;font-size:10px;font-weight:800}.weekly-challenge{text-align:left;background:#fff7db;color:#755b16}.weekly-challenge b,.weekly-challenge small{display:block}.weekly-challenge small{margin-top:2px;font-size:8px;color:#99804a}
.community-choices{display:grid;gap:8px;margin-top:12px}.community-choices button{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:11px;text-align:left;border:1.5px solid #e4ece5;border-radius:15px;background:#fff}.community-choices button.selected{border-color:#208b5c;background:#eef9f1}.community-choices span{font-size:24px}.community-choices b{font-size:13px}.community-choices small{font-size:11px;color:#78847c}
.source-library,.learning-library{display:flex;flex-direction:column;gap:9px;max-height:58vh;overflow:auto;margin-top:12px;padding:2px}.source-library .source-post{border:1px solid #e7eee8;box-shadow:none}.source-link{display:inline-flex!important;align-items:center;justify-content:center;text-decoration:none}
.learning-source-card{width:100%;padding:13px;text-align:left;border:1px solid #e3ece4;border-radius:16px;background:#fff}.learning-source-card span{display:inline-block;padding:3px 7px;border-radius:999px;background:#e5f4e8;color:#23774f;font-size:10px}.learning-source-card b,.learning-source-card small{display:block}.learning-source-card b{margin-top:7px;color:#1f3f31;font-size:14px}.learning-source-card small{margin-top:2px;color:#31805b;font-size:10px}.learning-source-card p{margin-top:6px;color:#6d7b73;font-size:11px;line-height:1.5}

/* 图二：青溯 AI 助手 */
.ai-assistant-page{position:fixed;inset:0;z-index:11500;width:min(100%,460px);margin:0 auto;overflow:auto;padding:0 18px 34px;background:linear-gradient(180deg,#e8fbfa 0,#f5fcf5 62%,#e9f8e4);color:#163d2f}
.ai-page-head{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:0 -18px;padding:14px 16px;background:rgba(235,251,248,.94);backdrop-filter:blur(14px)}.ai-page-head h2{text-align:center;font-size:19px}.ai-page-head button{font-size:27px;color:#183b2f;background:transparent}.ai-page-head button:last-child{font-size:17px;font-weight:900}
.ai-hero{position:relative;min-height:260px;margin:0 -18px;padding:54px 30px 22px;overflow:hidden;background:radial-gradient(circle at 18% 26%,#fff 0 36px,transparent 38px),radial-gradient(circle at 85% 16%,#fff 0 42px,transparent 44px),linear-gradient(180deg,#e7fbfb,#d7f3d4)}.ai-hero::after{content:'';position:absolute;left:-5%;right:-5%;bottom:-28px;height:105px;background:radial-gradient(ellipse at center,#7fd17b 0 45%,transparent 47%);opacity:.58}.ai-hero>div{position:relative;z-index:2;max-width:61%}.ai-hero em{display:block;color:#16a162;font-style:normal;font-size:42px;font-weight:900}.ai-hero h1{font-size:25px;line-height:1.25}.ai-hero p{margin-top:16px;color:#4f685d;font-size:15px;line-height:1.7}.ai-hero-mascot{position:absolute;z-index:2;right:20px;bottom:22px;width:145px;height:145px}
.ai-quick{position:relative;z-index:3;display:grid;gap:10px;margin-top:-13px}.ai-quick button{display:grid;grid-template-columns:54px 1fr 30px;grid-template-rows:auto auto;align-items:center;padding:15px 14px;text-align:left;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(33,94,65,.08)}.ai-quick span{grid-row:1/3;font-size:34px}.ai-quick b{font-size:15px}.ai-quick small{color:#6d7c74;font-size:11px}.ai-quick i{grid-column:3;grid-row:1/3;font-style:normal;font-size:26px;color:#238a5a}
.ai-conversation{display:flex;max-height:250px;flex-direction:column;gap:9px;overflow:auto;margin:14px 0}.ai-message{max-width:88%;padding:10px 12px;border-radius:16px;font-size:13px;line-height:1.58;white-space:pre-wrap}.ai-message.assistant{align-self:flex-start;background:#fff;color:#40594d;border-radius:16px 16px 16px 4px}.ai-message.user{align-self:flex-end;background:#248e5e;color:#fff;border-radius:16px 16px 4px 16px}.ai-message.pending{opacity:.7}.ai-message.error{color:#a43c36;background:#fff1ef}
.ai-query{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(34,91,66,.1)}.ai-api-strip{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;background:#e5f5ec;color:#607a6e;font-size:10px}.ai-api-strip button{font-size:17px;color:#698276}.ai-query textarea{display:block;width:100%;min-height:94px;padding:15px;border:0;outline:0;resize:none;font:inherit}.ai-query-actions{display:grid;grid-template-columns:1fr 38px 38px 46px;align-items:center;gap:6px;padding:8px 10px 12px}.ai-query-actions>button{height:38px;border-radius:13px;background:#f0f6f1;color:#50645a}.ai-query-actions .ai-model{text-align:left;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.ai-query-actions .ai-send{border-radius:50%;background:#2ba169;color:#fff;font-size:19px}
.ai-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.ai-category-grid button{padding:12px 4px;border-radius:16px;background:rgba(255,255,255,.82)}.ai-category-grid span,.ai-category-grid b,.ai-category-grid small{display:block}.ai-category-grid span{font-size:25px}.ai-category-grid b{margin-top:5px;font-size:11px}.ai-category-grid small{margin-top:2px;color:#7a887f;font-size:8px;line-height:1.35}
.api-field{display:block;margin:10px 0;font-size:13px;color:#365447}.api-field input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #ccd9d0;border-radius:12px;font:inherit}

/* 学习与社区资料都使用完整路由页，不再露出底层页面或使用弹窗 */
body.route-open{overflow:hidden!important}
.app-route-page{position:fixed;inset:0;z-index:11600;width:100%;max-width:460px;height:100vh;height:100dvh;margin:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 44px;background:linear-gradient(180deg,#ecfaf2,#fbfdf9 44%,#eef8ed);color:#183d2f;isolation:isolate;box-shadow:0 0 0 100vmax #dcece3;clip-path:inset(0 -100vmax)}
.study-article-page,.community-article-page{z-index:11700;padding:0;background:#f8fbf7}
.route-page-head{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;margin:0 -16px;padding:10px 14px;background:rgba(242,251,245,.97);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(38,91,63,.08)}
.route-page-head .route-back{width:42px;height:42px;border-radius:50%;background:#fff;color:#315b45;font-size:30px;line-height:1;box-shadow:0 4px 13px rgba(29,84,57,.08)}
.route-page-head>div{text-align:center}.route-page-head h2{font-size:19px}.route-page-head small{display:block;margin-top:1px;color:#718078;font-size:12px}
.route-hero{display:flex;align-items:center;gap:14px;margin:14px 0;padding:19px;border-radius:24px;background:linear-gradient(135deg,#dff5e5,#f6f6d8);box-shadow:0 8px 22px rgba(31,96,63,.08)}.route-hero>span{font-size:48px}.route-hero h1{font-size:23px}.route-hero p{margin-top:4px;color:#5e776b;font-size:14px;line-height:1.55}.community-route-hero{background:linear-gradient(135deg,#d9f4ed,#e8f2ff)}
.study-page-list,.community-page-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.study-feature-video{position:relative;display:block;width:100%;overflow:hidden;border-radius:22px;background:#173d2f;text-align:left;box-shadow:0 8px 22px rgba(31,78,54,.12)}.study-feature-video>img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#edf7f0}.study-feature-video>span{position:absolute;left:50%;top:42%;display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:rgba(23,72,51,.88);color:#fff;font-size:24px;transform:translate(-50%,-50%)}.study-feature-video>div{position:absolute;left:0;right:0;bottom:0;padding:25px 15px 13px;background:linear-gradient(transparent,rgba(10,45,31,.9));color:#fff}.study-feature-video b,.study-feature-video small{display:block}.study-feature-video b{font-size:17px}.study-feature-video small{margin-top:3px;font-size:12px;opacity:.9}
.study-feed-card{display:block;width:100%;padding:0;text-align:left;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 7px 20px rgba(31,78,54,.08)}.study-feed-card:active{transform:scale(.99)}.study-feed-card-rich>img{display:block;width:100%;aspect-ratio:16/7;object-fit:contain;background:#eff7f1}.study-feed-copy{padding:14px 15px 15px}.study-feed-source{display:flex;align-items:center;justify-content:space-between;gap:10px}.study-feed-source span{padding:4px 9px;border-radius:999px;background:#e0f3e5;color:#1d7850;font-size:12px;font-weight:900}.study-feed-source small{max-width:62%;color:#7b8981;font-size:12px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-feed-card h3{margin:9px 0 5px;color:#203d30;font-size:17px;line-height:1.45}.study-feed-card p{color:#66776e;font-size:14px;line-height:1.65}.study-source-direct{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid #edf0eb}.study-source-direct b{color:#277c56;font-size:13px}.study-source-direct span{color:#7d8b83;font-size:12px}
.route-filter{display:flex;gap:8px;overflow-x:auto;margin:0 -2px;padding:2px 2px 10px;scrollbar-width:none}.route-filter::-webkit-scrollbar{display:none}.route-filter button{flex:none;padding:9px 15px;border-radius:999px;background:#fff;color:#607269;font-size:14px;box-shadow:0 3px 10px rgba(35,83,59,.06)}.route-filter button.active{background:#1b8053;color:#fff;font-weight:900}
.source-post-rich{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:10px;cursor:pointer}.source-post-rich>img{display:block;width:112px;height:100%;min-height:138px;object-fit:contain;border-radius:14px;background:#eff7f1}.source-post-copy{min-width:0;padding:3px 2px}.source-post-copy>small{float:right;color:#7e8b84;font-size:12px}.source-post-copy h3{clear:both;margin:8px 0 5px;font-size:16px}.source-post-copy p{font-size:13px}.source-post-copy footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.source-post-copy footer span{color:#278558;font-size:12px}.source-post-copy footer b{color:#197449;font-size:12px}
.source-post-rich>.source-post-copy{display:block;margin-top:0}.post-list .source-post-rich{grid-template-columns:1fr}.post-list .source-post-rich>img{width:100%;height:auto;min-height:0;aspect-ratio:16/8}.post-list .source-post-copy{padding:4px 4px 6px}
.route-article-body{padding:0 20px 46px}.route-cover{display:block;width:calc(100% + 40px);max-height:280px;aspect-ratio:16/9;margin-left:-20px;object-fit:contain;background:#edf7f0}.route-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.route-kicker span{padding:5px 10px;border-radius:999px;background:#e0f3e5;color:#1d7850;font-size:13px;font-weight:900}.route-kicker small{color:#718078;font-size:12px}.route-article-body>h1{margin:14px 0 9px;font-size:28px;line-height:1.35}.route-deck{color:#5b7065;font-size:16px;line-height:1.75}.route-article-body section{margin-top:24px}.route-article-body section h2{margin-bottom:8px;font-size:20px}.route-article-body section p{color:#3f5b4d;font-size:16px;line-height:1.9}.study-local-video{display:block;width:100%;aspect-ratio:16/9;margin:20px 0;border-radius:18px;background:#10291f;object-fit:contain}.study-citation{margin-top:28px;padding:16px;border-radius:18px;background:#e8f4eb;overflow-wrap:anywhere}.study-citation b,.study-citation p,.study-citation small,.study-citation em{display:block}.study-citation p{margin-top:5px;font-weight:800}.study-citation small{margin-top:3px;color:#557166;line-height:1.45}.study-citation em{margin-top:10px;color:#718078;font-size:12px;font-style:normal;line-height:1.6}

/* 更清爽的手机底栏；中央学习入口更大、更醒目 */
.tabbar{height:78px!important;padding:8px 8px max(8px,env(safe-area-inset-bottom))!important;border-radius:26px 26px 0 0!important;background:rgba(255,255,255,.96)!important;box-shadow:0 -8px 28px rgba(24,78,55,.14)!important;backdrop-filter:blur(16px);overflow:visible!important}
.tabbar .tab{height:58px!important;border-radius:18px!important;color:#7b837f!important;font-size:12px!important;gap:2px!important;transition:transform .18s ease,color .18s ease,background .18s ease!important}
.tabbar .tab .t-ico{font-size:24px!important;filter:grayscale(1);opacity:.72}
.tabbar .tab.active:not(.tab-center){color:#187447!important;background:#edf8f0!important;font-weight:800!important}
.tabbar .tab.active .t-ico{filter:none;opacity:1}
.tabbar .tab-center{height:82px!important;margin-top:-28px!important;color:#176b49!important;font-size:13px!important;font-weight:900!important;background:transparent!important}
.tab-center .t-book{display:flex!important;align-items:center!important;justify-content:center!important;width:66px!important;height:66px!important;border-radius:50%!important;background:linear-gradient(145deg,#1f8d59,#126842)!important;color:#fff!important;font-size:32px!important;box-shadow:0 10px 22px rgba(23,107,73,.32),0 0 0 7px rgba(224,244,229,.96)!important;transform:none!important}
.tabbar .tab-center.active{transform:translateY(-2px)}

@media (min-width:700px){
  body{background:#dcece3}
  #app{width:460px;min-height:100dvh;margin:0 auto;background:#fff;box-shadow:0 0 40px rgba(24,77,56,.16)}
  .tabbar{max-width:460px;left:50%!important;right:auto!important;transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){.recognition-progress .spinner{animation:none}}
.subpage{z-index:11000;width:100%;max-width:460px;height:100dvh;background:#f4faf5;isolation:isolate;box-shadow:0 0 0 100vmax #e9f2eb;padding-bottom:max(28px,env(safe-area-inset-bottom));overscroll-behavior:contain}
body.subpage-open{overflow:hidden}
body.subpage-open #tabbar,body.subpage-open #petWidget{visibility:hidden}
#modalHost{z-index:13000}
#toastHost{z-index:14000}
.avatar-editor{display:flex;align-items:center;gap:22px;margin-bottom:20px}
.avatar-editor img,.personal-avatar{width:76px;height:76px;object-fit:cover;border-radius:50%;transform:none!important}
.photo-permission{margin:auto;width:min(90vw,390px);padding:25px;border:0;border-radius:24px;color:#174b36;background:#fbfff9;line-height:1.7}
.photo-permission::backdrop{background:#15332588}
.photo-permission p{margin:18px 0}
#view-foot>.illustrated-hero{min-height:212px;padding-top:38px;padding-right:40%}
#view-foot>.illustrated-hero .hero-mascot{right:4px;bottom:-2px;width:40%;height:172px}
#view-study .category-feature{width:100%;height:auto;overflow:hidden;position:relative;background:#e5f4ec;border-radius:20px;margin:12px 0}
#view-study .category-feature>img{display:block;width:100%;height:260px;object-fit:contain}
#view-study .category-feature>div{position:static;padding:12px 15px;background:#f1f8ef;color:#174b36;text-align:left}
#view-study .category-feature>span{top:110px}
#view-study .category-feature small{display:block;margin-top:5px}
.route-cover,.study-feature-video>img{object-fit:contain!important}
#view-study .study-feed-card{width:100%;text-align:left;margin-bottom:12px}
.real-map-frame{position:relative;overflow:hidden}
.real-map-frame>img{position:absolute;width:256px;height:256px;max-width:none}
.gps-dot{position:absolute;top:50%;left:50%;width:18px;height:18px;border:3px solid white;background:#247bea;border-radius:50%;box-shadow:0 0 0 12px #247bea30;transform:translate(-50%,-50%)}
.map-credit{position:absolute;bottom:0;right:0;background:#ffffffe8;color:#235743;font-size:10px;padding:3px 5px;z-index:2}

/* Locale layouts use text instead of translating text baked into artwork. */
.translated-login{display:none}
.translated-ui .login-reference{display:none}
.translated-ui .translated-login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:72%;padding:24px;text-align:center;background:radial-gradient(ellipse,#e4f8f3,transparent 70%)}
.translated-login img{width:150px;height:180px;object-fit:contain;margin-bottom:20px}
.translated-login h1{font-size:36px;color:#165c40}.translated-login h2{font-size:24px;margin:15px 0}.translated-login p{color:#658273;line-height:1.6}
.translated-ui #splash .guest-access{height:auto;bottom:14%;padding:16px}
.latin-language .page-hero h1{font-size:clamp(20px,5vw,26px)!important;white-space:normal!important;letter-spacing:0!important}
.latin-language .cat-tabs button{font-size:10px;white-space:normal;min-width:0}
.latin-language .tab{font-size:10px;white-space:normal}
.latin-language .menu-row .menu-copy,.latin-language .menu-row b{min-width:0;white-space:normal;overflow-wrap:anywhere}
.latin-language .store-card h3{font-size:13px}
.latin-language .task-row{flex-wrap:wrap}
.locale-success{padding:28px;text-align:center;background:#f9fcef;border-radius:28px;color:#244d38;max-width:390px;width:100%}
.locale-success>img{width:150px;height:150px;object-fit:contain}.locale-success h2{font-size:28px;margin:12px 0}.locale-success strong{display:block;font-size:42px;color:#eba24e;margin:24px 0}.locale-success button{position:static!important;color:#165c40!important;font-size:16px!important;width:100%!important;height:auto!important;margin:8px 0;padding:13px!important;background:#e0f0db!important;border-radius:25px}.locale-success button:first-of-type{width:40px!important;float:right}

.subpage.open{animation:none}
#view-study .section:has(#taskList){display:none}
.source-language-note{display:none}.translated-ui .source-language-note{display:block;padding:10px 14px;border-radius:12px;background:#e8f3e7;color:#52755d;font-size:12px}

/* Original learning art, displayed from the unchanged reference asset. */
#view-study>.study-reference-hero{padding:0;margin:-22px -18px 20px;min-height:0;aspect-ratio:853/352;background:#e9f8ef;overflow:hidden}
.study-original-art{position:absolute;inset:0;overflow:hidden}
.study-original-art img{display:block;width:100%;max-width:none;transform:translateY(-4.3407%)}
#view-study>.study-reference-hero>h1,#view-study>.study-reference-hero>p,#view-study>.study-reference-hero>.hero-mascot{display:none}
#view-study>.study-reference-hero::after{display:none}
.study-reference-hero>.ai-bar{position:absolute;left:3.8%;right:3.8%;bottom:4.5%;height:22%;margin:0;padding:0;background:transparent;border:0;box-shadow:none;z-index:4}
.study-reference-hero>.ai-bar>.ai-bar-mascot,.study-reference-hero>.ai-bar>.ai-tag{display:none}
.study-reference-hero>.ai-bar>input{position:absolute;left:31%;top:20%;width:57%;height:60%;padding:2px;background:#fff;font-size:clamp(11px,2.7vw,14px);border:0;border-radius:0}
.study-reference-hero>.ai-bar>.ai-go{position:absolute;right:0;top:0;width:10%;height:100%;opacity:0}
.study-reference-hero>.ai-bar>.ai-go:focus-visible{opacity:1}
#view-study #videoBanner.recommended-original{display:block;position:relative;aspect-ratio:788/270;height:auto;background:#cceef0;padding:0}
#view-study #videoBanner.recommended-original>img{position:absolute;top:0;left:-4.1878%;width:108.2487%;max-width:none;height:auto;object-fit:fill!important;transform:translateY(-31.6332%)}
#view-foot>.illustrated-hero h1{font-size:clamp(1.35rem,6.2vw,1.75rem);letter-spacing:0;white-space:nowrap}
#view-foot>.illustrated-hero p{font-size:.875rem;max-width:16em}
#page-settings>.sub-head,#page-redeem>.sub-head,#page-points>.sub-head{position:static;top:auto;backdrop-filter:none}
.calendar-grid span.checked{background:#dff4e5;color:#327553}
.translated-ui #view-study>.study-reference-hero{aspect-ratio:auto;min-height:300px;padding:30px 43% 110px 24px;background:#eaf8f1 url('hero-botanical.png') center bottom/cover no-repeat}
.translated-ui .study-original-art{display:none}
.translated-ui #view-study>.study-reference-hero>h1,.translated-ui #view-study>.study-reference-hero>p,.translated-ui #view-study>.study-reference-hero>.hero-mascot{display:block}
.translated-ui .study-reference-hero>.ai-bar{height:65px;background:white;border-radius:20px;bottom:20px}
.translated-ui .study-reference-hero>.ai-bar>.ai-tag{display:block;margin-left:10px}
.translated-ui .study-reference-hero>.ai-bar>.ai-go{opacity:1}

#view-foot{background:#f8fbf3}

/* ============ 环保视频中心（油管 / B站 / 小红书 应用内直接观看） ============ */
.video-banner .vb-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.video-banner .vb-play,.video-banner .vb-badge{position:relative;z-index:1}
.video-banner .vb-play{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.video-banner .vb-badge{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.video-center{margin-top:12px}
.vc-tabs{display:flex;gap:8px;margin-bottom:10px}
.vc-tab{flex:1;background:#F0F0EA;color:#7a7f78;border:0;border-radius:999px;padding:8px 0;font-size:13px;font-weight:600;transition:background .15s}
.vc-tab.active{background:#1D5C45;color:#fff}
.vc-player{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.vc-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vc-note{font-size:11.5px;color:#8a8f88;margin:8px 2px 0;line-height:1.5}
.vc-list{display:flex;flex-direction:column;gap:7px;margin-top:8px}
.vc-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#fff;border:1px solid #ececec;border-radius:12px;padding:9px 12px;font-family:inherit}
.vc-item b{font-size:12.5px;color:#222;line-height:1.45;font-weight:600}
.vc-item span{font-size:10.5px;color:#9a9f98}
.vc-item.active{border-color:#1D5C45;background:#F3F9EC}
.study-local-video{display:none}