:root{--blue:#003381;--ink:#183248;--muted:#4a6072;--line:#d7e2e9;--pale:#f3f7fa;--green:#08726c;--navy:#112e46;--mint:#c7ede2;font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bf610a;outline-offset:3px}.skip{position:absolute;top:-100px;background:white;padding:1rem;z-index:100}.skip:focus{top:0}.banner{background:#fff1d8;color:#5d431b;text-align:center;padding:.45rem 1rem;font-size:.875rem}.wrap{max-width:1200px;width:calc(100% - 3rem);margin:auto}.header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0}.logo{width:196px;height:auto;display:block}.nav{display:flex;align-items:center;gap:.3rem 1rem;flex-wrap:wrap}.nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;font-weight:600}.nav a[aria-current=page]{color:var(--blue);border-bottom:2px solid var(--blue)}.nav .admin-link{background:var(--pale);padding:.25rem .8rem;font-size:.875rem}.hero{padding:4.5rem 0;background:linear-gradient(115deg,#f6f9fc,#edf4f8)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}.kicker{font-size:.875rem;letter-spacing:.1em;color:var(--green);font-weight:700;margin:0 0 1rem}.hero h1{font-size:clamp(2.3rem,4.5vw,4.2rem);letter-spacing:-.045em;line-height:1.22;margin:.6rem 0 1.4rem}.lead{font-size:1.125rem;color:var(--muted);max-width:800px}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.8rem}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;background:var(--blue);color:white;padding:.7rem 1.1rem;text-decoration:none;border:1px solid var(--blue);font-weight:600}.btn.alt{background:white;color:var(--blue)}.btn.small{padding:.4rem .8rem;font-size:.875rem;min-height:44px}.map{background:var(--navy);color:white;padding:2rem;box-shadow:12px 12px 0 #dfeaf1}.map-top{font-size:.875rem;letter-spacing:.08em;color:#d0e1ec}.map-roles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.map-role{border:1px solid #6e8aa0;padding:1rem}.map-role strong{font-size:1.3rem}.map-role p{font-size:1rem;color:#d8e6ef;margin:.4rem 0}.map-core{background:var(--mint);color:var(--navy);padding:1.3rem;text-align:center}.map-core strong{font-size:1.6rem;display:block}.map-foot{font-size:1rem;margin-top:1.1rem;color:#d8e6ef}.section{padding:3.8rem 0;border-top:1px solid var(--line)}.section.tinted{background:var(--pale)}h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.35;letter-spacing:-.03em;margin:.4rem 0 1.3rem}h3{font-size:1.3rem;line-height:1.5;margin:.5rem 0}.section-intro{max-width:780px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.7rem}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:1.7rem;border:1px solid var(--line);background:white;min-width:0}.card p{color:var(--muted)}.card .tag{display:inline-block;padding:.2rem .65rem;background:#eaf3f1;color:#1d6058;font-size:.875rem}.card .tag.example{background:#fff0d6;color:#65470c}.card .tag.sign{background:#e9eef8;color:#003381}.eyeline{font-size:.875rem;color:var(--green);font-weight:700}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem;list-style:none;padding:0}.steps li{border-top:2px solid var(--line);padding:1.2rem 0}.steps li:before{counter-increment:step;content:'0' counter(step);font-size:.875rem;color:var(--green);font-weight:700}.steps p{color:var(--muted)}.note{border-left:4px solid var(--green);background:#edf6f4;padding:1.2rem 1.5rem;margin:1.5rem 0}.notice{background:#fff2d9;border-left:4px solid #a96400;padding:1rem 1.4rem;margin:1.2rem 0}.text-column{max-width:840px}.tabs{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.3rem 0}.tabs button{background:white;border:1px solid var(--line);padding:.6rem 1rem;min-height:44px}.tabs button.active{background:var(--blue);color:white;border-color:var(--blue)}details{border-bottom:1px solid var(--line);padding:.6rem 0}summary{font-weight:600;cursor:pointer;min-height:48px;padding:.6rem 0}details p{color:var(--muted);max-width:850px}.footer{background:#edf3f7;padding:2.5rem 0;font-size:1rem}.footer-row{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer a{display:inline-flex;min-height:44px;align-items:center;margin-right:1rem}.footer img{width:195px;height:auto}.footer p{color:var(--muted)}.demo-head{padding:1.5rem 0;border-bottom:1px solid var(--line);background:#f3f7fa}.demo-head h1{font-size:1.9rem;margin:.3rem 0}.demo-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.5rem;padding:1.5rem 0 3rem}.sidebar{display:flex;flex-direction:column;align-items:stretch;gap:.3rem}.sidebar button{padding:.8rem 1rem;background:white;border:1px solid var(--line);text-align:left;min-height:44px}.sidebar button.active{background:var(--blue);color:white}.panel{background:white;border:1px solid var(--line);padding:1.5rem;min-width:0}.panel h2{font-size:1.5rem}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.field{display:block;margin:1rem 0;font-weight:600}.field input,.field textarea,.field select{display:block;width:100%;padding:.65rem .8rem;border:1px solid #acbecb;background:white;color:var(--ink);margin-top:.35rem;font-weight:400;border-radius:0}.field textarea{min-height:95px;resize:vertical}.field small{font-size:.875rem;font-weight:400;color:var(--muted)}.edit-row{border:1px solid var(--line);padding:1rem;margin:1rem 0;background:var(--pale)}.edit-row .field{margin:.6rem 0}.edit-row h3{font-size:1.1rem}.mini{font-size:.875rem;color:var(--muted)}.state{display:inline-block;font-size:.875rem;padding:.3rem .65rem;background:#e8f1fa;color:#003381}.history-item{border-bottom:1px solid var(--line);padding:1rem 0}.preview-label{background:#e7f0ff;color:#003381;padding:.7rem 1rem;text-align:center}.live{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);max-width:calc(100% - 2rem);background:#112e46;color:white;padding:.9rem 1.2rem;z-index:99;box-shadow:0 4px 20px #0002}.live:empty{display:none}.empty{padding:1.2rem;background:var(--pale);color:var(--muted)}p,li,a,h1,h2,h3,label{overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3f6;padding:1rem}.hidden{display:none!important}.bottom-actions{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap}.danger{color:#8b2525;background:white;border:1px solid #ce9c9c;padding:.5rem .8rem;min-height:44px}@media(max-width:1050px){.header-inner{flex-direction:column;align-items:flex-start}.hero-grid{gap:2rem}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:1fr 1fr}}@media(max-width:760px){.hero-grid,.grid,.grid.three{grid-template-columns:1fr}.hero{padding:3rem 0}.map{max-width:550px}.nav{gap:.3rem 1rem}.demo-layout{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.sidebar button{flex:1 0 140px}.panel{padding:1rem}.hero h1{font-size:2.5rem}.section{padding:2.6rem 0}.wrap{width:calc(100% - 2.5rem)}}@media(max-width:420px){.steps{grid-template-columns:1fr}.map{padding:1.3rem}.map-roles{grid-template-columns:1fr}.hero h1{font-size:2.25rem}.card{padding:1.3rem}.nav a{font-size:1rem}.logo{width:180px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{.banner,.header,.sidebar,.toolbar,.live{display:none}.hero,.section{padding:1rem 0}.demo-layout{display:block}.map{box-shadow:none}}

.resource-meta{display:grid;grid-template-columns:6em 1fr;gap:.3rem 1rem;font-size:.9rem}.resource-meta dt{color:var(--muted)}.resource-meta dd{margin:0;overflow-wrap:anywhere}.btn:disabled{background:#edf1f4;color:#576675;border-color:#b8c4ce;cursor:not-allowed}

.content-image,video{max-width:100%;height:auto}.admin-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1.5rem;margin:2rem auto}.resource-meta dd{overflow-wrap:anywhere}.editor input,.editor textarea,.editor select{max-width:100%}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}}