:root{font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif;color:#dcece6;background:#051411;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#051411}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 15% 8%,rgba(48,151,111,.14),transparent 28%),radial-gradient(circle at 85% 48%,rgba(28,111,90,.1),transparent 30%),linear-gradient(180deg,#071c19,#04110f 42%,#061815)}body:before{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";opacity:.13;background-image:linear-gradient(rgba(93,221,169,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(93,221,169,.07) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 52%);mask-image:linear-gradient(to bottom,#000,transparent 52%)}button{font:inherit}.page-shell{position:relative;z-index:1;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:max(10px,env(safe-area-inset-top,0)) max(10px,env(safe-area-inset-right,0)) max(18px,env(safe-area-inset-bottom,0)) max(10px,env(safe-area-inset-left,0))}.page-header{display:flex;align-items:center;gap:11px;min-height:58px;padding:8px 6px 10px;border-bottom:1px solid rgba(102,216,172,.16)}.header-symbol{display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid rgba(94,222,169,.35);background:#1f644e29;transform:rotate(45deg)}.header-symbol svg{width:27px;height:27px;fill:#4ada9e1f;stroke:#61dda9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg)}.page-header p{margin:0 0 3px;color:#79e0b8b3;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.1px}.page-header span{color:#daf3e9c2;font-size:12px;letter-spacing:1.6px}.article-card{margin-top:10px;overflow:hidden;border:1px solid rgba(96,219,169,.16);background:linear-gradient(165deg,#0c2b24e0,#041512e6);box-shadow:0 22px 60px #00000038,inset 0 0 40px #33a57709}.article-heading{position:relative;padding:29px 18px 23px;text-align:center;background:radial-gradient(circle at 50% -25%,rgba(74,214,157,.13),transparent 58%),linear-gradient(180deg,rgba(31,104,80,.14),transparent)}.heading-line{position:absolute;top:0;left:50%;width:92px;height:2px;background:linear-gradient(90deg,transparent,#5ce1a9,transparent);box-shadow:0 0 12px #5ce1a9a6;transform:translate(-50%)}.article-heading>p{margin:0 0 9px;color:#6ddeb094;font-size:10px;letter-spacing:4px}.article-heading h1{margin:0;color:#ecfff7;font-family:STSong,SimSun,Songti SC,serif;font-size:clamp(23px,6.8vw,31px);font-weight:600;line-height:1.55;letter-spacing:2px;text-shadow:0 0 22px rgba(93,233,177,.12)}.title-mark{display:grid;grid-template-columns:40px 7px 40px;align-items:center;justify-content:center;gap:7px;margin-top:17px}.title-mark i{height:1px;background:linear-gradient(90deg,transparent,rgba(99,222,173,.46))}.title-mark i:last-child{transform:scaleX(-1)}.title-mark span{width:7px;height:7px;border:1px solid #62dda9;transform:rotate(45deg)}.article-content{padding:2px 16px 25px}.article-content>p{margin:23px 0 0;color:#e1f0ead1;font-family:STSong,SimSun,Songti SC,serif;font-size:clamp(15px,4.15vw,18px);line-height:2;letter-spacing:.35px;text-align:justify;text-indent:2em;word-break:break-word}.map-card{margin:24px 0 3px;overflow:hidden;border:1px solid rgba(102,226,177,.25);background:#081b17;box-shadow:0 15px 35px #0000003d}.map-titlebar{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 12px;border-bottom:1px solid rgba(103,226,178,.14);background:linear-gradient(90deg,#2c8a6729,#0a2a2294)}.map-titlebar>div{display:flex;align-items:center;gap:8px}.map-dot{width:6px;height:6px;border-radius:50%;background:#61e2aa;box-shadow:0 0 11px #61e2aa}.map-titlebar strong{color:#e1f9efd9;font-size:12px;font-weight:500;letter-spacing:1px}.map-titlebar small{padding:3px 6px;border:1px solid rgba(104,224,177,.16);color:#99ddc47a;font-size:8px;letter-spacing:.6px}.map-viewport{position:relative;height:clamp(300px,78vw,390px);overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(rgba(81,212,160,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(81,212,160,.04) 1px,transparent 1px),#061713;background-size:24px 24px}.map-viewport.zoomed{touch-action:none}.map-viewport.dragging{cursor:grabbing}.map-viewport>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:5px;object-fit:contain;pointer-events:none;transform-origin:center center;transition:transform .12s ease-out;will-change:transform}.map-viewport.dragging>img{transition:none}.map-viewport:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";box-shadow:inset 0 0 28px #00191447}.map-controls{position:absolute;z-index:3;top:9px;right:9px;display:grid;overflow:hidden;border:1px solid rgba(114,231,185,.32);background:#031915db;box-shadow:0 9px 24px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-controls button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-bottom:1px solid rgba(112,229,183,.13);color:#ccf4e4;background:transparent;font-size:19px;cursor:pointer}.map-controls button:last-child{border-bottom:0}.map-controls button:active{color:#fff;background:#45cf9838}.map-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.zoom-value{position:absolute;z-index:3;right:9px;bottom:9px;min-width:49px;padding:5px 7px;border:1px solid rgba(104,223,176,.18);color:#ccefe1b8;background:#041b17d1;font-family:Consolas,monospace;font-size:10px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-card figcaption{padding:8px 11px;color:#a9d4c478;background:#071d19e6;font-size:9px;line-height:1.5;text-align:center;letter-spacing:.5px}.map-card:fullscreen,.map-card.is-fullscreen{display:grid;grid-template-rows:50px minmax(0,1fr) auto;width:100vw;height:100dvh;margin:0;border:0;background:#04130f}.map-card:fullscreen .map-titlebar,.map-card.is-fullscreen .map-titlebar{height:50px;padding-inline:14px}.map-card:fullscreen .map-viewport,.map-card.is-fullscreen .map-viewport{width:100%;height:100%}.page-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:19px 10px 7px}.page-footer span{height:1px;background:linear-gradient(90deg,transparent,rgba(86,211,161,.34))}.page-footer span:last-child{transform:scaleX(-1)}.page-footer p{margin:0;color:#8cc7b166;font-size:9px;letter-spacing:1.5px}@media(min-width:600px){.page-shell{padding-top:22px;padding-bottom:32px}.article-content{padding-inline:25px}}@media(max-width:360px){.article-heading,.article-content{padding-inline:12px}.map-viewport{height:285px}}@media(prefers-reduced-motion:reduce){.map-viewport>img{transition:none}}