#page34Mission03StoryFrame{
  --cyan:#62f1df;--gold:#f2c86d;
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;padding:10px 26px!important;box-sizing:border-box!important;overflow:hidden!important;
  display:grid!important;grid-template-rows:78px minmax(0,1fr) 74px!important;gap:8px!important;
  color:#fff!important;text-align:left!important;
  font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  background:linear-gradient(180deg,rgba(1,12,30,.28),rgba(1,13,31,.48)),
  url("../assets/mission-system/digital-network-bg.webp") center/cover no-repeat!important
}
#page34Mission03StoryFrame::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 53% 49%,rgba(34,197,186,.08),transparent 30%)}
#page34Mission03StoryFrame *{box-sizing:border-box}
#page34Mission03StoryFrame>*{position:relative;z-index:2}

.p34-bg-fx{position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none}
.p34-bg-fx i{position:absolute;width:7px;height:7px;border-radius:50%;background:#62f1df;box-shadow:0 0 16px #62f1df;animation:p34Float 9s linear infinite}
.p34-bg-fx i:nth-child(1){left:8%;top:88%}.p34-bg-fx i:nth-child(2){left:28%;top:81%;animation-delay:-5s}.p34-bg-fx i:nth-child(3){left:48%;top:91%;animation-delay:-3s}.p34-bg-fx i:nth-child(4){left:66%;top:84%;animation-delay:-7s}.p34-bg-fx i:nth-child(5){left:83%;top:91%;animation-delay:-4s}.p34-bg-fx i:nth-child(6){left:94%;top:76%;animation-delay:-6s}
@keyframes p34Float{to{transform:translateY(-520px);opacity:0}}

.p34-head{display:grid;grid-template-columns:minmax(370px,1fr) auto 180px;gap:18px;align-items:center;border-bottom:1px solid rgba(98,241,223,.24)}
.p34-head-title span{display:block;font-size:14px;font-weight:950;letter-spacing:1.4px;color:var(--cyan)}
.p34-head-title h2{margin:3px 0 2px!important;font-size:27px!important;line-height:1!important;font-weight:950!important;color:#fff!important}
.p34-head-title small{display:block;font-size:12px;line-height:1.2;font-weight:750;color:#c5dcdf}
.p34-progress{display:flex;align-items:center;justify-content:center;gap:6px}
.p34-progress b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(148,180,192,.35);background:rgba(4,17,37,.68);color:#718695;font-size:12px;font-weight:900}
.p34-progress b.done{color:#031f29;background:#3aa99f;border-color:#58d7c9}
.p34-progress b.now{color:#021b24;background:var(--cyan);border-color:#9ffff2;box-shadow:0 0 20px rgba(98,241,223,.86)}
.p34-progress em{font-style:normal;color:#677f8c;font-size:15px}
.p34-score{justify-self:end;width:176px;height:58px;border:1px solid rgba(98,241,223,.45);border-radius:11px;background:rgba(3,24,41,.82);display:flex;flex-direction:column;align-items:center;justify-content:center}
.p34-score strong{font-size:22px;line-height:1;font-weight:950}.p34-score small{margin-top:5px;font-size:11px;line-height:1;color:var(--cyan);font-weight:950;letter-spacing:.8px}

.p34-body{min-height:0;display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px}
.p34-nova{min-height:0;padding:12px 18px 14px;border:1px solid rgba(64,222,211,.45);border-radius:16px;background:linear-gradient(180deg,rgba(3,29,51,.88),rgba(2,23,42,.84));display:flex;flex-direction:column;overflow:hidden}
.p34-nova-visual{height:150px;flex:0 0 150px;position:relative;display:flex;align-items:center;justify-content:center}
.p34-nova-visual img{position:relative;z-index:3;width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(49,219,255,.78)) drop-shadow(0 0 27px rgba(62,247,215,.26));animation:p34Nova 4.7s ease-in-out infinite}
.p34-ring{position:absolute;border:1px solid rgba(92,241,224,.58);border-radius:50%;box-shadow:0 0 14px rgba(73,241,219,.15);animation:p34Spin 8s linear infinite}
.p34-ring.r1{width:160px;height:68px;transform:rotate(15deg)}.p34-ring.r2{width:142px;height:78px;transform:rotate(-28deg);animation-direction:reverse}
@keyframes p34Spin{to{rotate:360deg}}@keyframes p34Nova{50%{transform:translateY(-6px) scale(1.015)}}
.p34-nova h3{margin:2px 0 0!important;text-align:center;font-size:12px!important;line-height:1.2!important;font-weight:900!important;color:#f2f8fb!important}
.p34-nova-divider{height:1px;margin:16px 0;background:rgba(95,226,214,.22)}
.p34-nova h4{margin:0 0 15px!important;font-size:17px!important;line-height:1.35!important;font-weight:950!important;color:var(--cyan)!important}
.p34-nova p{margin:0 0 14px!important;font-size:12.5px!important;line-height:1.55!important;font-weight:650!important;color:#f4f8f9!important}
.p34-nova p b{color:var(--gold)}.p34-nova p.cn{font-size:11.5px!important;color:#d2e0e2!important}
.p34-rule{margin-top:auto;padding-top:13px;border-top:1px solid rgba(95,226,214,.22)}.p34-rule b{display:block;font-size:12px;color:var(--cyan);letter-spacing:.8px}.p34-rule strong{display:block;margin-top:8px;font-size:14px;line-height:1.55}.p34-rule span{display:block;margin-top:8px;font-size:11px;line-height:1.35;color:#c2d9dc}

.p34-main{min-width:0;min-height:0;padding:10px 14px;border:1px solid rgba(64,222,211,.31);border-radius:16px;background:linear-gradient(180deg,rgba(2,20,41,.66),rgba(2,18,37,.74));overflow:hidden;display:grid;grid-template-rows:74px 31px 92px 31px 92px 31px 140px 108px;gap:5px}
.p34-title{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.p34-title>span{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 18px;border:1px solid rgba(98,241,223,.35);border-radius:8px;background:rgba(5,38,57,.70);font-size:11px;line-height:1;font-weight:900;color:var(--cyan)}
.p34-title h1{margin:8px 0 3px!important;font-size:24px!important;line-height:1.05!important;font-weight:950!important;color:#fff!important}.p34-title p{margin:0!important;font-size:12px!important;line-height:1.2!important;color:#d5e4e5!important;font-weight:700!important}

.p34-step-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(92,223,211,.13)}
.p34-step-head>div{min-width:0;display:flex;align-items:baseline;gap:12px}.p34-step-head b{flex:0 0 auto;font-size:13px;line-height:1;color:var(--cyan);font-weight:950}.p34-step-head small{min-width:0;font-size:10px;line-height:1.15;color:#c8dadd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p34-step-head em{flex:0 0 auto;font-style:normal;font-size:11px;line-height:1;font-weight:900;color:var(--cyan);white-space:nowrap}

.p34-fact-grid,.p34-impact-grid{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.p34-fact-grid button,.p34-impact-grid button{position:relative;min-width:0;width:100%;height:100%;padding:10px 14px;border:1px solid rgba(70,220,210,.25);border-radius:10px;background:linear-gradient(135deg,rgba(7,31,59,.93),rgba(5,40,61,.80));color:#fff;font-family:inherit;cursor:pointer;overflow:hidden}
.p34-fact-grid button{text-align:left}.p34-fact-grid button>span{display:block;font-size:11px;line-height:1;color:var(--gold);font-weight:950}.p34-fact-grid button>b{display:block;margin-top:8px;font-size:16px;line-height:1;font-weight:900}.p34-fact-grid button>small{display:block;margin-top:7px;font-size:11px;line-height:1.25;color:#d2e0e2}
.p34-impact-grid button{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.p34-impact-grid button>b{font-size:14px;line-height:1.05}.p34-impact-grid button>small{margin-top:6px;font-size:11px;line-height:1;color:#d5e4e5}.p34-impact-grid button>span{margin-top:8px;max-width:92%;font-size:10.5px;line-height:1.25;color:#d5e0e3}
.p34-fact-grid button.sel,.p34-impact-grid button.sel,.p34-major-buttons button.sel{border-color:#65f3df!important;background:linear-gradient(135deg,rgba(24,132,117,.88),rgba(11,83,102,.83))!important;box-shadow:inset 0 0 18px rgba(89,247,224,.07),0 0 18px rgba(82,241,219,.22)}
.p34-fact-grid button.sel::after,.p34-impact-grid button.sel::after,.p34-major-buttons button.sel::after{content:"✓";position:absolute;right:12px;top:9px;color:#7affea;font-size:19px;font-weight:950}
#page34Mission03StoryFrame button:disabled{opacity:.38;cursor:not-allowed}

.p34-me-grid{min-width:0;min-height:0;display:grid;grid-template-columns:390px minmax(0,1fr);gap:10px}
.p34-major-buttons{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.p34-major-buttons button{position:relative;width:100%;height:100%;min-width:0;padding:9px 8px;border:1px solid rgba(70,220,210,.26);border-radius:10px;background:rgba(5,29,56,.92);color:#fff;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}
.p34-major-buttons svg{width:30px;height:30px;margin-bottom:5px;fill:none;stroke:#94e7dd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.p34-major-buttons b{display:block;max-width:92%;font-size:11.5px;line-height:1.18;text-align:center}.p34-major-buttons small{display:block;margin-top:5px;font-size:10px;line-height:1;color:#9ce8df}
.p34-me-write{min-width:0;min-height:0;padding:8px 10px;border:1px solid rgba(70,220,210,.27);border-radius:10px;background:rgba(4,27,48,.88);overflow:hidden}.p34-write-head{height:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.p34-write-head>span{min-width:0;font-size:10.5px;line-height:1;color:#cbdde0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p34-write-head>b{flex:0 0 auto;font-size:9px;line-height:1;font-weight:700;color:#9eb0b8}
.p34-me-write textarea{display:block;width:100%;height:93px;margin-top:4px;padding:9px 11px;resize:none;overflow:auto;border:1px solid rgba(185,219,224,.70);border-radius:7px;outline:none;background:rgba(4,21,42,.90);color:#fff;font-family:inherit;font-size:11px;line-height:1.42}.p34-me-write textarea:focus{border-color:#63f1de;box-shadow:0 0 12px rgba(78,240,218,.14)}

.p34-story{min-width:0;min-height:0;padding:9px 12px;border:1px solid rgba(70,220,210,.28);border-radius:10px;background:linear-gradient(90deg,rgba(5,31,52,.94),rgba(4,26,47,.90));display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px;overflow:hidden}
.p34-story-label{min-width:0;padding-right:10px;border-right:1px solid rgba(84,214,204,.17);display:flex;flex-direction:column;justify-content:center}.p34-story-label>span{font-size:11px;line-height:1;color:var(--gold);font-weight:950}.p34-story-label>b{margin-top:10px;font-size:10px;line-height:1.15;color:#a9bbc1;font-weight:800}.p34-story-label>i{display:block;margin-top:8px;font-style:normal;font-size:17px;color:#7df2e1}
.p34-story-flow{min-width:0;display:grid;grid-template-columns:minmax(0,.82fr) 22px minmax(0,1.4fr) 22px minmax(0,.9fr) 22px minmax(0,1.15fr);gap:4px;align-items:center}.p34-story-flow>em{font-style:normal;color:var(--gold);font-size:25px;text-align:center}
.p34-story-item{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:start}.p34-story-item svg{width:30px;height:30px;fill:none;stroke:#a2d8dd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.p34-story-copy{min-width:0}.p34-story-item span{display:block;font-size:10px;line-height:1;font-weight:950;color:var(--cyan)}.p34-story-item strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;margin-top:7px;font-size:10px;line-height:1.25;color:#fff}.p34-story-item small{display:block;margin-top:4px;font-size:8.5px;line-height:1.2;color:#bdcfd2}.p34-story-item.me strong{color:#f4d17a}

.p34-foot{min-width:0;display:grid;grid-template-columns:110px minmax(0,1fr) 275px;grid-template-areas:"reward done next";gap:14px;align-items:center;padding:0 16px;border:1px solid rgba(70,220,210,.36);border-radius:14px;background:linear-gradient(90deg,rgba(3,28,49,.95),rgba(4,29,48,.92))}
.p34-foot>strong{grid-area:reward;align-self:stretch;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(99,224,211,.18);font-size:23px;line-height:1;color:#677c84;font-weight:950}.p34-foot>strong.on{color:var(--gold);text-shadow:0 0 16px rgba(242,200,109,.5)}
.p34-foot>div{grid-area:done;min-width:0}.p34-foot>div b{display:block;font-size:13px;line-height:1;color:var(--cyan)}.p34-foot>div span{display:block;margin-top:6px;font-size:10.5px;line-height:1.25;color:#d3e2e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p34-foot>button{grid-area:next;height:48px;border:1px solid rgba(111,255,229,.66);border-radius:10px;background:linear-gradient(100deg,#16877c,#21b48d);box-shadow:0 0 18px rgba(48,238,201,.12);color:#fff;font-family:inherit;font-size:13px;font-weight:950;cursor:pointer}.p34-foot>button span{margin-left:10px;color:#f3d077;font-size:19px}.p34-foot>button:disabled{opacity:.34;cursor:not-allowed;filter:saturate(.45)}

#page34Mission03StoryFrame h1,#page34Mission03StoryFrame h2,#page34Mission03StoryFrame h3,#page34Mission03StoryFrame h4,#page34Mission03StoryFrame p{max-width:none!important}
.reveal-viewport:has(#page34Mission03StoryFrame.present){background:#021025!important}