@charset "UTF-8";
:root{color-scheme:light;--red:#c5364c;--red-dark:#a92339;--red-soft:#fae9ed;--ink:#29282f;--muted:#74717c;--line:#e9e5e8;--surface:rgba(255,255,255,.79);--radius:20px;--shadow:0 8px 28px rgba(66,32,46,.035);font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-size:14px;color:var(--ink);background:#f5f4f6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 76% 0,rgba(240,192,203,.16),transparent 40%),#f5f4f6;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.42}button svg,a svg{flex:none}h1,h2,h3,h4,h5,p{margin:0}h1,h2,h3,h4,h5{line-height:1.4}svg{vertical-align:middle;flex-shrink:0}img{display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:4px}input:focus-visible,select:focus-visible{outline-offset:2px}h2:focus,main:focus{outline:none}[hidden]{display:none!important}.red{color:var(--red)}.muted{color:var(--muted)}.small{font-size:12px}.glass{border:1px solid rgba(255,255,255,.95);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:var(--radius)}.skip-link{position:fixed;left:16px;top:-70px;padding:12px 20px;background:var(--ink);color:white;z-index:100;border-radius:8px}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 17px;border-radius:9px;min-height:42px;font-size:13px;font-weight:600;border:1px solid transparent;white-space:nowrap;transition:background .18s,box-shadow .18s,transform .18s}.button.primary{background:var(--red);color:white;box-shadow:0 5px 14px #c5364c16}.button.primary:hover{background:var(--red-dark);box-shadow:0 5px 16px #c5364c26}.button.secondary{background:#fff;border-color:#e4dfe3;color:#514550}.button.secondary:hover{background:#fcf2f4;border-color:#d8aeb7}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-weight:600;font-size:12px;padding:3px 0}.text-link svg{width:16px;height:16px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:9px;color:var(--muted);flex:none}.icon-button:hover{background:#f5e8ec;color:var(--red)}.icon-button[aria-pressed=true]{background:var(--red-soft);color:var(--red)}.outline-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #e9c9d0;border-radius:5px;padding:3px 9px;color:#a44759;font-size:11px;font-weight:500;letter-spacing:.4px}.state-badge{display:inline-flex;align-items:center;background:#f5f3f5;border:1px solid #eee8ec;border-radius:5px;padding:3px 8px;font-size:11px;color:#74646e;white-space:nowrap}.notice{display:flex;flex-direction:column;gap:5px;padding:15px 18px;background:#fbf1f3;border:1px solid #f0dce1;border-radius:10px;color:#865362;font-size:12px}.notice strong{color:#8e394c;font-size:13px}.notice span{display:block}.empty-icon{display:inline-grid;place-items:center;width:60px;height:60px;background:#f8edf0;border:1px solid #f2dfe4;border-radius:18px;color:var(--red)}.empty-icon svg{width:28px;height:28px}
.app-shell{display:flex;min-height:100dvh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:226px;padding:33px 20px 0;display:flex;flex-direction:column;background:rgba(255,255,255,.82);border-right:1px solid #eae6e9;backdrop-filter:blur(24px)}.brand{display:inline-flex;align-items:center;gap:11px;width:fit-content}.brand>span{font-size:22px;font-weight:700;line-height:1.15;letter-spacing:4px}.brand small{font-size:9px;font-weight:600;letter-spacing:2.6px;display:block;margin-top:6px;color:#8d7c86}.workspace-label{margin:45px 12px 17px;color:#8a838d;font-size:11px;display:flex;align-items:center;justify-content:space-between}.workspace-label span{font-size:9px;border:1px solid #e7e1e6;border-radius:4px;padding:1px 5px}.nav-list{display:flex;flex-direction:column;gap:8px}.nav-list>a{display:flex;align-items:center;gap:14px;padding:13px 16px;color:#79727e;border-radius:9px;position:relative;font-weight:500;font-size:13px;transition:background .18s}.nav-list>a:hover{background:#f9f3f5}.nav-list>a[aria-current=page]{background:linear-gradient(90deg,#fae5ea,#fbf0f2);color:#b12f46;font-weight:600}.nav-list>a[aria-current=page]:before{content:"";position:absolute;left:-20px;top:15px;bottom:15px;width:3px;background:var(--red);border-radius:0 3px 3px 0}.nav-list svg{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding-top:60px}.local-status{display:flex;align-items:flex-start;gap:10px;margin:0 10px 22px;font-size:11px;color:#6d636e}.status-dot{height:6px;width:6px;background:#9a8f9a;border-radius:50%;margin-top:7px;flex:none}.local-status small{display:block;font-size:10px;color:#918a94;margin-top:3px}.sidebar-help{display:flex;align-items:center;gap:9px;padding:12px 10px;margin-bottom:18px;color:#8a808d;width:100%;font-size:11px}.sidebar-help>span:last-child{margin-left:auto}.sidebar-help svg{width:16px;height:16px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 0 23px;font-size:12px;font-weight:600}.profile small{display:block;color:#918691;font-size:10px;font-weight:400;margin-top:3px}.profile>span:last-child{margin-left:auto;color:#a49ba4}.avatar,.topbar-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f0e8ed;color:#8d5b72;font-size:12px;font-weight:600}.page-shell{margin-left:226px;min-width:0;width:calc(100% - 226px)}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #eae5e9;background:rgba(255,255,255,.42)}.breadcrumb{display:flex;align-items:center;gap:17px;font-size:12px;color:#665e69}.breadcrumb-home{color:#8c8390}.breadcrumb svg{width:17px;height:17px}.crumb-divider{color:#c6bfc9}.topbar-actions{display:flex;align-items:center;gap:18px}.search-button{display:flex;align-items:center;gap:9px;color:#8b828f;font-size:11px}.search-button svg{width:16px;height:16px}kbd{font-family:inherit;font-size:10px;padding:1px 5px;border:1px solid #e3dee5;border-radius:4px;margin-left:35px;color:#8c828d;background:#fff8}.topbar-avatar{width:30px;height:30px;border-radius:50%;font-size:10px}.mobile-menu{display:none}main{max-width:1460px;margin:0 auto;padding:37px 40px 20px}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.overline{display:flex;align-items:center;gap:7px;color:#92818b;letter-spacing:1px;font-size:10px;margin-bottom:10px}.tiny-line{height:2px;width:14px;background:var(--red)}h1{font-size:28px;letter-spacing:-.7px;font-weight:650}.page-intro p{font-size:12px;color:var(--muted);margin-top:9px}.preview-label{display:flex;align-items:center;gap:7px;color:#8c7e89;font-size:10px;background:#fff9;padding:7px 11px;border:1px solid #fff;border-radius:6px}.preview-label svg{width:13px;height:13px}.overview-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(240px,1fr);gap:21px}.welcome-panel{display:flex;position:relative;overflow:hidden;min-height:280px;background:radial-gradient(ellipse at 85% 70%,#f4c2cf80,transparent 58%),linear-gradient(125deg,#fff 5%,#fff9 45%,#f8e8edb0)}.welcome-content{padding:28px 32px;position:relative;z-index:1}.welcome-content .outline-badge{border-color:#e6cbd2;background:#fff7;font-size:10px}.welcome-content h2{font-size:27px;font-weight:650;letter-spacing:-.7px;margin-top:14px;line-height:1.5}.welcome-content p{font-size:11px;line-height:1.9;color:#8b7481;margin:10px 0 20px}.welcome-content .button{font-size:11px;min-height:36px;padding:8px 13px}.welcome-content .button svg{width:16px;height:16px}.hub-visual{position:absolute;width:300px;height:260px;right:4px;top:15px;perspective:500px}.hub-ring{position:absolute;border:1px solid #cf96a66b;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-26deg) scaleY(.72)}.hub-ring.outer{width:254px;height:254px}.hub-ring.inner{width:171px;height:171px;border-style:dashed;border-color:#d6a7b475}.hub-axis{position:absolute;width:250px;height:1px;left:25px;top:123px;background:linear-gradient(90deg,transparent,#d2a2b4,transparent);transform:rotate(-26deg)}.hub-center{position:absolute;top:80px;left:112px;transform:rotate(-10deg);padding:10px;border-radius:24px;border:1px solid #fff;background:#fff8;box-shadow:0 18px 30px #b8466a24,0 1px 0 #fff inset}.hub-center img{box-shadow:0 8px 16px #c1394f20;border-radius:20px}.hub-node{position:absolute;display:grid;place-items:center;width:44px;height:44px;border:1px solid #fff;background:linear-gradient(135deg,#fffffff2,#f4dae4d9);color:#c05974;border-radius:13px;box-shadow:0 8px 20px #b3779115;transform:rotate(-10deg)}.hub-cloud{left:25px;top:120px}.hub-shield{right:37px;top:22px}.hub-flame{right:38px;bottom:42px}.hub-wordmark{position:absolute;bottom:4px;left:85px;color:#b38e9e;font-size:7px;letter-spacing:2px}.space-overview{padding:24px 25px}.section-mini-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#756772}.section-mini-title svg{width:16px;height:16px;color:#a1919e}.space-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:23px}.space-stats>div+div{padding-left:23px;border-left:1px solid #eee8ec}.space-stats strong{font-size:35px;font-weight:500;line-height:1.1;letter-spacing:-1.7px}.space-stats strong>span{font-size:10px;color:#aaa0aa;letter-spacing:0;margin-left:8px}.space-stats p{font-size:10px;color:#908490;margin-top:9px}.overview-rule{height:1px;background:#eee9ee;margin:21px 0 18px}.setup-status{display:flex;gap:10px;align-items:flex-start}.setup-status>svg{width:17px;height:17px;color:var(--red);margin-top:1px}.setup-status strong{font-size:11px;font-weight:500}.setup-status p{color:#938793;font-size:10px;margin-top:6px;line-height:1.7}.overview-link{margin:17px 0 0 27px;font-size:10px}
.modules-section{margin-top:29px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.section-heading h2{font-size:17px;font-weight:650;display:flex;align-items:center;gap:10px}.section-heading h2>span{font-size:10px;font-weight:500;color:#aa929d;letter-spacing:1px}.section-heading p{font-size:11px;color:#8c838f;margin-top:5px}.section-heading>.small{font-size:10px;color:#978c98}.modules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.module-card{position:relative;overflow:hidden;padding:18px 22px 0;transition:box-shadow .2s,border-color .2s;background:linear-gradient(160deg,#fffffff0,#fffc)}.module-card:hover{box-shadow:0 12px 28px #75344e0b;border-color:#efd0d8}.module-card.selected{border-color:#d78c9c;box-shadow:0 5px 22px #c5364c0a}.module-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.module-number{font-size:10px;font-weight:500;color:#b4a3ad;letter-spacing:2px}.module-card .state-badge{font-size:9px;padding:2px 6px}.module-copy{position:relative;margin-top:4px}.module-tag{font-size:9px;letter-spacing:.6px;color:#af8493}.module-copy h3{font-size:17px;font-weight:650;letter-spacing:-.3px;margin:7px 0}.module-copy p{font-size:11px;color:#8c7e8b;line-height:1.9;min-height:42px;max-width:230px}.module-open{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:21px;padding:15px 0;border-top:1px solid #eee7ed;color:#ac445c;font-size:11px;font-weight:600}.module-open svg{width:17px;height:17px;transition:transform .2s}.module-open:hover svg{transform:translateX(4px)}.cloud-art,.map-art,.spark-art{height:136px;position:relative;margin:6px -10px 10px}.cloud-orbit{position:absolute;inset:10px 15px;border:1px solid #eee5eb;border-radius:50%;transform:rotate(-12deg) scaleY(.75)}.cloud-center{position:absolute;width:83px;height:65px;left:50%;top:27px;transform:translateX(-50%) rotate(-7deg);display:grid;place-items:center;border:1px solid #fff;border-radius:22px;background:linear-gradient(135deg,#fff,#e9e4f0);color:#9b819e;box-shadow:0 12px 21px #6b4d7e16}.cloud-center svg{width:43px;height:43px;stroke-width:1.1}.mini-node{position:absolute;z-index:1;display:flex;align-items:center;gap:6px;padding:10px;background:#ffffffc9;border:1px solid #fff;box-shadow:0 5px 15px #624b6a09;border-radius:9px;color:#a59aaa;transform:rotate(-7deg)}.mini-node span{font-size:7px;letter-spacing:1px}.mini-node svg{width:17px;height:17px}.node-local{left:12px;bottom:23px}.node-remote{right:11px;top:8px}.art-line{position:absolute;height:1px;background:#cdbcd17d;transform:rotate(-25deg);width:60px}.line-a{left:30%;top:89px}.line-b{right:20%;top:44px}.map-art{margin-left:0;margin-right:0;border-radius:12px;overflow:hidden;background:linear-gradient(140deg,#f4f1ec80,#f0e9e780);height:136px}.mini-map-grid{position:absolute;inset:0;background-image:linear-gradient(#ccbfb526 1px,transparent 1px),linear-gradient(90deg,#ccbfb526 1px,transparent 1px);background-size:21px 21px;transform:rotate(-10deg) scale(1.25)}.map-block{position:absolute;border:1px solid #d7cbc57d;background:#e9e0d94d;border-radius:3px;transform:rotate(-10deg)}.block-a{width:55px;height:41px;top:20px;left:30px}.block-b{width:61px;height:39px;right:20px;top:14px}.block-c{width:45px;height:34px;right:25px;bottom:17px}.map-road{position:absolute;left:40%;height:190px;width:13px;top:-30px;background:#ffffffa8;border-left:1px solid #e1d7ce;border-right:1px solid #e1d7ce;transform:rotate(20deg)}.map-marker{position:absolute;display:grid;place-items:center;left:48%;top:46px;width:44px;height:44px;border:1px solid white;transform:rotate(-9deg);color:#c36578;border-radius:12px;background:linear-gradient(135deg,#fff,#efd2d7);box-shadow:0 5px 15px #a65e7530}.map-marker svg{width:25px;height:25px;stroke-width:1.3}.map-coordinate{position:absolute;bottom:8px;left:13px;letter-spacing:2px;font-size:7px;color:#a9968a}.spark-ring{position:absolute;width:120px;height:100px;border:1px solid #edcbd5;left:50%;top:8px;border-radius:50%;transform:translateX(-50%) rotate(-25deg);background:radial-gradient(ellipse at center,#f4c5d340,transparent 65%)}.spark-ring.second{width:181px;height:64px;top:27px;background:none;transform:translateX(-50%) rotate(-25deg);border-color:#ebdce33d}.spark-core{position:absolute;left:50%;top:29px;transform:translateX(-50%) rotate(-9deg);width:64px;height:67px;display:grid;place-items:center;border:1px solid white;background:linear-gradient(145deg,#fff,#f5d6df);box-shadow:0 10px 24px #c2456720;border-radius:20px;color:#c76d85}.spark-core svg{height:40px;width:40px;stroke-width:1.3}.spark-cross{position:absolute;color:#c9a8b6;font-size:15px;line-height:1}.cross-one{top:20px;left:34px}.cross-two{right:22px;bottom:37px}.spark-caption{font-size:6px;letter-spacing:2px;position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#c39cae}
.bottom-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:25px}.progress-panel{padding:22px 25px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title h2{font-size:13px;font-weight:600}.panel-title .text-link{font-size:10px}.integration-steps{list-style:none;margin:19px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}.integration-steps li{display:flex;align-items:center;gap:12px;position:relative}.integration-steps li:not(:last-child):after{content:"";width:1px;height:24px;background:#ebe2e8;position:absolute;left:11px;top:28px}.step-dot{display:grid;place-items:center;width:24px;height:24px;border:1px solid #e9dfe6;color:#b3a5af;border-radius:50%;font-size:9px;flex:none;background:#fff}.current .step-dot{border-color:#e2b1be;background:#fae8ed;color:var(--red)}.integration-steps strong{display:block;font-size:11px;font-weight:500}.integration-steps div>span{display:block;color:#9d909c;font-size:10px;margin-top:3px}.stage-label{margin-left:auto;font-size:9px;color:#a99ca5}.current .stage-label{color:#b75a71}.boundary-panel{padding:23px 22px;position:relative;border:1px solid #e9e0e7;border-radius:var(--radius);background:linear-gradient(130deg,#f9f5f8,#f3edf2);overflow:hidden}.boundary-symbol{position:absolute;right:26px;top:29px;color:#d5b9c7}.boundary-symbol svg{width:38px;height:38px;stroke-width:1}.boundary-panel h2{font-size:19px;color:#705c6c;font-weight:500;line-height:1.5;letter-spacing:.2px}.boundary-panel p{color:#9b8798;font-size:11px;line-height:1.9;margin:14px 0 16px;max-width:260px}.boundary-panel .text-link{font-size:10px}.page-footer{max-width:1460px;margin:0 auto;padding:24px 40px 25px;display:flex;align-items:center;justify-content:space-between;color:#a697a3;font-size:9px;letter-spacing:.2px}.footer-slash{color:#c3b6bf;margin:0 9px}
.module-detail{margin-top:22px;padding:25px 27px;scroll-margin-top:24px;border-color:#ead3dc;animation:panel-in .23s ease-out}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.detail-heading{display:flex;align-items:center;gap:13px}.module-icon{width:43px;height:43px;background:#f9e9ee;border:1px solid #f0dce3;border-radius:12px;color:var(--red);display:inline-grid;place-items:center;flex-shrink:0}.detail-heading h2{font-size:19px;letter-spacing:-.3px}.detail-heading p{font-size:11px;color:var(--muted);margin-top:4px}.connection-summary{display:flex;align-items:center;justify-content:space-between;gap:15px}.cloud-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:22px}.empty-state{text-align:center;padding:30px 22px}.empty-state h3{font-size:17px;margin:15px 0 8px}.empty-state p{font-size:12px;color:var(--muted);max-width:330px;margin:0 auto 22px;line-height:1.8}.connection-slots{display:flex;flex-direction:column;justify-content:center;gap:15px}.connection-slots>div{display:flex;gap:13px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:12px;background:#faf8fa}.connection-slots>div>svg{color:#a38e9f}.connection-slots strong{font-size:12px;font-weight:500;display:block}.connection-slots small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.connection-slots>div>.muted{margin-left:auto;font-size:10px}.spark-notice{display:flex;flex-direction:row;align-items:flex-start;gap:12px}.spark-notice>svg{margin-top:2px}.spark-notice span{margin-top:4px}.spark-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px}.service-slot{border:1px solid var(--line);border-radius:13px;padding:20px;background:#fdfbfd}.service-slot h3{font-size:13px;color:#7f6575;display:flex;gap:8px;align-items:center;margin-bottom:21px}.service-slot h3 svg{width:17px;height:17px}.service-slot>strong{font-size:14px;font-weight:500}.service-slot p{font-size:11px;line-height:1.8;margin:7px 0 20px;color:var(--muted);min-height:40px}.service-slot .button{font-size:11px;width:100%;padding:8px;min-height:37px}.spark-results{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;gap:20px}.spark-results>div{padding:18px;border:1px dashed #dfd3dd;border-radius:12px}.spark-results h3{font-size:12px}.spark-results p{color:var(--muted);font-size:11px;margin-top:5px}.empty-inline{display:flex;gap:8px;align-items:center;color:#978393;background:#f8f3f7;padding:13px;margin-top:14px;border-radius:7px;font-size:11px}.empty-inline svg{height:16px;width:16px}.detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:24px;padding-top:19px;font-size:10px;color:var(--muted)}.detail-bottom>span{display:inline-flex;gap:7px;align-items:flex-start}.detail-bottom>span>svg{width:16px;height:16px;flex:none}.detail-bottom>div{display:flex;gap:18px;align-items:center}.detail-bottom .button{font-size:11px}.world-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.segmented{display:flex;background:#f2ecf1;padding:4px;border-radius:9px;gap:3px}.segmented button{padding:7px 14px;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:6px;color:#8b7686}.segmented button[aria-pressed=true]{background:white;box-shadow:0 2px 7px #4f153410;color:var(--red);font-weight:600}.segmented svg{height:13px;width:13px}.mode-note{font-size:10px;color:#99838f}.world-empty{display:flex;align-items:center;justify-content:center;gap:50px;min-height:305px;padding:35px 20px}.world-empty h3{font-size:24px;letter-spacing:-.5px;margin:12px 0}.world-empty p{font-size:12px;line-height:1.9;color:var(--muted)}.empty-actions{display:flex;gap:12px;margin:20px 0 15px}.empty-actions .button{font-size:11px}.world-empty .small{font-size:10px}.empty-map{position:relative;min-width:150px;width:150px;height:150px;background:linear-gradient(145deg,#f4eef1,#fdf9fb);border:1px solid #eadce4;border-radius:25px;transform:rotate(-10deg)}.empty-map>span{position:absolute;border:1px solid #dfcad5;background:#ece0e859;border-radius:6px;width:44px;height:36px}.empty-map>span:nth-child(1){left:16px;top:17px}.empty-map>span:nth-child(2){right:16px;top:26px}.empty-map>span:nth-child(3){left:26px;bottom:15px}.empty-map>div{display:grid;place-items:center;background:#fff8;border:1px solid #fff;width:70px;height:70px;border-radius:21px;position:absolute;top:44px;left:41px;color:#c27e95;box-shadow:0 8px 20px #9c4c7912}.empty-map svg{width:35px;height:35px;stroke-width:1.2}.world-principles{display:flex;justify-content:center;gap:32px;padding:18px 0 0;border-top:1px solid var(--line);color:#9a7c8e;font-size:10px}.world-principles>span{display:flex;align-items:center;gap:7px}.world-principles svg{width:15px;height:15px}.demo-notice{display:flex;align-items:center;gap:9px;padding:11px 14px;background:#faf0e9;color:#8b5c43;border:1px solid #efdfd4;border-radius:8px;margin-top:20px;font-size:11px}.demo-notice svg{width:16px;height:16px;flex:none}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 19px}.demo-heading h3{font-size:18px}.demo-heading p{font-size:11px;color:var(--muted);margin-top:5px}.scenario-select{display:flex;flex-direction:column;font-size:9px;color:#907885;gap:4px;min-width:155px}select{padding:8px 25px 8px 10px;background:#fff;border:1px solid #e4d6df;color:#64505d;border-radius:7px;font-size:11px;max-width:100%}.world-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.world-map-panel,.resources-panel{border:1px solid var(--line);border-radius:13px;padding:17px;background:#fff9}.panel-title h4{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px}.panel-title h4>svg{width:16px;height:16px}.panel-title .outline-badge{font-size:9px;padding:2px 7px}.region-map{position:relative;height:290px;overflow:hidden;background-color:#f5f0ed;background-image:linear-gradient(#bca6981b 1px,transparent 1px),linear-gradient(90deg,#bca6981b 1px,transparent 1px);background-size:25px 25px;border:1px solid #eae0db;border-radius:9px;margin:14px 0}.map-street{position:absolute;background:#fff9;border:1px solid #ded0c88a}.street-horizontal{left:-25px;right:-25px;height:22px;top:132px;transform:rotate(-10deg)}.street-vertical{width:18px;left:46%;top:-10px;bottom:-10px;transform:rotate(15deg)}.map-sector{position:absolute;left:13px;top:11px;line-height:1.2;font-size:8px;letter-spacing:1px;color:#ac9689}.map-scale{position:absolute;bottom:8px;left:13px;font-size:8px;color:#b09a8d}.map-place{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dbc8bf;background:linear-gradient(135deg,#fff,#f1e7e1);border-radius:9px;padding:10px;box-shadow:0 5px 10px #60443407;width:94px;height:84px;color:#8f7566;transition:border .2s,background .2s}.map-place.active{border-color:#ca758c;color:#a8415a;background:linear-gradient(135deg,#fff,#f5dfe6);box-shadow:0 5px 12px #aa547719}.map-place strong{font-size:11px;margin-top:5px;font-weight:600}.map-place span{font-size:9px;color:#a28a80;margin-top:2px}.map-place svg{height:21px;width:21px}.place-shelter{left:22%;top:40px}.place-city{right:8%;top:25px}.place-hospital{left:8%;bottom:45px}.place-warehouse{right:14%;bottom:29px}.place-info>strong{font-size:11px;font-weight:600;display:flex;gap:6px;align-items:center}.place-info>strong>svg{width:15px;height:15px;color:#ac677e}.place-info>strong>span{margin-left:auto;font-size:9px;font-weight:400;color:#9f8291}.place-info p{font-size:10px;color:#91818c;margin-top:6px;line-height:1.8;min-height:36px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.resource-item{padding:13px 13px 10px;border:1px solid #efe6ec;border-radius:10px;background:#fcf8fb}.resource-item>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#9e788c}.resource-item svg{width:15px;height:15px}.resource-item>strong{display:block;font-size:24px;font-weight:500;margin:9px 0 7px;line-height:1.2}.resource-item small{font-size:10px;color:#9f8997;margin-left:5px}.resource-item meter{width:100%;height:5px;display:block;border:0;background:#eee2e9;border-radius:4px}.resource-item meter::-webkit-meter-bar{background:#eee2e9;border:0;height:4px}.resource-item meter::-webkit-meter-optimum-value{background:#ce8ba0;border-radius:4px}.resource-item meter::-moz-meter-bar{background:#ce8ba0}.facility-state{margin-top:24px}.facility-state>span{display:flex;justify-content:space-between;font-size:11px;color:#907885}.facility-state strong{color:#b46680}.facility-state progress{display:block;margin-top:10px;width:100%;height:5px;border:none;border-radius:4px;overflow:hidden;background:#eee2e9}.facility-state progress::-webkit-progress-bar{background:#eee2e9}.facility-state progress::-webkit-progress-value{background:#cc8a9e;border-radius:4px}.facility-state progress::-moz-progress-bar{background:#cc8a9e}.facility-state p{font-size:10px;color:#a38c9a;margin-top:10px}.survivor-section{margin-top:25px}.survivor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.survivor-card{border:1px solid var(--line);border-radius:11px;padding:15px;text-align:left;background:#fff}.survivor-card.active{border-color:#d6a0b2;background:#fdf7fa}.survivor-name{display:flex;align-items:center;gap:9px}.person-avatar{display:grid;place-items:center;height:32px;width:32px;flex:none;border-radius:10px;background:#ebdde6;color:#9b6c88;font-size:12px}.survivor-name strong{font-size:12px;display:block}.survivor-name small{font-size:9px;color:#9b8594;display:block;margin-top:3px}.survivor-name>svg{height:14px;width:14px;margin-left:auto;color:#a5889a}.person-stats{display:flex;gap:10px;justify-content:space-between;margin-top:17px;font-size:9px;color:#a48b9b}.person-stats b{font-weight:500;color:#745668;margin-left:4px}.survivor-information{padding:17px 20px;background:#f8f4f7;border-radius:10px;margin-top:13px}.survivor-information h5{font-size:12px;font-weight:600}.survivor-information h5 span{font-size:9px;font-weight:400;color:#ae8fa1;margin-left:8px}.survivor-information dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:14px 0}.survivor-information dl>div{display:flex;gap:10px;font-size:10px}.survivor-information dt{color:#ad8d9e;flex:none}.survivor-information dd{margin:0;color:#7d6574}.survivor-information .small{font-size:9px}.timeline-section{margin-top:26px}.replay-control{display:flex;align-items:center;gap:22px;margin:19px 0 20px}.replay-control>.button{font-size:10px;min-height:34px;padding:6px 12px}.replay-control>label{font-size:10px;color:#a0768d;flex:1;text-align:center}.replay-control input{display:block;width:100%;margin:8px 0 0;accent-color:var(--red);cursor:pointer;height:18px}.event-timeline{padding:0;list-style:none;margin:0}.event-timeline li{display:flex;gap:20px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #f0e9ee}.event-timeline li>span{font-size:10px;flex:none;color:#ac879c;padding-top:2px}.event-timeline strong{font-size:11px;font-weight:500}.event-timeline p{font-size:10px;color:#9b8192;margin-top:5px}.event-timeline small{margin-left:auto;font-size:9px;color:#c0a4b4;flex:none;padding-top:2px}.event-timeline li.current strong{color:#b04f70}
.secondary-panel{padding:35px}.secondary-panel>h2{font-size:22px;margin:20px 0 10px}.secondary-panel>.muted{font-size:12px;max-width:720px}.plan-list{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}.plan-list li{display:flex;align-items:flex-start;gap:20px;padding:23px;background:#fbf7fa;border:1px solid #eee3eb;border-radius:12px}.plan-list li>span{font-size:22px;color:#c49aae;font-weight:300;line-height:1.3;flex:none}.plan-list strong{font-size:14px;font-weight:600}.plan-list p{font-size:12px;color:#947c8d;line-height:1.9;margin-top:8px;max-width:680px}.plan-list b{font-size:10px;white-space:nowrap;color:#a3768d;font-weight:400;margin-left:auto;flex:none}.placeholder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0}.placeholder-grid>div{padding:22px;background:#fbf7fa;border-radius:12px;border:1px solid #eee3eb}.placeholder-grid h3{font-size:14px}.placeholder-grid p{font-size:12px;color:#947c8d;line-height:1.9;margin-top:10px}.back-link{margin:24px 0}.log-empty{text-align:center;border:1px dashed #dfcbd8;border-radius:12px;padding:50px 25px;margin-top:28px;background:#fbf8fa}.log-empty>svg{display:block;width:35px;height:35px;margin:0 auto 20px;color:#bd9eb0}.log-empty strong{display:block;font-size:16px;font-weight:500}.log-empty p{font-size:12px;color:#a28799;margin:12px auto 24px;max-width:450px}dialog{border:1px solid #fff;border-radius:22px;max-width:450px;width:calc(100% - 32px);padding:25px;background:#fff;color:var(--ink);box-shadow:0 25px 100px #4e263640}dialog::backdrop{background:#4e38464a;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:20px}.dialog-icon{display:grid;place-items:center;background:#f9e7ee;color:var(--red);width:42px;height:42px;border-radius:12px}.dialog-heading h2{font-size:19px}dialog>h2{font-size:20px}dialog>p{font-size:13px;line-height:1.9;margin:15px 0 24px;color:#907486}dialog>.button{width:100%}#search-dialog{max-width:510px}#search-dialog input{width:100%;margin-bottom:16px}#search-results{display:flex;flex-direction:column;gap:8px}#search-results>button{display:flex;gap:13px;align-items:center;text-align:left;padding:12px;border-radius:12px;border:1px solid #eee1e9}#search-results>button:hover{background:#fcf3f7}#search-results strong{font-size:13px;display:block}#search-results small{font-size:10px;color:#a28195;display:block;margin-top:4px}#search-results>button>svg{margin-left:auto;color:#bb8aa4;width:17px}.search-empty{padding:20px;font-size:12px;color:var(--muted)}#search-dialog>p{font-size:10px;margin:16px 0 0}input:not([type=range]){padding:11px 13px;color:#55414e;background:#fcfafc;border:1px solid #e8dce4;border-radius:8px;min-width:0}input::placeholder{color:#a897a4;font-size:12px}
.login-page{background:radial-gradient(ellipse at 20% 50%,#f4d6e35c,transparent 45%),#f7f5f7;min-height:100dvh;display:flex;flex-direction:column}.login-header{display:flex;justify-content:space-between;align-items:center;padding:35px 6.5%}.login-header>.text-link{color:#8d7285;font-size:12px}.login-layout{max-width:1080px;width:100%;margin:auto;display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:center;padding:25px 30px 50px}.login-story{padding-top:5px}.eyebrow{font-size:9px;letter-spacing:3px;color:#b68a9e}.login-story h1{font-size:49px;font-weight:600;line-height:1.45;margin-top:20px;letter-spacing:-2px}.login-story>p{font-size:13px;line-height:2;color:#a18094;margin-top:22px}.login-orbit{position:relative;height:225px;width:340px;margin-top:17px}.orbit-ring{position:absolute;border:1px solid #d6afc273;border-radius:50%;left:30px;top:36px;width:270px;height:160px;transform:rotate(-20deg)}.orbit-ring.ring-two{width:180px;height:180px;top:16px;left:80px;transform:rotate(-20deg) scaleX(.7);border-style:dashed}.orbit-core{position:absolute;top:65px;left:131px;transform:rotate(-10deg);box-shadow:0 20px 25px #ba537c25;border-radius:24px}.orbit-label{position:absolute;border:1px solid #fff;border-radius:9px;background:#fff9;box-shadow:0 5px 14px #88436908;font-size:10px;color:#aa768f;padding:9px 13px;transform:rotate(-7deg)}.label-one{left:13px;top:54px}.label-two{right:4px;top:18px}.label-three{right:5px;bottom:32px}.login-caption{font-size:10px;letter-spacing:2px;color:#ac8b9f}.login-card{padding:33px 35px;background:#ffffffb8;box-shadow:0 15px 65px #7a36590a}.login-card>.outline-badge{font-size:9px}.login-card h2{font-size:26px;margin:15px 0 6px;letter-spacing:-.7px}.login-card>.muted{font-size:12px}.login-card .notice{font-size:10px;line-height:1.8;margin:22px 0;padding:12px 13px}.login-card .notice strong{font-size:11px}.login-card form>label,.password-label label{font-size:11px;color:#856477;display:block}.login-card form>input{width:100%;margin:7px 0 18px}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label .text-link{font-size:10px;font-weight:400}.password-field{position:relative;margin-top:7px}.password-field>input{width:100%;padding-right:58px}.password-field>button{position:absolute;right:10px;top:11px;font-size:10px;color:#ad7d97;padding:2px 5px}.form-message{font-size:11px;color:#b13858;margin:10px 0;line-height:1.8;min-height:8px}.login-submit{display:flex;width:100%;font-size:12px;justify-content:space-between}.login-divider{display:flex;align-items:center;gap:12px;justify-content:center;margin:21px 0;font-size:10px;color:#b095a5}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#eee2e9}.login-note{font-size:9px;text-align:center;color:#aa8d9e;margin-top:17px;line-height:1.9}.login-footer{display:flex;justify-content:space-between;padding:20px 6.5% 25px;color:#b197a7;font-size:10px}
@keyframes panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.welcome-panel{min-height:300px}.welcome-content{padding:32px 38px}.welcome-content h2{font-size:30px}.hub-visual{right:28px;top:18px;transform:scale(1.1)}.module-card{padding:20px 26px 0}.cloud-art,.map-art,.spark-art{height:155px}.module-copy h3{font-size:20px}.module-copy p{font-size:12px;max-width:270px}.module-open{font-size:12px}.space-overview{padding:29px}.space-stats{margin-top:27px}.space-overview .overview-rule{margin:25px 0}.page-intro{margin-bottom:31px}.modules-section{margin-top:34px}.module-copy{margin-top:9px}}
@media(max-width:1200px){.sidebar{width:202px;padding-left:16px;padding-right:16px}.nav-list>a[aria-current=page]:before{left:-16px}.page-shell{margin-left:202px;width:calc(100% - 202px)}.topbar{padding:0 28px}main{padding:30px 28px 15px}.page-footer{padding-left:28px;padding-right:28px}.overview-grid{grid-template-columns:1.85fr 1fr;gap:16px}.welcome-content{padding:25px}.welcome-content h2{font-size:25px}.hub-visual{right:-30px;opacity:.8;transform:scale(.84);transform-origin:right center}.welcome-panel{min-height:278px}.space-overview{padding:22px 18px}.space-stats strong{font-size:32px}.space-stats>div+div{padding-left:17px}.modules-grid{gap:15px}.module-card{padding:16px 17px 0}.module-copy h3{font-size:15px}.module-copy p{font-size:10px}.cloud-art,.map-art,.spark-art{height:124px}.node-local{left:0}.node-remote{right:0}.module-detail{padding:22px}.world-grid{grid-template-columns:1.3fr 1fr;gap:15px}.map-place{width:80px;height:78px}.place-shelter{left:19%}.place-city{right:5%}.survivor-card{padding:12px}.survivor-name{gap:6px}.survivor-name small{font-size:8px}.person-stats{gap:4px;font-size:8px}.survivor-name>svg{display:none}.world-empty{gap:35px}.world-principles{gap:15px}}
@media(max-width:1023px){.sidebar{width:190px}.page-shell{margin-left:190px;width:calc(100% - 190px)}.overview-grid{grid-template-columns:1fr}.welcome-panel{min-height:270px}.hub-visual{right:20px;opacity:1;transform:scale(1)}.space-overview{display:grid;grid-template-columns:1fr 1.3fr;gap:15px 20px;padding:22px}.space-overview .section-mini-title{grid-column:1}.space-stats{grid-column:1;grid-row:2/4;margin-top:0}.overview-rule{display:none}.setup-status{grid-column:2;grid-row:1/3;padding-left:20px;border-left:1px solid var(--line)}.overview-link{grid-column:2;margin:0 0 0 48px;grid-row:3;font-size:10px}.module-top{gap:4px}.module-card{padding:16px 12px 0}.module-card .state-badge{font-size:8px;padding:2px 5px}.module-number{font-size:9px}.module-copy h3{font-size:14px;letter-spacing:-.4px}.module-open{font-size:10px;margin-top:17px}.mini-node span{display:none}.mini-node{padding:9px}.cloud-center{width:66px;height:58px;top:29px}.cloud-center svg{width:35px}.node-local{left:13px;bottom:7px}.node-remote{top:3px;right:7px}.spark-caption{font-size:5px;letter-spacing:1px}.spark-ring{width:95px}.spark-ring.second{width:140px}.spark-core{width:55px;height:59px;top:33px}.spark-core svg{width:32px}.map-block{transform:scale(.8) rotate(-10deg)}.block-a{left:5px}.block-b{right:5px}.block-c{right:1px}.map-marker{left:44%}.bottom-grid{grid-template-columns:1fr}.boundary-panel h2 br{display:none}.boundary-panel{padding:23px 25px}.boundary-panel p{max-width:440px}.boundary-symbol{right:34px;top:37px}.boundary-panel .text-link{font-size:11px}.section-heading>.small{display:none}.connection-summary{align-items:flex-start;flex-direction:column;gap:9px}.cloud-detail-grid{grid-template-columns:1fr;gap:10px}.connection-slots{gap:10px}.connection-slots>div{padding:12px 17px}.spark-detail-grid{grid-template-columns:1fr;gap:12px}.service-slot{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:16px}.service-slot h3{grid-column:1;margin:0}.service-slot>strong{grid-column:1;font-size:13px}.service-slot>p{grid-column:1;margin:0;min-height:0}.service-slot>.button{grid-column:2;grid-row:1/4;align-self:center;max-width:190px;justify-self:end}.detail-bottom{flex-direction:column;align-items:flex-start;gap:12px}.world-empty{gap:25px;padding:30px 0}.empty-map{min-width:110px;width:110px;height:125px}.empty-map>div{left:20px;top:32px}.world-empty h3{font-size:21px}.world-empty p{font-size:11px}.world-empty p br{display:none}.world-empty .small{display:block;font-size:9px}.empty-actions{gap:8px}.empty-actions .button{padding:8px 10px;font-size:10px}.world-principles{flex-wrap:wrap;gap:12px 20px;justify-content:flex-start;font-size:9px}.world-grid{grid-template-columns:1fr}.region-map{height:280px}.resources-panel{padding:17px}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.facility-state{margin-top:16px}.survivor-grid{grid-template-columns:1fr;gap:8px}.survivor-card{display:flex;justify-content:space-between;align-items:center;gap:10px}.survivor-name small{font-size:9px}.person-stats{margin:0;gap:13px;font-size:10px}.survivor-information dl{grid-template-columns:1fr}.spark-results{grid-template-columns:1fr}.mode-note{font-size:9px}.demo-heading{align-items:flex-start}.demo-heading p{max-width:270px}.demo-heading h3{font-size:16px}.scenario-select{min-width:135px}.plan-list li{padding:18px;gap:14px;flex-wrap:wrap}.plan-list li>div{flex:1;min-width:150px}.plan-list b{width:100%;text-align:right}.placeholder-grid{grid-template-columns:1fr}.secondary-panel{padding:27px}.login-layout{gap:55px;grid-template-columns:1fr 390px}.login-card{padding:28px}.login-story h1{font-size:40px}.login-orbit{transform:scale(.9);transform-origin:left center}}
@media(max-width:767px){.sidebar{width:232px;transform:translateX(-100%);transition:transform .22s;visibility:hidden}.nav-open .sidebar{transform:translateX(0);visibility:visible}.nav-open{overflow:hidden}.nav-scrim{position:fixed;inset:0;background:#3d233947;backdrop-filter:blur(3px);z-index:25}.page-shell{width:100%;margin:0}.mobile-menu{display:inline-grid}.breadcrumb-home,.crumb-divider{display:none}.breadcrumb{gap:10px}.topbar{padding:0 18px;height:65px}.topbar-actions{gap:9px}.search-button>span,kbd{display:none}.search-button{width:34px;height:34px;justify-content:center}.topbar-avatar{margin-left:5px}.workspace-label{margin-top:35px}.brand{margin-left:7px}.profile{padding-bottom:25px}.nav-list>a{padding:14px 16px}.sidebar-bottom{padding-top:30px}.local-status{margin-bottom:17px}.sidebar-help{margin-bottom:8px}main{padding:27px 20px 15px}.page-intro{gap:10px;align-items:flex-start;margin-bottom:23px}h1{font-size:25px}.overline{font-size:9px;margin-bottom:9px}.page-intro p{font-size:11px;margin-top:8px;max-width:270px}.preview-label{font-size:8px;padding:5px 7px;white-space:nowrap;margin-top:26px}.preview-label svg{display:none}.overview-grid{gap:14px}.welcome-panel{min-height:272px}.welcome-content{padding:25px}.welcome-content h2{font-size:26px}.hub-visual{right:4px;transform:scale(.9);transform-origin:right center}.welcome-content p{font-size:10px}.space-overview{gap:12px 20px}.space-stats strong{font-size:30px}.modules-section{margin-top:27px}.modules-grid{grid-template-columns:1fr;gap:16px}.module-card{padding:20px 22px 0;display:grid;grid-template-columns:1.15fr 1fr;column-gap:10px;min-height:218px}.module-top{grid-column:1/3;grid-row:1;align-self:start}.module-card .state-badge{font-size:9px}.module-number{font-size:10px}.module-copy{grid-column:1;grid-row:2;margin-top:15px}.module-copy h3{font-size:18px;letter-spacing:-.5px;margin-top:5px;white-space:nowrap}.module-copy p{font-size:11px;max-width:250px;min-height:0}.module-tag{font-size:9px}.cloud-art,.map-art,.spark-art{grid-column:2;grid-row:2;height:130px;margin:-5px -6px 0 0;min-width:0}.module-open{grid-column:1/3;grid-row:3;margin-top:10px;padding:12px 0;font-size:11px;align-self:end}.cloud-center{width:68px;height:59px;top:32px}.node-local{bottom:14px;left:0}.node-remote{top:5px;right:4px}.map-art{height:115px;margin-top:6px}.spark-caption{bottom:2px;font-size:5px;letter-spacing:1px}.spark-ring.second{width:140px}.bottom-grid{margin-top:20px;gap:17px}.progress-panel{padding:22px}.boundary-panel{padding:23px}.integration-steps{gap:20px}.integration-steps strong{font-size:11px}.integration-steps div>span{font-size:9px}.stage-label{font-size:9px}.page-footer{padding:20px;font-size:8px;gap:10px}.module-detail{padding:20px 18px;scroll-margin-top:15px}.detail-heading h2{font-size:17px}.detail-heading p{font-size:10px;max-width:250px}.detail-heading{gap:10px}.module-icon{height:37px;width:37px;border-radius:10px}.detail-header{gap:8px}.connection-summary .small{font-size:10px}.cloud-detail-grid{margin-top:10px}.empty-state{padding:26px 5px}.empty-state h3{font-size:16px}.empty-state p{font-size:11px}.world-toolbar{gap:8px;flex-wrap:wrap}.segmented button{font-size:10px;padding:7px 12px}.world-empty{flex-direction:column;gap:28px;text-align:center;padding:30px 5px}.empty-map{min-width:125px;width:125px;height:125px}.empty-map>div{left:28px;top:29px}.world-empty h3{font-size:23px}.empty-actions{justify-content:center;gap:10px}.empty-actions .button{padding:9px 14px;font-size:11px}.world-principles{justify-content:center;gap:13px;font-size:9px}.mode-note{font-size:9px}.spark-notice{font-size:10px;padding:12px}.spark-notice strong{font-size:12px}.spark-results{gap:12px}.service-slot{display:block;padding:18px}.service-slot h3{font-size:12px;margin-bottom:15px}.service-slot p{font-size:11px;margin-top:8px;margin-bottom:17px}.service-slot .button{max-width:none}.empty-inline{font-size:10px}.spark-results p{font-size:10px}.detail-bottom{font-size:9px}.detail-bottom>.text-link{font-size:10px}.detail-bottom>div{width:100%;justify-content:space-between}.demo-notice{font-size:10px;align-items:flex-start;line-height:1.9}.demo-notice svg{margin-top:2px}.demo-heading{flex-direction:column;gap:12px}.demo-heading p{max-width:none;font-size:10px}.scenario-select{flex-direction:row;align-items:center;gap:10px}.scenario-select select{font-size:10px;padding:7px 25px 7px 10px}.world-map-panel,.resources-panel{padding:13px}.region-map{height:275px}.map-place{width:82px;height:76px}.place-shelter{left:17%;top:43px}.place-city{right:5%;top:23px}.place-hospital{left:7%;bottom:47px}.place-warehouse{right:9%;bottom:32px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-item{padding:12px}.survivor-card{padding:12px 10px}.survivor-name small{font-size:8px}.person-stats{font-size:9px;gap:9px}.person-stats b{margin-left:2px}.person-avatar{height:29px;width:29px;font-size:11px}.survivor-section>.panel-title{align-items:flex-start;gap:7px}.survivor-section>.panel-title>.small{font-size:9px;max-width:155px;text-align:right}.survivor-information{padding:15px}.survivor-information dl>div{font-size:10px}.survivor-information .small{font-size:9px}.replay-control{gap:10px}.replay-control>.button{font-size:9px;padding:6px 8px;min-height:33px}.replay-control>label{font-size:9px;min-width:0}.event-timeline li{gap:11px}.event-timeline strong{font-size:10px}.event-timeline p{font-size:9px}.event-timeline li>span{font-size:9px}.event-timeline small{font-size:8px}.secondary-panel{padding:25px 20px}.secondary-panel>h2{font-size:20px}.secondary-panel>.muted{font-size:11px}.plan-list li{padding:16px;gap:12px}.plan-list strong{font-size:12px}.plan-list p{font-size:11px}.plan-list li>span{font-size:19px}.placeholder-grid{gap:13px}.placeholder-grid>div{padding:18px}.placeholder-grid p{font-size:11px}.log-empty{padding:35px 15px}.log-empty p{font-size:11px}.login-header{padding:25px}.login-header .brand{margin:0}.login-header .brand>span{font-size:20px}.login-header>.text-link{font-size:10px}.login-layout{grid-template-columns:1fr;max-width:500px;gap:30px;padding:10px 24px 35px}.login-story{padding:5px 5px 0}.login-story h1{font-size:35px;line-height:1.4;letter-spacing:-1px;margin-top:10px}.login-story h1 br{display:none}.login-story>p{font-size:11px;margin-top:12px}.login-story>p br{display:none}.login-orbit,.login-caption{display:none}.eyebrow{font-size:8px;letter-spacing:2px}.login-card{padding:28px}.login-card h2{font-size:25px}.login-footer{padding:15px 25px 25px;font-size:9px}.login-header .brand img{width:34px;height:34px}}
@media(max-width:400px){main{padding-left:16px;padding-right:16px}.topbar{padding-left:13px;padding-right:13px}.page-intro .preview-label{display:none}.welcome-content{padding:23px}.welcome-content h2{font-size:24px}.welcome-panel{min-height:275px}.hub-visual{right:-48px;top:18px;transform:scale(.65);opacity:.6}.welcome-content p{max-width:190px}.space-overview{padding:18px;gap:12px}.setup-status{padding-left:12px;gap:8px}.setup-status strong{font-size:10px}.setup-status p{font-size:9px}.overview-link{margin-left:29px;font-size:9px}.space-stats>div+div{padding-left:12px}.space-stats strong{font-size:27px}.space-stats strong>span{margin-left:5px}.module-card{padding-left:17px;padding-right:17px;grid-template-columns:1.25fr 1fr}.module-copy h3{font-size:16px}.module-copy p{font-size:10px}.cloud-art,.spark-art{margin-right:-11px}.spark-ring.second{width:110px}.spark-cross{font-size:12px}.cross-one{left:6px}.cross-two{right:0}.block-a{left:0;width:45px}.block-b{right:-3px;width:45px}.map-marker{left:37%}.integration-steps div>span{font-size:8px}.integration-steps{gap:20px}.integration-steps li{gap:9px}.module-detail{padding:18px 13px}.detail-heading h2{font-size:16px}.detail-heading p{font-size:9px}.mode-note{font-size:8px}.map-place{width:75px}.survivor-card{flex-wrap:wrap}.survivor-name{width:100%}.person-stats{width:100%;margin-top:2px;justify-content:space-between}.survivor-name small{font-size:9px}.survivor-section>.panel-title>.small{font-size:8px}.replay-control{gap:6px}.replay-control>.button{padding:5px 7px}.event-timeline small{display:none}.login-layout{padding-left:18px;padding-right:18px}.login-card{padding:25px}.login-story h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-transparency:reduce){.glass,.sidebar,.topbar{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}dialog::backdrop{backdrop-filter:none;background:#4e384680}}
@media print{.sidebar,.topbar,.page-footer,.module-open,.button{display:none}.page-shell{margin:0;width:100%}main{padding:0}.glass{background:#fff;box-shadow:none;backdrop-filter:none}.module-card{break-inside:avoid}}
/* Keep small, meaningful text legible on the light glass surfaces. */
.brand small,.workspace-label,.sidebar-help,.profile small,.local-status small,.search-button,kbd,.overline,.preview-label,.welcome-content p,.space-stats p,.space-stats strong>span,.setup-status p,.section-heading p,.section-heading>.small,.section-heading h2>span,.module-number,.module-tag,.module-copy p,.integration-steps div>span,.stage-label,.current .stage-label,.step-dot,.boundary-panel p,.page-footer,.footer-slash,.empty-inline,.mode-note,.world-principles,.scenario-select,.place-info p,.place-info>strong>span,.resource-item>span,.resource-item small,.facility-state>span,.facility-state p,.survivor-name small,.person-stats,.survivor-information h5 span,.survivor-information dt,.replay-control>label,.event-timeline li>span,.event-timeline p,.event-timeline small,.plan-list p,.plan-list b,.placeholder-grid p,.log-empty p,.login-header>.text-link,.eyebrow,.login-story>p,.login-caption,.orbit-label,.login-note,.login-divider,.login-footer,.password-field>button,.login-card form>label,.password-label label,#search-results small{color:#796571}
.module-copy p{font-size:12px}.welcome-content p{font-size:12px}.section-heading p{font-size:12px}.module-card .state-badge{font-size:10px}.page-intro p{font-size:13px}.detail-heading p,.spark-results p,.service-slot p,.demo-heading p,.place-info p,.event-timeline p{font-size:12px}.survivor-information dl>div{font-size:11px}.person-stats{font-size:10px}.facility-state p{font-size:11px}.login-card .notice{font-size:11px}.login-note{font-size:10px}
input::placeholder{color:#796571}
.map-place{color:#7f6354}.map-place span{color:#796571}.facility-state strong{color:#9f4f68}.person-avatar{color:#79526a}
@media(max-width:1023px) and (min-width:768px){.module-copy p{font-size:11px}.module-card .state-badge{font-size:8px}}
@media(max-width:767px){.module-copy p{font-size:11px}.welcome-content p{font-size:11px}.page-intro p{font-size:12px}.detail-heading p{font-size:10px}.detail-heading h2{line-height:1.5}.spark-results p,.demo-heading p,.place-info p,.event-timeline p{font-size:11px}.module-card .state-badge{font-size:9px}.module-copy h3{white-space:normal}.service-slot p{font-size:12px}.world-empty p{font-size:12px}}

/* 真实服务视图沿用现有面板与按钮动效，刷新仅替换内容区以保留按钮焦点。 */
.spark-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0 24px}.spark-account-list{margin:28px 0}.spark-account-list article{padding:18px 0;border-bottom:1px solid rgba(153,91,111,.13)}.spark-account-list article>div{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.spark-account-list article span,.spark-account-list p{font-size:12px;color:#796571;line-height:1.8}.spark-account-list strong,.service-slot strong{overflow-wrap:anywhere}#spark-content{min-height:210px}#logout-button{margin:0 0 16px 24px}.profile>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.spark-results,.spark-account-list{overflow-wrap:anywhere}@media(max-width:767px){.spark-toolbar .outline-badge{font-size:10px}.spark-toolbar .button{min-height:44px}.spark-account-list article{padding:16px 0}.detail-bottom{flex-wrap:wrap;gap:16px}}