:root{--bg:#F4F7FA;--white:#fff;--pale:#EAF1F6;--cyanp:#E9F8F8;--nav:#102E46;--nav2:#163C57;--cyan:#13B8C5;--blue:#237BD3;--title:#18364B;--ink:#344C60;--muted:#64798A;--line:#DCE6ED;--footer:#0B2539}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:#176599;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}img{max-width:100%}h1,h2,h3{color:var(--title);line-height:1.37;margin:0 0 .75em}h1{font-size:clamp(28px,3vw,42px)}.inner-page h1{font-size:clamp(26px,2.8vw,35px)}h2{font-size:clamp(22px,2.2vw,27px)}h3{font-size:20px}p{margin:.7em 0 1.1em}section{margin:58px 0}article p{max-width:78ch}.wrap{max-width:1200px;padding-inline:28px;margin-inline:auto;min-width:0}.skip-link{position:absolute;top:-100px;left:12px;background:#fff;padding:9px;z-index:40}.skip-link:focus{top:10px}.site-header{background:#fff}.brandbar{height:72px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;min-width:0;text-decoration:none;color:var(--nav);font-weight:800}.brand .media-frame{background:none;padding:0;width:auto;min-height:0;margin:0}.brand .media-frame img{max-height:38px;width:auto}.brand .media-missing{display:none}.brand-fallback{font-size:21px;letter-spacing:.06em}.brand:has(img) .brand-fallback{display:none}.brand-tagline{color:var(--muted);font-size:13px}.register{margin-left:auto;background:var(--nav);color:#fff;border-radius:9px;padding:7px 18px;font-size:14px;white-space:nowrap;font-weight:700}.register:hover{background:var(--nav2);text-decoration:none}.desktop-nav{background:var(--nav)}.nav-inner{display:flex;align-items:stretch;min-height:51px;justify-content:space-between;gap:4px}.desktop-nav a{display:flex;align-items:center;justify-content:center;padding:10px 13px;color:#e5f1f7;font-size:15px;font-weight:600;white-space:nowrap;position:relative}.desktop-nav a.active{color:#fff;font-weight:800}.desktop-nav a.active:after{content:"";position:absolute;bottom:0;height:3px;background:var(--cyan);left:15px;right:15px}.menu-trigger{display:none}.nojs-nav{display:none}.breadcrumb{font-size:14px;color:var(--muted);display:flex;gap:10px;margin-top:26px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:#157889}.lead{font-size:17px;max-width:790px}.hero{display:grid;grid-template-columns:52fr 48fr;align-items:center;gap:35px;padding:36px 0 10px}.hero h1{max-width:650px}.hero p{max-width:560px}.actions,.topic-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.actions a{background:var(--nav);color:white;padding:9px 18px;border-radius:9px;font-weight:700}.actions a+ a{background:#d9f2f3;color:var(--nav)}.media-frame{display:flex;align-items:center;justify-content:center;margin:0;width:100%;min-width:0;border-radius:14px;padding:8px;background:var(--pale);--media-limit:185px}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit);object-fit:contain;object-position:center}.media-frame--hero{--media-limit:310px}.media-frame--feature{--media-limit:250px}.media-frame--card{--media-limit:185px}.media-frame--article{--media-limit:220px}.media-frame--wide{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px;margin:auto}.media-frame--logo{--media-limit:38px}.media-missing{min-height:100px;background:linear-gradient(110deg,#eaf1f6,#e9f8f8);color:var(--muted);font-size:13px;display:flex;text-align:center}.media-frame--hero.media-missing{min-height:230px}.media-frame--feature.media-missing{min-height:150px}.topic-directory{display:grid;grid-template-columns:1fr 1fr;gap:6px 34px}.directory-item{padding:15px 0 18px;border-top:1px solid var(--line)}.directory-item a{font-weight:800;font-size:19px}.directory-item p{margin:5px 0;color:var(--muted)}.section-head{display:flex;align-items:baseline;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:22px}.section-head span{color:var(--muted);font-size:13px}.feature-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.feature-main{background:#fff;border-left:4px solid var(--cyan);padding:24px 28px}.feature-side{display:grid;gap:12px}.mini-story{border-bottom:1px solid var(--line);padding:12px 0}.mini-story h3{margin-bottom:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.split--reverse{grid-template-columns:1.1fr .9fr}.soft-panel{background:var(--cyanp);padding:26px;border-radius:13px}.dark-panel{background:var(--nav2);color:#e8f4f8;padding:28px;border-radius:14px}.dark-panel h2,.dark-panel h3{color:white}.rule-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.rule-cards article{background:#fff;padding:23px;border-top:3px solid var(--cyan);border-radius:0 0 12px 12px}.rule-cards article:nth-child(2){margin-top:25px}.rule-cards article:nth-child(3){margin-top:50px}.reading-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:step}.reading-steps article{border-top:2px solid var(--nav);padding:16px 4px}.reading-steps article:before{counter-increment:step;content:'0' counter(step);display:block;color:#087f8b;font-size:24px;font-weight:800}.editor-note{border-left:3px solid var(--cyan);padding:10px 20px;color:var(--muted);background:#fff}.page-intro{padding:28px 0 14px;border-bottom:1px solid var(--line)}.page-intro h1{max-width:930px}.anchor-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.anchor-nav a,.topic-links a{padding:8px 14px;border:1px solid #bdd8e4;border-radius:8px;font-weight:650;background:#fff}.inner-page section{scroll-margin-top:20px}.knowledge-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(205px,.8fr);gap:35px;align-items:start}.fact-index{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px}.fact-index ul{margin:0;padding-left:19px}.stage-line{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.stage-line>div{padding:17px;background:var(--pale);border-top:3px solid var(--blue)}.stage-line strong{display:block;color:var(--title)}.table-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.content-table{width:100%;border-collapse:collapse;min-width:540px;text-align:left}.content-table caption{text-align:left;font-weight:800;color:var(--title);padding:16px 18px}.content-table th,.content-table td{padding:13px 17px;border-bottom:1px solid var(--line);vertical-align:top}.content-table thead{background:var(--pale)}.content-table tr:last-child td{border-bottom:0}.prose{max-width:800px}.prose h2{margin-top:34px}.numbered{counter-reset:phase;list-style:none;padding:0}.numbered li{counter-increment:phase;position:relative;padding:7px 10px 18px 52px;border-left:2px solid var(--line);margin-left:17px}.numbered li:before{content:counter(phase);position:absolute;left:-18px;top:3px;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:var(--nav);color:#fff;font-weight:800}.compare-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.compare-matrix article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:11px}.compare-matrix p{margin:8px 0}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery-grid>article{background:#fff;border-radius:12px;padding:20px}.gallery-grid>article:nth-child(2){margin-top:35px}.gallery-grid .media-frame{margin-bottom:14px}.manual{max-width:860px}.manual section{margin:34px 0}.faq-list{display:grid;gap:8px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:9px;padding:4px 18px}.faq-list summary{cursor:pointer;color:var(--title);font-weight:700;padding:12px 0}.faq-list p{margin:0 0 16px}.about-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:34px}.service-nav{background:var(--pale);padding:20px;border-radius:12px;align-self:start}.service-nav a{display:block;padding:8px;border-bottom:1px solid #cfdee8}.service-main section:first-child{margin-top:0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.site-footer{margin-top:62px;background:var(--footer);color:#dcecf5;padding:40px 0 18px}.site-footer a{color:#dcecf5}.footer-brand{font-weight:800;font-size:20px;color:#fff}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.footer-end{border-top:1px solid #36546a;margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;font-size:13px}.mobile-quick{display:none}.drawer-overlay,.mobile-drawer{display:none}blockquote{border-left:4px solid var(--cyan);margin:22px 0;padding:12px 20px;background:var(--cyanp)}@media(max-width:1200px){.wrap{padding-inline:22px}.desktop-nav a{padding-inline:8px;font-size:14px}}@media(max-width:920px){.brandbar{height:63px;justify-content:space-between;gap:10px}.brand-tagline,.desktop-nav{display:none}.brand .media-frame img{max-height:30px}.brand-fallback{font-size:16px}.register{margin:0;padding:7px 11px;font-size:13px}.menu-trigger{display:flex;width:40px;height:40px;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;cursor:pointer}.menu-trigger span{height:2px;width:22px;background:var(--nav)}.nojs-nav{display:flex;gap:12px;flex-wrap:wrap;padding-block:10px}.drawer-overlay{display:block;position:fixed;inset:0;background:#0b253998;z-index:50;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.mobile-drawer{display:block;position:fixed;left:0;top:0;bottom:0;width:min(86vw,340px);background:white;z-index:51;transform:translateX(-105%);visibility:hidden;transition:transform .25s,visibility .25s;overflow-y:auto;box-shadow:4px 0 25px #0002}.drawer-open{overflow:hidden}.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0);visibility:visible}.drawer-head{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.menu-close{border:0;background:var(--pale);width:40px;height:40px;font-size:25px;cursor:pointer}.mobile-drawer nav{display:grid;padding:10px 20px}.drawer-label{font-size:12px;color:var(--muted);font-weight:800;margin:14px 0 4px}.mobile-drawer nav a{padding:10px 12px;color:var(--title);border-radius:7px}.mobile-drawer nav a.active{background:var(--pale);border-left:3px solid var(--cyan);font-weight:800}}@media(max-width:760px){.wrap{padding-inline:20px}.hero,.split,.split--reverse,.feature-grid,.knowledge-layout,.about-layout{grid-template-columns:1fr}.hero{gap:20px}.compare-matrix{grid-template-columns:1fr}.stage-line{grid-template-columns:1fr 1fr}.rule-cards{grid-template-columns:1fr;gap:14px}.rule-cards article:nth-child(n){margin-top:0}.reading-steps{grid-template-columns:1fr 1fr}.service-main{grid-row:1}.service-nav{grid-row:2}.gallery-grid{grid-template-columns:1fr}.gallery-grid>article:nth-child(2){margin-top:0}.mobile-quick{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding-block:20px;font-size:13px}.mobile-quick a{white-space:nowrap}}@media(max-width:640px){body{font-size:15px;line-height:1.78}.wrap{padding-inline:16px}section{margin:36px 0}.hero{padding-top:24px}.hero h1{font-size:29px}.inner-page h1{font-size:27px}h2{font-size:22px}h3{font-size:18px}.topic-directory{grid-template-columns:1fr}.soft-panel,.dark-panel,.feature-main{padding:18px}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--article{--media-limit:175px}.media-frame--wide{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-frame--logo{--media-limit:30px}.media-frame--hero.media-missing{min-height:140px}.footer-grid{grid-template-columns:1fr}.site-footer nav{grid-template-columns:1fr 1fr}.footer-end{gap:10px;flex-wrap:wrap}.stage-line{grid-template-columns:1fr}.reading-steps{grid-template-columns:1fr}.lead{font-size:16px}.page-intro{padding-top:18px}.brand-fallback{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}