*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F6F2;color:#444757;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.78;overflow-x:hidden}a{color:#50459a;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(101,86,184,.28);outline-offset:2px}button,input{font:inherit}.shell{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}.site-header{background:#fff;border-bottom:1px solid #E5E4E8;position:relative;z-index:5}.brand-row{min-height:66px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo-box{display:inline-flex;background:#fff;border:1px solid #E5E4E8;border-radius:9px;padding:7px;box-shadow:0 2px 8px rgba(37,38,56,.05);flex:none}.logo-box img{display:block;max-height:32px;width:auto;max-width:150px;object-fit:contain}.brand-copy{display:grid;color:#252638;line-height:1.15}.brand-copy strong{font-size:18px}.brand-copy small{font-size:12px;color:#727487;letter-spacing:.08em;margin-top:4px}.tagline{margin:0;color:#727487;font-size:14px}.top-actions{display:flex;justify-content:flex-end;gap:8px}.plain-btn{min-height:44px;padding:8px 13px;border:1px solid #E5E4E8;border-radius:10px;background:#fff;color:#444757;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.menu-trigger{display:none}.main-nav{min-height:48px;display:flex;align-items:center;gap:24px;border-top:1px solid #f0eff2}.main-nav a{color:#444757;padding:12px 0;border-bottom:2px solid transparent;white-space:nowrap}.main-nav a.active{font-weight:700;color:#252638;border-color:#6556B8}.special-bar{display:flex;gap:15px;align-items:center;min-height:38px;font-size:13px;background:#faf9fc}.special-bar span{color:#727487}.special-bar a{color:#4E7897}.article-shell{max-width:780px;margin:0 auto;padding:52px 24px 64px}.wide-shell{max-width:1160px;margin:auto;padding:0 32px}.page-hero{margin-bottom:40px}.eyebrow{font-size:13px;letter-spacing:.12em;color:#6556B8;font-weight:700;margin:0 0 8px}.page-hero h1,.cover h1{color:#252638;font-size:36px;line-height:1.2;margin:0 0 16px}.lead{font-size:17px;color:#55586a;margin:0}.prose-section{margin:42px 0}.prose-section h2,.section-title{font-size:26px;line-height:1.3;color:#252638;margin:0 0 15px}.prose-section h3{font-size:19px;color:#252638;margin:24px 0 8px}.prose-section p{margin:0 0 16px}.media-frame{display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;border:1px solid #E5E4E8;border-radius:14px;min-height:0}.media-frame img{display:block;object-fit:contain;object-position:center;max-width:100%;height:auto;max-height:240px}.hero-media img{max-height:300px}.app-media img{max-height:300px}.related{border-top:1px solid #E5E4E8;margin-top:48px;padding-top:20px;display:flex;flex-wrap:wrap;gap:12px}.related a,.text-link{display:inline-flex;min-height:44px;align-items:center}.cover{display:grid;grid-template-columns:52fr 48fr;gap:34px;align-items:center;padding-top:54px;padding-bottom:54px}.cover-copy p{max-width:610px}.cover-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.action-link{display:inline-flex;min-height:44px;align-items:center;padding:9px 15px;border:1px solid #d9d7e2;border-radius:10px;background:#fff}.section{padding:50px 0}.section.soft-blue{background:#EEF5FA}.section.soft-purple{background:#F3F0FA}.section.soft-apricot{background:#FFF4E8}.section-head{margin-bottom:22px}.section-head p{margin:6px 0 0;max-width:720px}.split{display:grid;grid-template-columns:44fr 56fr;gap:30px;align-items:start}.split.no-image{grid-template-columns:1fr}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid #E5E4E8;border-radius:14px;padding:20px;min-width:0}.card h3{font-size:19px;margin:0 0 8px;color:#252638}.card p{margin:0 0 10px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.topic{background:#fff;border:1px solid #E5E4E8;border-radius:12px;padding:18px}.topic strong{display:block;color:#252638;margin-bottom:7px}.process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.process .step{background:#fff;border-left:3px solid #6556B8;border-radius:10px;padding:18px}.process .step strong{color:#252638}.note-list{display:grid;gap:12px}.note{border-left:2px solid #C97348;padding:4px 0 4px 15px}.quote-note{background:#fff;border:1px solid #E5E4E8;border-radius:14px;padding:20px}.site-footer{background:#252638;color:#dcdce5;padding:48px 0 80px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px}.site-footer h2{font-size:15px;color:#fff;margin:0 0 12px}.site-footer a{color:#dcdce5;display:block;padding:4px 0}.footer-brand{display:grid;align-content:start;gap:8px}.footer-brand strong{color:#fff;font-size:19px}.footer-brand small{color:#b8b8c6}.footer-brand p{font-size:14px;margin:5px 0 0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;font-size:13px;color:#aaaabd}.mobile-bottom{display:none}.overlay{position:fixed;inset:0;background:rgba(20,20,30,.28);z-index:40}.mobile-panel,.search-panel{position:fixed;z-index:41;background:#fff;border:1px solid #E5E4E8;box-shadow:0 18px 50px rgba(25,25,35,.2)}.mobile-panel{top:60px;left:0;right:0;padding:18px;max-height:calc(100vh - 80px);overflow:auto}.search-panel{top:76px;right:max(16px,calc((100vw - 1160px)/2 + 32px));width:min(520px,calc(100vw - 32px));padding:20px;border-radius:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head button{min-width:44px;min-height:44px;border:1px solid #E5E4E8;background:#fff;border-radius:9px}.menu-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.menu-groups h2{font-size:16px;margin:0 0 8px;color:#252638}.menu-groups a{display:block;padding:7px 0}.search-label{display:block;font-size:14px;margin-bottom:6px}.search-panel input{width:100%;min-height:46px;border:1px solid #d5d4dc;border-radius:10px;padding:8px 12px}.quick-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.quick-links a{background:#F3F0FA;border-radius:8px;padding:7px 9px}.search-results a{display:block;padding:10px 0;border-top:1px solid #eee}.search-results strong{display:block;color:#252638}.search-results small{color:#727487}.noscript-nav{padding:14px;text-align:center}.noscript-nav a{margin:0 8px}
@media(max-width:1024px){.shell,.wide-shell{padding-left:24px;padding-right:24px}.tagline,.main-nav,.special-bar{display:none}.brand-row{grid-template-columns:1fr auto}.top-actions .plain-btn[href="app.php"]{display:none}.menu-trigger{display:inline-flex}.cards.four,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.menu-groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.shell,.wide-shell{padding-left:16px;padding-right:16px}.brand-row{min-height:58px}.logo-box{padding:6px}.logo-box img{max-height:28px}.brand-copy small{display:none}.article-shell{padding:36px 16px 92px}.page-hero{margin-bottom:30px}.page-hero h1,.cover h1{font-size:29px}.lead{font-size:16px}.prose-section{margin:34px 0}.prose-section h2,.section-title{font-size:23px}.cover{grid-template-columns:1fr;padding-top:38px;padding-bottom:38px;gap:24px}.split{grid-template-columns:1fr}.cards,.process{grid-template-columns:1fr}.cards.four,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:36px 0}.media-frame img{max-height:190px}.hero-media img{max-height:220px}.app-media img{max-height:250px}.site-footer{padding-bottom:94px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #E5E4E8;z-index:30}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:#444757}.search-panel{top:66px;right:16px}.menu-groups{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.cards.four,.topic-grid,.footer-grid,.menu-groups{grid-template-columns:1fr}.brand-copy strong{font-size:16px}.top-actions{gap:5px}.plain-btn{padding:7px 10px}.cover-actions{display:grid}.cover-actions a{width:100%;justify-content:center}}