:root{--navy:#0d2638;--navy-2:#173b52;--teal:#0d8b80;--teal-2:#14b8a6;--ink:#162f42;--muted:#607787;--line:#dce7eb;--surface:#fff;--bg:#f4f8f8;--amber:#b7791f;--red:#b8473d;--shadow:0 18px 50px rgba(13,38,56,.09)}
*{box-sizing:border-box}.onboarding.hidden{display:none}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 "Microsoft YaHei",Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.onboarding{min-height:100vh;background:linear-gradient(145deg,#0d2638 0%,#173f54 55%,#0e716f 100%);color:#fff;padding:28px 20px 50px}.onboard-shell{max-width:1180px;margin:auto}.onboard-brand{display:flex;align-items:center;gap:12px}.onboard-brand strong{display:block;font-size:22px;line-height:1.1}.onboard-brand small{display:block;color:#a9d5d4;font-size:12px;margin-top:4px}.brand-mark{width:40px;height:40px;border:1px solid #8be0d6;border-radius:13px;display:grid;place-items:center;color:#8be0d6;font-weight:900;font-size:22px}.onboard-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:68px 0 54px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#5dbdb8;font-weight:900}.hero-copy h1{font-size:62px;line-height:1.08;letter-spacing:0;margin:15px 0}.hero-copy p{font-size:19px;line-height:1.8;color:#d3e6e8;max-width:670px;margin:0}.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-points span{border:1px solid #6ab9ba55;background:#ffffff0d;padding:9px 13px;border-radius:8px;font-size:12px;color:#c9e7e6}.hero-visual{min-height:330px;position:relative;display:grid;place-items:center}.visual-ring{position:absolute;border:1px solid #65d4ca55;border-radius:50%}.ring-a{width:310px;height:310px}.ring-b{width:230px;height:230px;border-color:#f4cc8055}.hero-device{width:220px;height:292px;background:#f7fbfb;border:8px solid #081a28;border-radius:28px;padding:24px 18px;color:#173b52;box-shadow:0 24px 60px #06172288;display:flex;flex-direction:column;gap:15px;position:relative;z-index:1}.hero-device:before{content:"";width:60px;height:4px;border-radius:3px;background:#b4c4ca;position:absolute;top:10px;left:calc(50% - 30px)}.device-top{font-size:11px;color:#5a7a83}.hero-device b{font-size:20px;line-height:1.35}.hero-device i{display:block;height:33px;border-radius:7px;background:#dcefed}.hero-device i:nth-of-type(2){background:#e5edf2}.hero-device small{margin-top:auto;font-size:10px;color:#718892}.role-section,.adapt-section{border-top:1px solid #ffffff22;padding-top:34px}.section-intro h2{margin:5px 0;font-size:28px}.section-intro p{margin:0;color:#c6dfe0}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.role-card{border:1px solid #ffffff2e;color:#fff;background:#ffffff0c;border-radius:12px;text-align:left;padding:22px;min-height:184px;display:flex;flex-direction:column;transition:.2s}.role-card:hover{transform:translateY(-3px);border-color:#81d8d0;background:#ffffff16}.role-icon{width:42px;height:42px;border-radius:10px;background:#d4f0eb22;display:grid;place-items:center;font-size:22px;color:#8be0d6;margin-bottom:16px}.role-card strong{font-size:19px}.role-card small{color:#bcd7d9;margin-top:6px}.role-card em{font-style:normal;color:#8be0d6;font-size:12px;margin-top:auto}.role-family{border-color:#f0c66e44}.role-family .role-icon{color:#f4d28c}.role-family em{color:#f4d28c}.role-resident{border-color:#7cb4dd44}.role-resident .role-icon{color:#a9d6f4}.role-resident em{color:#a9d6f4}.adapt-section{margin-top:38px}.adapt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.adapt-grid button{border:1px solid #ffffff2b;background:#ffffff08;color:#fff;border-radius:9px;padding:14px;text-align:left}.adapt-grid b{display:block;font-size:14px}.adapt-grid span{display:block;color:#b9d5d7;font-size:11px;margin-top:4px}.adapt-grid .adapt-skip{border-style:dashed}.onboard-note{color:#9fc4c6;font-size:11px;margin:30px 0 0}
.app-header{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:26px;padding:0 max(20px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:10;box-shadow:0 5px 25px #06203422}.app-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:220px}.app-brand strong{display:block;line-height:1.1}.app-brand small{display:block;font-size:10px;color:#8bb1b8;margin-top:3px}.app-brand .brand-mark{width:34px;height:34px;border-radius:10px;font-size:18px}.app-header nav{display:flex;align-items:center;gap:5px;flex:1}.app-header nav button,.header-button{border:1px solid #6b899955;background:#ffffff0b;color:#dbecee;border-radius:6px;padding:8px 12px;font-size:13px}.app-header nav button:hover,.app-header nav button.active{background:#1e5965;border-color:#66c5bd;color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.role-label{font-size:11px;color:#9ec7c8;white-space:nowrap}.header-button{font-size:11px;padding:7px 9px}.page{display:none}.page.active{display:block}.page-shell{max-width:1180px;margin:auto;padding:38px 22px 80px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.page-heading h1{font-size:36px;line-height:1.2;margin:5px 0 8px;letter-spacing:0}.page-heading p{margin:0;color:var(--muted)}.heading-chip{padding:10px 14px;border-radius:9px;background:#e3f3f1;color:#0b776f;font-size:12px;font-weight:800;white-space:nowrap}.heading-chip.green{background:#e3f3e9;color:#35734c}.primary-button,.secondary-button,.outline-button,.text-button,.ghost-button{border-radius:7px;padding:10px 14px;font-weight:800;border:1px solid transparent}.primary-button{background:var(--teal);color:#fff}.primary-button:hover{background:#08756c}.secondary-button{background:#fff;color:var(--navy-2);border-color:#b8cbd1}.outline-button{background:#fff;color:var(--navy-2);border-color:#b8cbd1;white-space:nowrap}.outline-button:hover,.secondary-button:hover{border-color:var(--teal);color:var(--teal)}.text-button{background:transparent;color:var(--teal);padding:4px 0}.ghost-button{background:#ffffff18;color:#fff;border-color:#ffffff55}.wide{width:100%}.standard-dashboard,.mid-dashboard,.high-dashboard,.low-dashboard{max-width:1180px;margin:auto;padding:42px 22px 80px}.standard-hero{background:linear-gradient(120deg,#e1f3f0,#f9fcfb 68%);border:1px solid #b9dfda;border-radius:18px;padding:44px 50px}.standard-hero h1{font-size:46px;line-height:1.18;margin:8px 0}.standard-hero p{max-width:680px;color:#53717c;font-size:17px}.section-heading,.mid-section-title,.panel-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:28px 0 14px}.section-heading b,.mid-section-title b,.panel-heading b{font-size:20px}.section-heading small,.mid-section-title small,.panel-heading small{display:block;color:var(--muted);font-size:11px}.scene-list{display:grid;gap:11px}.scene-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:16px 18px;box-shadow:0 5px 18px rgba(13,38,56,.04)}.scene-icon,.scene-mini-icon{display:grid;place-items:center;background:#e4f4f1;color:#0b7c73;font-weight:900}.scene-icon{width:46px;height:46px;border-radius:12px;font-size:20px}.scene-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:#0b7c73;font-weight:800}.scene-meta small{color:#8b9ca4;font-weight:500}.scene-card h3{margin:3px 0;font-size:17px}.scene-card p{margin:0;color:var(--muted);font-size:13px}.boundary-strip,.privacy-band{margin-top:18px;padding:13px 16px;background:#fff7e5;border-left:4px solid #deb156;border-radius:7px;color:#71572c;font-size:13px}.boundary-strip b,.privacy-band b{margin-right:14px;color:#795710}.mid-hero{display:grid;grid-template-columns:1fr 220px;align-items:center;background:#fff;border:1px solid #bedfdc;border-radius:18px;padding:38px 42px}.mid-hero h1{font-size:39px;margin:7px 0}.mid-hero p{max-width:640px;color:var(--muted)}.mid-stat{height:150px;width:150px;border-radius:50%;background:#e4f4f1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#087b73}.mid-stat strong{font-size:52px;line-height:1}.mid-stat span{font-weight:800}.mid-stat small{font-size:10px;margin-top:5px}.mid-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0 28px;background:#fff;border:1px solid var(--line);border-radius:10px}.mid-strip div{padding:14px;text-align:center;border-right:1px solid var(--line)}.mid-strip div:last-child{border-right:0}.mid-strip b{display:block;color:var(--teal);font-size:20px}.mid-strip span{font-size:12px;color:var(--muted)}.high-hero{display:flex;justify-content:space-between;align-items:center;padding:38px 42px;border-radius:20px;background:linear-gradient(130deg,#102f47,#0a746c);color:#fff;box-shadow:0 20px 50px #0e314325}.high-hero h1{font-size:46px;margin:6px 0}.high-hero p{max-width:680px;color:#cce5e6;font-size:16px}.hero-actions{display:flex;gap:10px;margin-top:22px}.score-orb{width:150px;height:150px;flex:none;border:1px solid #8be0d655;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0e}.score-orb strong{font-size:48px;color:#89e0d6;line-height:1}.score-orb span{font-size:12px}.score-orb small{font-size:10px;color:#b8d6d9}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.metric-grid div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px}.metric-grid b{display:block;font-size:28px;color:var(--teal)}.metric-grid span{display:block;font-weight:800}.metric-grid small{color:var(--muted);font-size:11px}.high-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.workspace-panel,.guard-panel,.recent-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.workspace-panel{grid-row:span 2}.workspace-scenes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.workspace-scenes button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;text-align:left;padding:10px;border:1px solid #d9e8e8;border-radius:8px;background:#f8fbfb;color:var(--ink)}.workspace-scenes button:hover{border-color:var(--teal);background:#eef8f6}.workspace-scenes b{font-size:12px;display:block}.workspace-scenes small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.workspace-scenes em{font-style:normal;color:var(--teal);font-size:10px}.scene-mini-icon{width:30px;height:30px;border-radius:8px}.status-dot{font-size:10px;color:#0b7a72;background:#e2f4f0;padding:4px 8px;border-radius:999px}.guard-item{padding:12px;border-radius:9px;margin-top:10px}.guard-item.teal{background:#e6f5f1}.guard-item.amber{background:#fff5df}.guard-item b{font-size:13px}.guard-item p{margin:3px 0 0;font-size:11px;color:#54707a}.guard-foot{font-size:10px;color:var(--muted);margin-top:13px}.recent-row{display:flex;align-items:center;gap:9px;border-top:1px solid #edf1f2;padding:11px 0}.recent-icon{width:27px;height:27px;border-radius:8px;background:#e6f3f3;display:grid;place-items:center;color:var(--teal)}.recent-row span:nth-child(2){flex:1}.recent-row b,.recent-row small{display:block}.recent-row b{font-size:12px}.recent-row small{color:var(--muted);font-size:10px}.recent-row strong{font-size:10px;color:#31805e}.low-dashboard{max-width:900px}.low-welcome{text-align:center;background:#fff;border:3px solid var(--navy-2);border-radius:20px;padding:34px 26px}.low-welcome h1{font-size:44px;line-height:1.15;margin:8px 0}.low-welcome p{font-size:19px;color:#496573}.low-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.low-actions button{min-height:135px;text-align:left;border:3px solid var(--navy-2);border-radius:16px;background:#fff;padding:20px;color:var(--navy-2)}.low-actions button:first-child{background:var(--navy-2);color:#fff}.low-actions b{display:block;font-size:27px}.low-actions small{font-size:16px}.low-help{display:flex;gap:12px;align-items:center;padding:17px 20px;background:#fff7df;border:2px solid #e4bf71;border-radius:13px;font-size:16px}.search-box{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:var(--shadow)}.search-row{display:flex;gap:8px}.search-row input{flex:1;border:1px solid #bdced5;border-radius:7px;padding:13px 15px;color:var(--ink);outline:none}.search-row input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0d8b8018}.voice-button{border:1px solid #bdd1d7;background:#eef7f6;color:#096f6a;border-radius:7px;padding:0 13px;font-weight:800}.voice-state{font-size:11px;color:var(--muted);margin-top:8px}.quick-queries{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:14px}.quick-queries span{font-size:11px;color:var(--muted)}.quick-queries button{border:1px solid #d5e4e8;background:#f8fbfb;border-radius:999px;padding:5px 10px;color:#41636f;font-size:11px}.boundary-note{display:flex;gap:16px;align-items:center;padding:13px 15px;margin:14px 0;background:#eaf5f4;border-radius:9px;font-size:12px;color:#42666e}.boundary-note b{color:#0a776f}.results-intro{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.results-intro b{font-size:19px}.results-intro span{font-size:11px;color:var(--muted)}.guide-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.guide-heading h1{font-size:34px;margin:5px 0}.guide-heading p{margin:0;color:var(--muted)}.guide-progress{margin:20px 0 15px}.guide-progress>span{font-size:12px;color:var(--muted)}.guide-progress>div{display:flex;gap:5px;margin-top:7px}.guide-progress i{height:6px;flex:1;background:#dbe7ea;border-radius:5px}.guide-progress i.done{background:var(--teal)}.guide-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.step-panel,.guide-aside{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}.step-label{font-size:11px;letter-spacing:.15em;color:var(--teal);font-weight:900}.step-panel h2{font-size:27px;line-height:1.35;margin:8px 0}.step-detail{color:var(--muted);margin:0}.guide-image{position:relative;background:#e8f1f2;border-radius:12px;padding:12px;margin:18px 0}.guide-image img{display:block;width:100%;max-height:560px;object-fit:contain;border-radius:8px}.guide-image span{position:absolute;bottom:20px;left:25px;right:25px;text-align:center;background:#102f47e8;color:#fff;font-size:10px;border-radius:6px;padding:6px}.tip-box{background:#fff7e0;border-left:4px solid #d6a23a;border-radius:7px;padding:11px 13px}.tip-box b{color:#775a20}.tip-box p{margin:3px 0;font-size:13px;color:#68562f}.guide-disclaimer{margin-top:13px;padding:10px 12px;background:#f1f7f7;color:#527178;border-radius:6px;font-size:11px}.step-controls{display:flex;align-items:center;gap:8px;margin-top:15px}.step-controls span{flex:1}.meaning-card{border-radius:9px;padding:15px;margin-bottom:11px}.meaning-card span{display:block;font-size:11px;font-weight:900;color:var(--teal);margin-bottom:6px}.meaning-card b{font-size:14px;line-height:1.5}.meaning-card p{margin:0;font-size:12px;color:#4f6871}.meaning-card.official{background:#edf6f8}.meaning-card.plain{background:#e9f5f2}.meaning-card.guard{background:#fff7e2}.page-heading+.update-hero{margin-top:6px}.update-hero{display:flex;align-items:center;gap:17px;padding:22px;background:#e3f3f1;border:1px solid #b9dfda;border-radius:12px}.update-number{width:50px;height:50px;border-radius:12px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:900}.update-hero b{font-size:18px}.update-hero p{margin:3px 0 0;color:#56727a;font-size:13px}.update-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.update-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.update-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#e7f4f1;color:var(--teal);font-weight:900;font-size:18px;margin-bottom:13px}.update-grid b{display:block}.update-grid p{font-size:12px;color:var(--muted);min-height:80px}.update-grid em{font-size:10px;color:var(--teal);font-style:normal}.privacy-band{margin-top:16px;background:#eef6f7;border-color:#6b9eaa;color:#42666e}.privacy-band b{color:#245c6b}.statement-card{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px}.statement-mark{width:42px;height:42px;border-radius:11px;background:var(--navy);color:#8be0d6;display:grid;place-items:center;font-size:20px;font-weight:900;flex:none}.statement-card p{margin:0;line-height:1.95}.compliance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.compliance-grid article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px}.compliance-grid b{color:var(--navy-2)}.compliance-grid p{color:var(--muted);font-size:13px;margin:5px 0 0}.boundary-table{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.boundary-table>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px}.boundary-table span{font-size:11px;color:var(--teal);font-weight:900}.boundary-table b{display:block;font-size:18px;margin:5px 0}.boundary-table p{margin:0;color:var(--muted);font-size:12px}.fixed-disclaimer{display:flex;gap:15px;align-items:center;margin-top:15px;background:#fff7e2;border-left:4px solid #d7a344;border-radius:7px;padding:13px 15px;font-size:12px;color:#654f29}.fixed-disclaimer b{white-space:nowrap}.modal{display:none;position:fixed;inset:0;background:#071d2bcc;z-index:30;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{position:relative;background:#fff;color:var(--ink);max-width:500px;width:100%;border-radius:14px;padding:28px;box-shadow:0 25px 80px #061a2a66}.modal-card h2{font-size:26px;margin:7px 0}.modal-card>p{color:var(--muted)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:26px;color:#6e8490}.modal-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.modal-mode-grid button{border:1px solid var(--line);background:#f8fbfb;text-align:left;padding:13px;border-radius:8px}.modal-mode-grid button:hover{border-color:var(--teal)}.modal-mode-grid b,.modal-mode-grid small{display:block}.modal-mode-grid small{font-size:11px;color:var(--muted);margin-top:3px}.risk-card{border-top:5px solid var(--red)}.risk-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fbe5e2;color:var(--red);font-size:22px;font-weight:900}.risk-callout{background:#fff0ed;border-left:4px solid var(--red);padding:12px;margin:14px 0;color:#71423d;font-size:13px}.feedback-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.feedback-options button{border:1px solid var(--line);background:#f8fbfb;border-radius:7px;padding:10px;text-align:left;font-size:12px}.feedback-options button.selected{border-color:var(--teal);background:#e7f5f2;color:#08776e;font-weight:800}.modal-card textarea{width:100%;min-height:80px;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.empty-state{text-align:center;background:#fff;border:1px dashed #b5cbd0;border-radius:12px;padding:40px 20px;color:var(--muted)}.empty-state b{display:block;font-size:18px;color:var(--ink)}.empty-state p{font-size:13px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#102f47;color:#fff;padding:11px 17px;border-radius:999px;z-index:50;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
body.mode-low .app-header{background:#173b52;height:82px}body.mode-low{font-size:18px}body.mode-low .app-header nav{display:none}body.mode-low .page-shell,body.mode-low .standard-dashboard{max-width:920px}body.mode-low .page-heading h1{font-size:42px}body.mode-low .scene-card{grid-template-columns:58px 1fr;padding:19px}.mode-low .scene-card p,.mode-low .scene-meta small,.mode-low .outline-button{display:none}.mode-low .scene-card h3{font-size:22px}.mode-low .guide-layout{grid-template-columns:1fr}.mode-low .guide-aside{display:none}.mode-low .guide-heading{display:block}.mode-low .guide-heading .secondary-button{width:100%;margin-top:12px;padding:15px;font-size:18px}.mode-low .step-panel h2{font-size:34px}.mode-low .step-detail,.mode-low .tip-box p{font-size:19px}.mode-low .guide-disclaimer{font-size:16px}.mode-low .step-controls{display:grid;grid-template-columns:1fr 1fr}.mode-low .step-controls span{display:none}.mode-low .step-controls .text-button{grid-column:1/-1}.mode-low .search-row{flex-wrap:wrap}.mode-low .search-row input{flex-basis:100%;font-size:20px;padding:16px}.mode-low .voice-button,.mode-low .search-row .primary-button{flex:1;padding:14px}.mode-low .quick-queries,.mode-low .heading-chip,.mode-low .boundary-note{display:none}
body.mode-mid .app-header nav button:nth-child(3){display:none}body.mode-mid .standard-dashboard{max-width:1080px}body.mode-mid .scene-list .scene-card:nth-child(n+5){display:none}body.mode-mid .scene-card{padding:19px}body.mode-mid .scene-card h3{font-size:19px}body.mode-mid .scene-card p{font-size:14px}body.mode-mid .high-dashboard,body.mode-mid .low-dashboard{display:none}
body.mode-high{background:#eef4f4}body.mode-high .app-header{background:#0a2e3f}body.mode-high .standard-dashboard,body.mode-high .mid-dashboard,body.mode-high .low-dashboard{display:none}body.mode-high .page-shell{max-width:1240px}body.mode-high .page-heading h1{font-size:40px}body.mode-high .scene-card{box-shadow:0 9px 24px rgba(11,50,65,.07)}body.mode-high .heading-chip{font-size:13px}
@media(max-width:820px){.onboard-hero{grid-template-columns:1fr;padding-top:48px}.hero-copy h1{font-size:46px}.hero-visual{min-height:270px}.role-grid,.adapt-grid{grid-template-columns:1fr}.app-header{height:auto;min-height:70px;flex-wrap:wrap;padding:13px 16px;gap:10px}.app-brand{min-width:0}.app-header nav{order:3;width:100%;overflow:auto}.app-header nav button{white-space:nowrap}.header-actions{margin-left:auto}.role-label{display:none}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:30px}.heading-chip{align-self:flex-start}.standard-hero,.mid-hero,.high-hero{padding:28px 24px}.standard-hero h1,.high-hero h1{font-size:34px}.mid-hero{grid-template-columns:1fr}.mid-stat{margin:20px auto 0}.metric-grid{grid-template-columns:1fr 1fr}.high-hero{align-items:flex-start;gap:20px}.score-orb{width:110px;height:110px}.score-orb strong{font-size:35px}.high-grid{grid-template-columns:1fr}.workspace-panel{grid-row:auto}.workspace-scenes{grid-template-columns:1fr}.scene-card{grid-template-columns:46px 1fr}.scene-card .outline-button{grid-column:1/-1;justify-self:start}.guide-layout{grid-template-columns:1fr}.guide-heading{align-items:flex-start;flex-direction:column}.guide-heading h1{font-size:29px}.update-grid,.compliance-grid,.boundary-table{grid-template-columns:1fr}.fixed-disclaimer{align-items:flex-start;flex-direction:column;gap:5px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.voice-button,.search-row .primary-button{flex:1}.low-actions{grid-template-columns:1fr}.low-welcome h1{font-size:35px}}
body{--onboard-hidden:0}
.onboarding.hidden{display:none}

/* Role-specific workspaces */
.worker-dashboard,.family-dashboard,.resident-dashboard{max-width:1180px;margin:auto;padding:42px 22px 80px}
.worker-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(130deg,#102f47,#0b706b);color:#fff;border-radius:20px;padding:38px 42px;box-shadow:0 20px 50px rgba(14,49,67,.14)}
.worker-hero h1,.family-hero h1{font-size:42px;line-height:1.2;margin:8px 0}.worker-hero p{max-width:700px;color:#cce3e4}.worker-identity{width:205px;min-height:140px;flex:none;border:1px solid #86ddd455;background:#ffffff10;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:center}.worker-identity span{font-size:11px;color:#8fe2d8}.worker-identity b{font-size:23px;margin:5px 0}.worker-identity small{color:#bdd8da;font-size:10px}.worker-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:15px 0}.worker-rich .worker-metrics{grid-template-columns:repeat(4,1fr)}.worker-metrics>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.worker-metrics b{font-size:27px;color:var(--teal);display:block}.worker-metrics span{display:block;font-weight:800}.worker-metrics small{color:var(--muted);font-size:10px}.worker-layout{display:grid;grid-template-columns:1.45fr .55fr;gap:14px}.worker-layout>section,.worker-layout>aside{min-width:0}.worker-side-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px}.worker-side-card>b{font-size:17px}.worker-side-card ol{padding-left:20px;margin:12px 0 0;color:#526c76;font-size:12px}.worker-side-card li{margin:8px 0}.version-card{background:#eef7f6}.version-card>b{display:block;margin:12px 0 4px}.version-card p{color:var(--muted);font-size:12px}
.family-dashboard{max-width:1120px}.family-hero{display:grid;grid-template-columns:1fr 280px;gap:34px;align-items:center;background:linear-gradient(130deg,#fff9e9,#eef8f5);border:1px solid #e4cf99;border-radius:22px;padding:40px 46px}.family-hero p{max-width:660px;color:#66777d;font-size:16px}.family-primary,.family-secondary{border-radius:8px;padding:11px 15px;font-weight:800}.family-primary{border:1px solid #a96d1a;background:#a96d1a;color:#fff}.family-secondary{border:1px solid #d0aa68;background:#fff9e9;color:#84591b}.family-card-preview{background:#fff;border:1px solid #e4c989;border-radius:17px;padding:20px;box-shadow:0 15px 35px rgba(117,82,24,.1)}.family-card-preview>span{font-size:10px;color:#9a6b24}.family-card-preview>b{display:block;font-size:18px;margin:5px 0 12px}.family-card-preview>div{display:flex;align-items:center;gap:8px;border-top:1px solid #eee5d2;padding:8px 0}.family-card-preview i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#f4e6c5;color:#80551d;font-style:normal;font-weight:900;font-size:11px}.family-card-preview em{font-style:normal;font-size:12px}.family-card-preview small{display:block;margin-top:8px;color:#73858b;font-size:9px}.family-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.family-steps>div{background:#fff;border:1px solid #e8dfca;border-radius:11px;padding:15px}.family-steps b{font-size:22px;color:#aa7020;display:block}.family-steps span{font-weight:800}.family-steps small{display:block;color:var(--muted);font-size:10px}.family-content{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.family-content>section,.family-reminder{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.family-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.family-scene-grid button{display:grid;grid-template-columns:35px 1fr;gap:8px;text-align:left;border:1px solid #e7dcc4;background:#fffcf5;border-radius:10px;padding:12px;color:var(--ink)}.family-scene-grid button>span{grid-row:1/4;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f3e5c3;color:#94631e;font-size:18px}.family-scene-grid b,.family-scene-grid small,.family-scene-grid em{display:block}.family-scene-grid b{font-size:12px}.family-scene-grid small{font-size:10px;color:var(--muted)}.family-scene-grid em{font-style:normal;font-size:10px;color:#94631e}.family-reminder{background:#fff7e5}.family-reminder>b{font-size:18px;color:#79561d}.family-reminder p{font-size:12px;color:#6d5b3c}.family-reminder>div{font-size:12px;margin:8px 0;color:#51696d}
.resident-dashboard{max-width:850px}.resident-welcome{text-align:center;background:#fff;border:3px solid #173b52;border-radius:24px;padding:38px 25px}.resident-tag{display:inline-block;padding:6px 12px;background:#e6f3f1;color:#08776f;border-radius:999px;font-weight:900;font-size:12px}.resident-welcome h1{font-size:45px;line-height:1.2;margin:12px 0}.resident-welcome p{font-size:19px;color:#4e6d77}.resident-voice{border:0;border-radius:12px;background:#0b8178;color:#fff;padding:15px 22px;font-size:18px;font-weight:900}.resident-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.resident-actions button{min-height:145px;display:grid;grid-template-columns:56px 1fr;gap:10px;text-align:left;align-items:center;border:3px solid #173b52;background:#fff;color:#173b52;border-radius:18px;padding:20px}.resident-actions button>span{grid-row:1/3;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#e4f3f1;color:#08786f;font-size:27px;font-weight:900}.resident-actions b{font-size:23px}.resident-actions small{font-size:14px;color:#57717b}.resident-help{display:flex;flex-direction:column;gap:4px;background:#fff6dd;border:2px solid #dfba66;border-radius:15px;padding:18px 22px}.resident-help span{font-size:14px;color:#89621e}.resident-help b{font-size:18px}.resident-help small{color:#725f38}
.role-family .app-header{background:#493b27}.role-family .app-header nav button:hover,.role-family .app-header nav button.active{background:#8d672c;border-color:#d5b06c}.role-family .app-brand .brand-mark{color:#f1d38d;border-color:#f1d38d}.role-resident .app-header{background:#173b52}.role-resident .app-header nav button:nth-child(3){display:none}.role-resident .app-header nav button:nth-child(4){display:none}.role-resident #modeButton{font-size:0}.role-resident #modeButton:after{content:'调整大字';font-size:11px}.role-resident .page-heading .heading-chip,.role-resident .boundary-note{display:none}.role-resident .page-heading h1{font-size:38px}.role-resident .search-results .scene-card p,.role-resident .search-results .scene-meta small{display:none}.mode-low.role-worker .worker-layout{grid-template-columns:1fr}.mode-low.role-worker .worker-layout aside{display:none}.mode-low.role-worker .worker-metrics{grid-template-columns:1fr 1fr}.mode-low.role-family .family-hero,.mode-low.role-family .family-content{grid-template-columns:1fr}.mode-low.role-family .family-card-preview{display:none}.mode-low.role-family .family-scene-grid{grid-template-columns:1fr}.mode-low.role-family .family-scene-grid button{padding:18px}.mode-low.role-resident .app-header nav{display:none}.mode-low.role-resident .resident-actions{grid-template-columns:1fr}.mode-low.role-resident .resident-actions button{min-height:125px}.mode-high.role-worker .worker-hero{background:linear-gradient(130deg,#0a2438,#0b736d)}
@media(max-width:820px){.worker-dashboard,.family-dashboard,.resident-dashboard{padding:26px 16px 70px}.worker-hero,.family-hero{grid-template-columns:1fr;display:grid;padding:28px 23px}.worker-hero h1,.family-hero h1{font-size:32px}.worker-identity{width:100%;min-height:0}.worker-metrics,.worker-rich .worker-metrics{grid-template-columns:1fr 1fr}.worker-layout,.family-content{grid-template-columns:1fr}.family-card-preview{max-width:320px}.family-steps{grid-template-columns:1fr}.family-scene-grid{grid-template-columns:1fr}.resident-welcome h1{font-size:35px}.resident-actions{grid-template-columns:1fr}.role-family .header-actions .role-label,.role-resident .header-actions .role-label{display:none}}
.adapt-grid button.selected{border-color:#8be0d6;background:#ffffff20;box-shadow:0 0 0 2px #8be0d633}