:root{--navy:#17365b;--blue:#2f6fed;--gold:#c9a45c;--ink:#1b2e46;--muted:#71839a;--line:#e5ebf3;--bg:#f4f7fb;--green:#16865f}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg)}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}
.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:26px;padding:0 max(22px,calc((100vw - 1400px)/2));position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-size:19px;font-weight:850;white-space:nowrap}.brand small{display:block;font-size:10px;letter-spacing:.4px;color:#8795a8;font-weight:650}.brand-icon{height:42px;width:42px;border-radius:13px;background:linear-gradient(145deg,#224f80,#102b49);display:grid;place-items:center;color:#fff;font-size:24px;font-family:serif;box-shadow:0 6px 15px #17365b24}
.public-nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}.public-nav a{color:#5d6e84;font-weight:650}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto;white-space:nowrap}.user-chip{padding:9px 12px;background:#f1f5fa;border-radius:10px;color:#536981;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:11px 16px;font-weight:750;cursor:pointer;text-decoration:none}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 6px 15px #2f6fed25}.btn.ghost{background:#fff;border-color:#dce5f0;color:var(--navy)}.btn.light{background:#fff;color:var(--navy)}.btn.small{padding:8px 11px;font-size:12px}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}
.hero{background:linear-gradient(115deg,#102b49,#1b4775 58%,#287b98);color:white;padding:64px max(24px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;overflow:hidden;position:relative}.eyebrow{font-size:10px;font-weight:850;letter-spacing:1.7px;color:#d2e6ff;text-transform:uppercase}.eyebrow.dark{color:#4973a8}.hero h1{font-size:clamp(36px,4vw,58px);line-height:1.16;letter-spacing:-1.4px;margin:15px 0 20px}.hero h1 em{font-style:normal;color:#f0d18c}.hero p{font-size:16px;color:#dce9f6;max-width:650px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin:26px 0}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#c9d9e9;font-size:12px}
.hero-visual{min-height:330px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #ffffff22;border-radius:50%;width:330px;height:330px}.visual-orbit.o2{width:250px;height:250px}.visual-core{width:175px;height:175px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#fff,#d9e7f6 42%,#8cb2dc);color:var(--navy);box-shadow:0 22px 60px #061a3150;border:8px solid #ffffff30}.visual-core strong{font-size:46px;font-family:serif}.visual-core small{font-size:10px;letter-spacing:1.4px}.float-card{position:absolute;background:#ffffffef;color:var(--ink);padding:13px 16px;border-radius:14px;box-shadow:0 15px 32px #061a3133;display:flex;align-items:center;gap:12px;min-width:190px}.float-card b{display:block;font-size:13px}.float-card small{display:block;color:#73849a;font-size:10px;margin-top:3px}.float-card .mini-icon{width:38px;height:38px;border-radius:12px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.fc1{top:18px;left:0}.fc2{right:0;top:135px}.fc3{bottom:18px;left:8px}
.stat-strip{max-width:1280px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:0 0 18px 18px;padding:22px 28px;display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;gap:20px;box-shadow:0 12px 28px #1b3b5d08}.stat-item span,.stat-item small{display:block;color:#8090a4;font-size:11px}.stat-item strong{font-size:26px;display:block;color:var(--navy);margin:3px 0}.stat-note{border-left:1px solid var(--line);padding-left:22px;display:flex;flex-direction:column;justify-content:center}.stat-note b{font-size:15px}.stat-note span{font-size:12px;color:#7c8da1;margin-top:5px}
.section{max-width:1280px;margin:auto;padding:52px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{font-size:28px;letter-spacing:-.5px;margin:7px 0}.section-head p{color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 6px 18px #17365b06}.feature-icon{width:46px;height:46px;background:#edf4ff;color:var(--blue);border-radius:14px;display:grid;place-items:center;font-size:22px}.feature-card h3{font-size:16px;margin:16px 0 8px}.feature-card p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.article-card .tag{display:inline-block;background:#eef4ff;color:#3569ad;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:750}.article-card h3{font-size:16px;line-height:1.5;margin:12px 0 8px}.article-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 12px}.article-date{font-size:10px;color:#9aa6b6}
.cta-band{background:linear-gradient(115deg,#17365b,#245c91);color:#fff;padding:34px 40px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{font-size:25px;margin:8px 0}.cta-band p{margin:0;color:#d3e2f2}
.site-footer{background:#10243c;color:#d5e1ed;padding:30px max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;gap:20px;flex-wrap:wrap}.site-footer div{display:flex;flex-direction:column;gap:3px;margin-right:auto}.site-footer b{font-size:17px}.site-footer span,.site-footer small{font-size:11px;color:#9fb2c6}.site-footer a{color:#d5e1ed;font-size:12px;margin-left:15px}

.app-shell{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:242px;flex:0 0 242px;background:#fff;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column}.side-label{font-size:10px;letter-spacing:1px;color:#9aa7b7;font-weight:850;margin:8px 10px 12px;text-transform:uppercase}.side-link{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:11px;color:#61738a;font-weight:650;margin-bottom:4px}.side-link span{font-size:18px;width:22px;text-align:center}.side-link:hover,.side-link.active{background:#edf4ff;color:var(--blue)}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-bottom>small{display:block;color:#a0adbb;font-size:10px;line-height:1.7;margin:14px 9px}.help-card{background:#f4f7fb;border:1px solid #e8eef6;border-radius:14px;padding:14px}.help-card b{font-size:12px}.help-card p{font-size:11px;color:#7c8da1;line-height:1.6}.help-card a{font-size:11px;font-weight:750}
.workspace{flex:1;min-width:0;padding:30px clamp(18px,3vw,44px) 22px}.app-footer{font-size:11px;color:#98a6b7;margin-top:35px;border-top:1px solid var(--line);padding:18px 0}.page-title-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.page-title-row h1{font-size:28px;letter-spacing:-.6px;margin:6px 0}.page-title-row p{color:var(--muted);margin:0;font-size:13px}
.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 6px 20px #17365b05}.panel h2{font-size:17px;margin:0 0 5px}.panel .sub{font-size:12px;color:var(--muted);margin:0 0 17px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.kpi-label{font-size:12px;color:#7a8ba0;display:flex;justify-content:space-between;align-items:center}.kpi strong{font-size:29px;color:var(--navy);display:block;margin:8px 0 3px}.kpi small{font-size:10px;color:#94a1b1}.kpi-icon{width:32px;height:32px;border-radius:10px;background:#edf4ff;color:var(--blue);display:grid;place-items:center}
.chart-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:18px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h2{margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.pill{display:inline-block;background:#eef4ff;color:#376bad;padding:6px 9px;border-radius:8px;font-size:10px;font-weight:750}
.bar-chart{height:215px;display:flex;align-items:stretch;gap:12px;padding:8px 5px 0}.bar-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px}.bar-value{font-size:10px;color:#7a8da5}.bar-track{height:160px;width:70%;display:flex;align-items:end;background:#f4f7fb;border-radius:8px 8px 3px 3px;overflow:hidden}.bar-fill{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#66a5ff,#2f6fed)}.bar-column small{font-size:10px;color:#8a99ab}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:22px;min-height:215px}.donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;flex:0 0 150px}.donut-hole{width:92px;height:92px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-hole b{font-size:24px;color:var(--navy)}.donut-hole small{font-size:10px;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:10px;min-width:100px}.legend div{display:flex;align-items:center;gap:7px;font-size:11px;color:#73849a}.legend i{width:8px;height:8px;border-radius:3px}.legend b{margin-left:auto;color:var(--ink)}
.lower-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f7f9fc;color:#78899d;font-size:10px;font-weight:800;padding:12px 13px;white-space:nowrap}td{padding:13px;border-bottom:1px solid #edf1f6;vertical-align:middle}td small{display:block;color:#98a4b2;font-size:10px;margin-top:3px}.status-tag{display:inline-block;border-radius:7px;background:#eef4ff;color:#426aa5;padding:4px 8px;font-size:10px}
.quick-link{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf1f6;color:var(--ink)}.quick-link:last-child{border:0}.quick-icon{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:18px}.quick-link div{flex:1}.quick-link b{font-size:12px;display:block}.quick-link small{font-size:10px;color:var(--muted);display:block;margin-top:3px}
.form-grid{display:grid;gap:15px}.form-grid h2{font-size:16px;margin:8px 0 0}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#53677e}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dce5ef;background:#fbfcfe;border-radius:11px;padding:12px 13px;outline:0;color:var(--ink);font-weight:400}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#77a3ef;box-shadow:0 0 0 3px #2f6fed12}.form-grid small{font-size:10px;color:#8594a7;font-weight:400}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.check input{width:auto!important}
.notice{padding:13px 15px;border-radius:12px;background:#eef4ff;color:#3b6597;font-size:12px;margin-bottom:15px}.notice.success{background:#e8f7ef;color:#13764e}.notice.danger{background:#fff0f0;color:#b53b3b}.muted{color:var(--muted);font-size:12px}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-form input,.search-form select{border:1px solid #dce5ef;border-radius:10px;padding:10px 12px;background:white}
.person-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.person-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;gap:12px;align-items:center}.person-avatar{width:44px;height:44px;border-radius:13px;background:#eaf2ff;color:#2f6fed;display:grid;place-items:center;font-size:20px;flex:0 0 44px}.person-card b{display:block}.person-card small{color:var(--muted);font-size:11px;display:block;margin-top:4px}
.tree-generation{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0}.tree-node{width:160px;background:#fff;border:1px solid #dce6f3;border-radius:13px;padding:12px;text-align:center;box-shadow:0 6px 16px #17365b0a}.tree-node .person-avatar{margin:0 auto 8px}.tree-node b{display:block}.tree-node small{display:block;color:#7b8da3;font-size:10px;margin-top:4px}.tree-connect{text-align:center;color:#8ca4c2;font-size:18px}
.storage-progress{height:12px;border-radius:20px;background:#e9eff7;overflow:hidden;margin:13px 0}.storage-progress span{height:100%;display:block;background:linear-gradient(90deg,#2f6fed,#18a085);border-radius:20px}.storage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.storage-stat{background:#f6f8fc;border-radius:12px;padding:13px}.storage-stat small{display:block;color:var(--muted);font-size:10px}.storage-stat b{display:block;font-size:18px;margin-top:4px}
.upload-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-item{border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff;font-size:11px;min-width:0}.preview-item img{width:100%;height:90px;object-fit:cover;border-radius:8px;background:#f0f3f8}.preview-item span{display:block;overflow-wrap:anywhere;margin-top:6px}.article-body{max-width:820px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:36px}.article-body h1{font-size:34px;line-height:1.35}.article-content{font-size:16px;line-height:2;color:#3d4e62;white-space:normal}.article-content p{margin:0 0 1.2em}.article-list{display:flex;flex-direction:column;gap:14px}.article-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.article-row h2{margin:8px 0;font-size:19px}.article-row p{color:var(--muted);font-size:13px;line-height:1.8}
.install-body{background:linear-gradient(135deg,#edf3fa,#f7f9fc);min-height:100vh;padding:35px 16px;display:grid;place-items:center}.install-card{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 60px #17365b12}.install-card h1{font-size:27px;margin:12px 0}.install-card .brand{margin-bottom:24px}.install-card .eyebrow{color:#5a7fae}.empty-state{text-align:center;color:#8b99ab;font-size:12px;padding:30px}

/* SEO article rich editor */
.rich-editor{border:1px solid #dce5ef;border-radius:13px;overflow:hidden;background:#fff}
.rich-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:9px;background:#f5f8fc;border-bottom:1px solid #e4ebf4}
.rich-toolbar button,.rich-toolbar select{height:34px;border:1px solid #dbe4ef;border-radius:8px;background:#fff;color:#324d6b;padding:0 9px;font-size:12px;font-weight:700}
.rich-toolbar button:hover{background:#eaf2ff;color:#245fc5}
.rich-toolbar .toolbar-sep{width:1px;height:24px;background:#dbe4ef;margin:0 3px}
.rich-toolbar .source-toggle{background:#17365b;color:#fff;border-color:#17365b}
.rich-edit-area{min-height:360px;padding:20px 22px;outline:0;font-size:16px;line-height:1.9;color:#273c54;overflow-wrap:anywhere}
.rich-edit-area:focus{box-shadow:inset 0 0 0 2px #2f6fed12}
.rich-edit-area:empty:before{content:attr(data-placeholder);color:#a0adbd}
.rich-edit-area h2{font-size:25px;margin:1.3em 0 .6em;color:#17365b}
.rich-edit-area h3{font-size:20px;margin:1.2em 0 .5em;color:#17365b}
.rich-edit-area blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid #7ba7e7;background:#f4f8ff;color:#536981}
.rich-edit-area pre,.rich-edit-area code{background:#f1f4f8;border-radius:6px;padding:2px 5px}
.rich-edit-area pre{padding:14px;white-space:pre-wrap}
.rich-edit-area img{max-width:100%;height:auto;border-radius:10px}
.rich-edit-area table{border-collapse:collapse;width:100%}
.rich-edit-area td,.rich-edit-area th{border:1px solid #dbe4ef;padding:8px}
.rich-source-area{width:100%;min-height:360px;border:0;border-radius:0;padding:18px;background:#101c2c;color:#e6f1ff;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;outline:0}
.rich-editor-help{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 13px;background:#fbfcfe;border-top:1px solid #e9eef5;color:#8190a4;font-size:11px}
.editor-upload-status{font-size:11px;color:#5477a3;margin-left:4px}
.mobile-body .rich-edit-area{min-height:280px;padding:14px;font-size:16px}
.mobile-body .rich-toolbar{gap:4px;padding:7px}
.mobile-body .rich-toolbar button,.mobile-body .rich-toolbar select{height:36px;padding:0 8px}

.help-steps{padding-left:22px;color:#52667e;font-size:13px;line-height:1.95}
.help-steps li{padding-left:4px;margin:6px 0}
.help-rule{border:0;border-top:1px solid #e7edf4;margin:24px 0}
.help-faq{border:1px solid #e5ebf3;border-radius:12px;padding:14px 16px;margin:10px 0;background:#fbfcfe}
.help-faq summary{font-weight:800;color:#263f5d;cursor:pointer}
.help-faq p{color:#687d95;font-size:13px;line-height:1.9;margin:12px 0 0}
.mobile-body .help-steps{font-size:12px;padding-left:20px}
.mobile-body .help-faq{padding:12px}

.article-content img{max-width:100%;height:auto;border-radius:12px}
.article-content h2,.article-content h3{color:#17365b;line-height:1.45;margin:1.5em 0 .65em}
.article-content blockquote{border-left:4px solid #79a4e6;background:#f4f8ff;padding:12px 18px;margin:20px 0;color:#526b88}
.article-content pre{overflow:auto;background:#101c2c;color:#e7f1ff;padding:16px;border-radius:12px;line-height:1.7}
.article-content table{border-collapse:collapse;width:100%;margin:18px 0}
.article-content td,.article-content th{border:1px solid #dbe4ef;padding:9px}

/* Unified, polished form controls across PC and mobile */
.form-grid label,.m-form label{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:13px;font-weight:750;color:#465d78;min-width:0}
.form-grid label em,.m-form label em{font-style:normal;color:#c65c56;font-size:11px;margin-left:4px}
.form-grid label small,.m-form label small{font-size:11px;font-weight:500;color:#8b9aad}
.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid textarea,
.m-form input:not([type=checkbox]):not([type=radio]),.m-form select,.m-form textarea{
 display:block;width:100%;min-width:0;max-width:100%;border:1px solid #dbe4ef;border-radius:12px;
 background:#fbfcfe;color:#243a54;padding:13px 14px;line-height:1.55;outline:none;
 box-shadow:inset 0 1px 2px #17365b04;transition:border-color .15s,box-shadow .15s,background .15s
}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,
.m-form input:focus,.m-form select:focus,.m-form textarea:focus{
 border-color:#75a1ef;background:#fff;box-shadow:0 0 0 4px #2f6fed12
}
.form-grid textarea,.m-form textarea{min-height:145px;resize:vertical;line-height:1.8}
.form-grid input::placeholder,.form-grid textarea::placeholder,.m-form input::placeholder,.m-form textarea::placeholder{color:#a1adbd;font-weight:400}
.form-grid button,.m-form button{min-height:46px}
.m-form{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}
.m-form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.m-form-actions{display:flex;gap:10px;margin-top:3px}
.m-form-actions .m-btn{flex:1;min-height:48px}
.m-form-card{padding:19px!important}
.m-form-card>h2{font-size:19px!important;margin:0 0 5px!important}
.m-form-card .m-muted{margin:0 0 14px}
.m-btn.secondary{background:#f2f6fc;color:#355c8e;border:1px solid #dce6f3}
.m-full-btn{width:100%;min-height:48px}
.m-page-heading{padding:7px 1px 17px}
.m-page-heading h1{font-size:27px;line-height:1.25;letter-spacing:-.5px;margin:7px 0 9px;color:#1b2e46}
.m-page-heading p{font-size:12px;line-height:1.8;color:#7a8ba0;margin:0}
.m-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e8f2;border-radius:14px;padding:6px;box-shadow:0 4px 14px #17365b05;min-width:0}
.m-search input{min-width:0;flex:1;width:100%;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:10px!important;font-size:14px}
.m-search button{border:0;border-radius:10px;background:#2f6fed;color:#fff;font-weight:800;padding:10px 14px;min-height:42px;white-space:nowrap}
.m-article-card{display:block;background:#fff;border:1px solid #e5ebf3;border-radius:16px;padding:16px;margin-bottom:11px;color:#1b2e46;box-shadow:0 5px 16px #17365b05}
.m-article-card h2{font-size:16px;line-height:1.55;margin:9px 0}
.m-article-card p{font-size:12px;color:#72849a;line-height:1.8;margin:0 0 13px}
.m-article-tag{display:inline-flex;align-items:center;background:#edf4ff;color:#3469ae;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}
.m-article-meta{display:flex;justify-content:space-between;gap:10px;color:#93a0b1;font-size:10px;align-items:center}
.m-article-meta b{color:#2f6fed;font-weight:800}
.m-article-detail{background:#fff;border:1px solid #e5ebf3;border-radius:17px;padding:17px;box-shadow:0 5px 18px #17365b06}
.m-back-link{display:inline-block;color:#4773a8;font-size:12px;font-weight:800;margin-bottom:17px}
.m-article-detail h1{font-size:25px;line-height:1.45;margin:12px 0;color:#1b2e46}
.m-article-excerpt{font-size:13px;line-height:1.9;color:#6d8198;background:#f5f8fc;padding:12px;border-radius:11px}
.m-rich-content{font-size:15px;line-height:1.95;color:#3e526b;overflow-wrap:anywhere;word-break:break-word}
.m-rich-content p{margin:0 0 1.15em}
.m-rich-content h2{font-size:21px;color:#17365b;line-height:1.45;margin:1.5em 0 .6em}
.m-rich-content h3{font-size:18px;color:#17365b;line-height:1.5;margin:1.35em 0 .55em}
.m-rich-content img{display:block;max-width:100%;height:auto!important;border-radius:11px;margin:14px auto}
.m-rich-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101c2c;color:#e7f1ff;border-radius:11px;padding:12px;font-size:12px}
.m-rich-content blockquote{margin:15px 0;padding:11px 13px;background:#f3f7ff;border-left:3px solid #76a3e8;border-radius:0 10px 10px 0}
.m-cta{background:linear-gradient(125deg,#17365b,#286b9e);color:#fff;border-radius:17px;padding:19px;margin:17px 0}
.m-cta h2{font-size:18px;margin:0 0 7px}.m-cta p{font-size:12px;color:#dceafa;line-height:1.8;margin:0 0 14px}
.m-help-intro{background:#eaf2ff;border:1px solid #dce8fb;border-radius:15px;padding:15px;color:#244c7b}
.m-help-intro p{font-size:12px;line-height:1.8;margin:6px 0 0;color:#58779c}
.m-guide-list{display:flex;flex-direction:column;gap:10px}
.m-guide-card{display:flex;gap:12px;background:#fff;border:1px solid #e4ebf4;border-radius:15px;padding:15px}
.m-step{width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#edf4ff;color:#2f6fed;display:grid;place-items:center;font-size:12px;font-weight:900}
.m-guide-card h2{font-size:15px;margin:2px 0 7px}.m-guide-card p{font-size:12px;color:#72849a;line-height:1.8;margin:0 0 9px}.m-guide-card a{font-size:12px;font-weight:850}
.m-section-title{font-size:17px;margin:0 0 11px}
.m-bullet-list{padding-left:20px;color:#536981;font-size:12px;line-height:1.9}.m-bullet-list li{margin:4px 0}
.m-muted{color:#7e8ea2;font-size:12px;line-height:1.8}
.m-faq{background:#fff;border:1px solid #e4ebf4;border-radius:13px;padding:13px 14px;margin:9px 0}
.m-faq summary{font-size:12px;font-weight:800;color:#2b4563}.m-faq p{font-size:12px;color:#73849a;line-height:1.8;margin:10px 0 0}
.m-help-contact{text-align:center;font-size:11px;line-height:1.9;color:#8494a8;padding:18px 0 5px}
.m-auth-page{padding:8px 0 20px}
.m-auth-logo{display:flex;align-items:center;gap:11px;padding:7px 3px 20px;color:#17365b}
.m-auth-logo b{display:block;font-size:19px}.m-auth-logo small{display:block;color:#8998aa;font-size:10px;margin-top:3px}
.m-auth-card{background:#fff;border:1px solid #e3eaf3;border-radius:20px;padding:20px;box-shadow:0 10px 30px #17365b08}
.m-auth-card h1{font-size:25px;line-height:1.3;margin:8px 0}.m-auth-desc{font-size:12px;color:#7d8da1;line-height:1.8;margin:0 0 20px}
.m-auth-bottom{text-align:center;font-size:12px;color:#7e8ea2;margin-top:18px}.m-auth-bottom a{font-weight:850;margin-left:5px}
.m-auth-foot{text-align:center;color:#9aa7b7;font-size:10px;margin-top:18px}
.m-demo-form{margin-top:12px}.m-demo-form small{display:block;color:#8c9aad;font-size:10px;text-align:center;margin-top:7px}
.m-check{display:flex!important;flex-direction:row!important;align-items:center!important;font-size:11px!important;font-weight:500!important}.m-check input{width:18px!important;min-width:18px!important;height:18px!important}
.m-error,.m-flash{padding:11px 12px;border-radius:11px;font-size:12px;line-height:1.7;margin-bottom:12px}
.m-error{background:#fff0f0;color:#b63d3d}.m-flash{background:#e8f7ef;color:#13764e}
.m-plan-feature,.m-plan-card{background:#fff;border:1px solid #e3eaf3;border-radius:17px;padding:17px;margin-bottom:12px}
.m-plan-feature{background:linear-gradient(145deg,#17365b,#28618d);color:#fff}
.m-plan-feature>span{font-size:11px;color:#d1e2f2}.m-plan-feature>strong{display:block;font-size:26px;margin:5px 0}.m-plan-feature p{font-size:12px;line-height:1.8;color:#d9e7f5}
.m-plan-quota{display:flex;flex-direction:column;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:12px 0;margin:12px 0}.m-plan-quota b{font-size:22px}.m-plan-quota small{font-size:10px;color:#d0e1f2}
.m-plan-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.m-plan-card-head strong{font-size:21px;color:#17365b}.m-plan-card h2{font-size:16px;margin:12px 0 6px}.m-plan-card p{font-size:12px;line-height:1.8;color:#74859a}.m-plan-card>small{display:block;font-size:10px;color:#8b9aad;margin-bottom:12px}
.m-price{display:block;font-size:28px;color:#17365b;margin:12px 0}
@media(max-width:390px){.m-form-two{grid-template-columns:1fr}.m-auth-card{padding:16px}.m-article-detail{padding:14px}.m-article-detail h1{font-size:22px}}

.code-box{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#2f2923;color:#f8f0e4;border-radius:12px;padding:13px 14px;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.link-button{border:0;background:transparent;color:#8a3b35;padding:0;cursor:pointer;font:inherit;text-decoration:underline}.quick-link span{display:block;color:#7c7064;font-size:12px;line-height:1.7;margin-top:4px}