:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#193c36;background:#f9faf6;font-synthesis:none;line-height:1.7;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9fbd60;outline-offset:5px}button{font:inherit}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 72px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:#f9faf6f7;border-bottom:1px solid #e3e8df}.header-inner{display:flex;align-items:center;min-height:88px;gap:40px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand>span{font-size:23px;font-weight:750;letter-spacing:2px;line-height:1.1}.brand small{display:block;letter-spacing:2px;font-size:10px;font-weight:500;margin-top:7px;color:#62766e}.header-inner nav{display:flex;gap:28px;margin-left:auto;align-items:center}.header-inner nav a{font-size:14px;color:#5d6e67;white-space:nowrap;padding:8px 0;position:relative}.header-inner nav a[aria-current=page]{color:#245e51;font-weight:650}.header-inner nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#245e51}.ant-btn{font-weight:550;box-shadow:none}.ant-btn-primary{box-shadow:none}.skip-link{position:fixed;left:20px;top:-70px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-block:72px 68px}.eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:2px;font-size:12px;font-weight:650;color:#526e60}.eyebrow>span{width:6px;height:6px;border-radius:100%;background:#648353}.hero h1{font-size:clamp(38px,4.2vw,56px);line-height:1.4;letter-spacing:-2px;font-weight:750;margin:24px 0}.hero h1 span{position:relative;z-index:1;white-space:nowrap}.hero h1 span:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:13px;background:#dcebb9;z-index:-1}.lead{color:#65736c;font-size:17px;line-height:1.9;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions .ant-btn{height:50px;font-size:14px;padding-inline:23px}.hero-notes{display:flex;gap:22px;font-size:11px;color:#6c7971;margin-top:22px}.hero-notes .anticon{margin-right:5px;color:#3b765c}.hero-art{position:relative;min-height:488px;background:#e9eee2;border-radius:42% 42% 18px 18px;display:flex;justify-content:center;align-items:center;padding:48px 30px 28px;isolation:isolate;overflow:visible}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#c7d4bd 1px,transparent 1px);background-size:18px 18px;border-radius:inherit;z-index:-1;opacity:.5}.orbit{position:absolute;border:1px solid #cbd7c1;width:400px;height:400px;border-radius:50%;z-index:-1}.orbit-one{top:25px;left:28px}.orbit-two{width:340px;height:340px;top:55px;left:58px}.art-label{position:absolute;top:17px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:4px;white-space:nowrap;color:#657763}.learning-card{background:#fffefa;border:1px solid #f6f8ed;border-radius:19px;padding:25px 24px 15px;box-shadow:0 23px 45px -25px #60795775;width:330px;position:relative;transform:rotate(-3deg)}.card-top{display:flex;align-items:center;gap:9px}.small-logo{width:36px;height:36px;display:grid;place-items:center;background:#f0f4e9;color:#3c6852;border-radius:11px;font-size:19px}.card-top strong{font-size:12px;display:block}.card-top div>span{font-size:9px;color:#687a6f;display:block}.card-top .ant-tag{font-size:9px;margin-left:auto;margin-right:0;line-height:20px}.learning-card h2{font-size:26px;line-height:1.5;letter-spacing:1px;margin:27px 0 23px}.study-row{display:flex;align-items:center;gap:10px;background:#f6f7f1;border:1px solid #e8ece0;border-radius:9px;margin-top:10px;padding:11px}.study-row>span:first-child{display:grid;place-items:center;width:25px;height:25px;background:#e9edde;border-radius:6px;font-size:12px}.study-row>div{flex:1}.study-row b{font-size:11px;display:block}.study-row small{font-size:9px;color:#62756a;display:block}.study-row>.anticon{font-size:13px;color:#46725b}.study-row.active{background:#eaf1e4;border-color:#cdddc1}.card-bottom{font-size:9px;color:#60735e;border-top:1px dashed #d5dfcd;margin-top:20px;padding-top:13px;display:flex;align-items:center;gap:7px}.dot{width:5px;height:5px;background:#7c9d5f;border-radius:100%;display:inline-block}.floating-note{position:absolute;bottom:60px;right:-15px;background:#183e37;color:#f6f8e8;padding:16px 20px;border-radius:13px;box-shadow:0 9px 22px #1e483729;display:flex;align-items:center;gap:12px;transform:rotate(3deg)}.floating-note>.anticon{font-size:27px;color:#d9ee9f}.floating-note span{font-size:10px;line-height:1.9}.floating-note b{font-size:12px;letter-spacing:.5px}.subject-band{display:grid;grid-template-columns:.95fr 1fr 1fr;align-items:center;background:#edf1e7;border:1px solid #e2e7d9;border-radius:12px;padding:26px 28px;gap:26px}.subject-band>span{color:#5a7061;font-size:13px}.subject-band>a{display:flex;align-items:center;gap:14px;border-left:1px solid #d5dfcf;padding-left:26px}.subject-band b{font-size:18px;white-space:nowrap}.subject-band a>span:not(.anticon){font-size:11px;color:#5f7564}.subject-band .anticon{margin-left:auto;font-size:16px}.section{padding-block:85px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:38px}h2{font-weight:650;letter-spacing:-.8px}.section-heading h2,.media-inner h2,.start-section h2{font-size:34px;line-height:1.5;margin:12px 0 0}.section-heading>p{font-size:14px;color:#738073;margin:0;line-height:1.85}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature{border:1px solid #e1e7da;background:#fffefa;padding:27px 23px 24px;border-radius:12px}.feature-icon{display:inline-grid;place-items:center;width:43px;height:43px;font-size:23px;background:#eef2e7;border-radius:12px;color:#476a45}.feature:nth-child(2) .feature-icon{background:#f7eedd;color:#8a662c}.feature:nth-child(3) .feature-icon{background:#e9eef2;color:#3b667c}.feature:nth-child(4) .feature-icon{background:#efecee;color:#725774}.feature h3{font-size:17px;margin:22px 0 9px}.feature p{font-size:12px;color:#6b796f;margin:0}.media-section{background:#edf1e8;border-block:1px solid #e3e9da;padding:62px 0}.media-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.media-inner>div>p{font-size:14px;color:#657765;margin:20px 0 26px;line-height:1.9}.scene-card{background:#f9faf5;border:1px solid #d8e2cc;border-radius:16px;padding:22px 26px 17px}.scene-label{font-size:12px;color:#4b694c;display:flex;align-items:center;gap:7px}.scene-road{height:172px;position:relative;margin-top:18px;background:#e0e8d3;border-radius:10px;overflow:hidden}.scene-road:before{content:"";position:absolute;width:115px;height:280px;background:#b4c4b0;left:110px;top:-45px;transform:rotate(34deg);border-inline:6px solid #d0dcc7}.crosswalk{position:absolute;z-index:2;left:95px;top:80px;width:106px;height:44px;background:repeating-linear-gradient(90deg,#f9fbef 0 9px,transparent 9px 15px);transform:rotate(34deg)}.road-line{height:240px;position:absolute;top:-20px;left:167px;border-left:3px dashed #f6f9eb;transform:rotate(34deg)}.sign{position:absolute;left:25px;top:21px;width:48px;height:48px;border:4px solid #bd6659;border-radius:50%;background:#fff9ec;z-index:3;color:#9b4439;font-weight:750;text-align:center;line-height:40px}.sign:after{content:"";position:absolute;left:18px;top:44px;width:4px;height:57px;background:#9baf93;z-index:-1}.scene-caption{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:8px;font-size:12px;color:#3f624b}.scene-caption small{font-size:10px;color:#72816c}.text-link{display:inline-flex;gap:9px;align-items:center;font-size:13px;font-weight:600;color:#315f49}.text-link:hover{color:#4a742e}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{border-block:1px solid #d8e0d3;padding:25px 4px;display:block}.guide-index{font-size:10px;color:#73816e;letter-spacing:2px}.guide-card h3{font-size:20px;line-height:1.6;margin:22px 0 7px}.guide-card p{font-size:13px;color:#6c796a;line-height:1.8;margin:0 0 25px}.guide-card:hover h3{color:#487044}.start-section{background:#193f37;color:#fcfcef;border-radius:20px;padding:45px 50px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.start-section .eyebrow{color:#b8caa7}.start-section h2{font-size:32px;margin:12px 0 20px}.start-section>div>p{font-size:13px;line-height:1.9;color:#c4d0c0}.code-box{text-align:center;display:flex;flex-direction:column;align-items:center;padding:10px 0 18px}.code-box img{background:#fff;border-radius:12px;object-fit:contain;image-rendering:auto;flex-shrink:0}.code-box strong{font-size:15px;display:block;margin-top:18px}.code-box p{font-size:12px;line-height:1.9;color:#657967}.code-box.compact{display:flex;flex-direction:row;gap:25px;text-align:left;padding:0}.code-box.compact img{width:174px;height:174px;border-radius:12px}.code-box.compact strong{color:#f0f4e6;font-size:13px;margin:0}.code-box.compact p{color:#c4d0c0;font-size:11px}.code-box.compact .text-link{color:#d9ee9f;font-size:11px}.faq-section{padding-block:70px 90px;max-width:880px}.faq-section>h2{font-size:24px;text-align:center;margin:0 0 30px}.faq-section details{border-bottom:1px solid #dfe5d9;padding:19px 0}.faq-section summary{cursor:pointer;font-size:14px;font-weight:550;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq-section summary:after{content:"＋";color:#5e7964;font-size:17px;flex-shrink:0}.faq-section details[open] summary:after{content:"－"}.faq-section details p{font-size:13px;color:#627564;line-height:1.9;padding-right:35px}.site-footer{background:#eff2e9;border-top:1px solid #e2e8d9;padding:35px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:25px}.footer-brand{font-size:16px;font-weight:600}.footer-top p{font-size:11px;color:#6a7865;margin-top:8px}.footer-links{display:flex;gap:25px;font-size:12px;color:#5e735f;padding-top:4px}.footer-bottom{border-top:1px solid #dce3d3;margin-top:23px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#63745f;font-size:11px}.footer-bottom a:hover{text-decoration:underline}.page-hero{padding-block:36px 48px;border-bottom:1px solid #dce4d3}.breadcrumb{display:flex;gap:10px;font-size:12px;color:#5e7564;margin-bottom:40px}.page-hero h1{font-size:42px;line-height:1.4;margin:13px 0}.page-hero>p{font-size:17px;color:#60775f}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:90px;padding-block:45px 85px}.article-section{display:flex;gap:22px;margin-bottom:36px}.article-num{display:grid;place-items:center;border:1px solid #cbd9bf;background:#edf2e5;border-radius:8px;width:33px;height:33px;flex-shrink:0;font-size:12px;margin-top:3px}.article-section h2{font-size:22px;margin:0 0 13px}.article-section p{font-size:15px;line-height:2;color:#586d5e;margin:0}.article-aside{border:1px solid #d8e1cf;padding:25px 20px;background:#eff3e8;border-radius:13px;align-self:start;text-align:center}.article-aside>.anticon{font-size:30px;color:#507750}.article-aside h2{font-size:18px;margin:15px 0 10px}.article-aside>p{font-size:12px;color:#637863}.article-aside .code-box img{width:190px;height:190px}.article-aside .code-box strong{font-size:12px}.article-aside .code-box p{font-size:11px}.article-aside .code-box .text-link{font-size:12px}.article-related{display:flex;gap:22px;font-size:13px;color:#365f46;padding-top:26px;margin-top:30px;border-top:1px solid #dce4d4;flex-wrap:wrap}.article-note{font-size:12px;line-height:1.9;padding:18px;background:#edf1e6;color:#66775f;border-radius:8px}.article-layout .guide-grid{grid-template-columns:1fr}.ant-modal .code-box img{width:240px;height:240px}@media(max-width:1100px){.header-inner{gap:24px}.header-inner nav{gap:20px}.hero{gap:30px}.hero-art{padding-inline:20px}.hero-notes{gap:12px;font-size:10px}.orbit{max-width:85%;left:7%}.orbit-two{left:15%;max-width:70%}.floating-note{right:-5px}.subject-band{gap:15px;padding-inline:22px}.subject-band>a{padding-left:18px;gap:10px}.subject-band a>span:not(.anticon){display:none}.media-inner{gap:55px}.start-section{padding:38px;gap:25px}.code-box.compact{gap:16px}.code-box.compact img{width:150px;height:150px}.article-layout{gap:45px}.feature{padding:22px 19px}}@media(max-width:780px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:12px;flex-wrap:wrap;padding-top:16px}.brand>span{font-size:20px}.brand img{width:35px;height:35px}.brand small{font-size:9px}.header-cta{margin-left:auto;height:36px;font-size:12px}.header-inner nav{width:100%;order:3;justify-content:space-between;gap:8px;border-top:1px solid #e4e9df;padding-block:4px;margin-top:4px}.header-inner nav a{font-size:12px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:34px;gap:30px}.hero-copy{max-width:570px}.hero h1{font-size:43px;letter-spacing:-1.8px;margin:20px 0}.lead{font-size:15px;margin-bottom:23px}.desktop-break{display:none}.hero-notes{font-size:10px;gap:18px;flex-wrap:wrap}.hero-art{width:min(440px,100%);justify-self:center;min-height:435px;padding:38px 20px 24px;margin-top:10px}.learning-card{width:302px;padding:22px}.learning-card h2{font-size:24px;margin:20px 0}.floating-note{right:0;bottom:40px;padding:12px 16px}.art-label{font-size:10px}.subject-band{grid-template-columns:1fr 1fr;padding:20px;gap:17px}.subject-band>span{grid-column:1/-1;font-size:11px;letter-spacing:1px}.subject-band>a{padding-left:0;border-left:0;gap:9px}.subject-band>a+a{padding-left:20px;border-left:1px solid #d5dfcf}.subject-band b{font-size:16px}.section{padding-block:50px}.section-heading{align-items:start;gap:20px;margin-bottom:26px}.section-heading h2,.media-inner h2{font-size:27px}.section-heading>p{display:none}.section-heading>.text-link{font-size:11px;margin-top:7px;white-space:nowrap}.eyebrow{font-size:11px;letter-spacing:1.5px}.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.feature{padding:21px 18px}.feature h3{font-size:16px;margin:17px 0 8px}.feature p{font-size:11px}.media-section{padding:36px 0}.media-inner{grid-template-columns:1fr;gap:30px}.scene-card{max-width:450px;width:100%;justify-self:center;padding:20px}.scene-road{height:155px}.media-inner>div>p{font-size:13px}.guide-grid{grid-template-columns:1fr;gap:0}.guide-card{padding:23px 0;border-top:0}.guide-card:first-child{border-top:1px solid #d8e0d3}.guide-card h3{font-size:19px;margin:15px 0 5px}.guide-card p{margin-bottom:16px}.start-section{grid-template-columns:1fr;padding:30px 26px;gap:18px}.start-section h2{font-size:29px}.code-box.compact{gap:20px}.code-box.compact img{width:145px;height:145px}.code-box.compact strong{font-size:12px}.faq-section{padding-block:48px 55px}.faq-section>h2{font-size:20px;text-align:left}.faq-section summary{font-size:13px}.footer-top{flex-direction:column;gap:10px}.footer-links{font-size:11px}.footer-bottom{font-size:10px;gap:9px;flex-direction:column}.page-hero{padding-block:25px 32px}.breadcrumb{margin-bottom:25px}.page-hero h1{font-size:34px}.page-hero>p{font-size:15px}.article-layout{grid-template-columns:1fr;gap:35px;padding-block:30px 50px}.article-section{gap:14px;margin-bottom:30px}.article-section h2{font-size:20px}.article-section p{font-size:14px}.article-aside .code-box{flex-direction:row;text-align:left;justify-content:center;gap:22px}.article-aside .code-box img{width:145px;height:145px}.article-aside .code-box strong{margin-top:0}}@media(max-width:370px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:36px}.hero-art{min-height:421px;padding-inline:13px}.learning-card{width:270px;padding:20px 17px}.card-top strong{font-size:11px}.card-top .ant-tag{padding-inline:3px}.actions .ant-btn{padding-inline:14px;height:47px;font-size:12px}.start-section{padding:26px 20px}.code-box.compact{gap:12px}.code-box.compact img{width:122px;height:122px}.code-box.compact strong{font-size:11px}.code-box.compact p{font-size:10px}.article-aside .code-box{gap:12px}.article-aside .code-box img{width:125px;height:125px}.section-heading>.text-link{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.sign{width:62px;height:55px;border:0;border-radius:0;background:#bd6659;clip-path:polygon(0 0,100% 0,50% 100%);line-height:33px;font-size:19px;padding-top:0;isolation:isolate}.sign:before{content:"";position:absolute;inset:5px 7px 10px;background:#fff9ec;clip-path:polygon(0 0,100% 0,50% 100%);z-index:-1}.sign:after{display:none}@font-face{font-family:"Noto Serif Tibetan";src:url(/noto-serif-tibetan.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0F00-0FFF,U+200C-200D,U+25CC,U+3008-300B}.language-link{font-size:12px;color:#245e51;border:1px solid #cbdac9;border-radius:18px;padding:5px 11px;white-space:nowrap;flex-shrink:0}.language-link:hover{background:#e9f1e6}.code-box .text-link+.text-link{margin-left:12px}.bo-site{font-family:"Noto Serif Tibetan",Kailasa,serif;line-height:1.95}.bo-site .header-inner{flex-wrap:wrap;gap:14px;align-content:center;padding-block:12px}.bo-site .header-inner nav{width:100%;order:3;justify-content:space-between;margin-left:0;border-top:1px solid #e4e9df;padding-top:6px;gap:18px}.bo-site .brand>span{font-size:23px;letter-spacing:0}.bo-site .brand small{font-size:11px;letter-spacing:0;margin-top:0}.bo-site .language-link{margin-left:auto;font-family:PingFang SC,Microsoft YaHei,sans-serif}.bo-site .header-cta{margin-left:0;max-width:190px;line-height:1.6}.bo-site .hero h1{font-size:clamp(30px,3.2vw,45px);line-height:1.8;letter-spacing:0}.bo-site .hero h1 span{white-space:normal}.bo-site .lead{line-height:2.2}.bo-hero-panel{background:#e9eee2;border:1px solid #dce7d5;border-radius:22px;padding:45px 34px}.bo-hero-panel h2{font-size:28px;line-height:1.9}.bo-step{display:flex;gap:14px;background:#fffefa;border:1px solid #dce7d5;border-radius:12px;padding:15px;margin-top:15px}.bo-step>span{background:#e9f2e5;color:#245e51;border-radius:9px;min-width:32px;height:32px;display:grid;place-items:center}.bo-step b{display:block;font-size:15px}.bo-step small{display:block;color:#668071;font-size:12px}.bo-site .subject-band{grid-template-columns:.9fr 1.05fr 1.05fr}.bo-site .subject-band a{justify-content:space-between}.bo-site .subject-band b{font-size:15px;white-space:normal}.bo-site .feature h3,.bo-site .feature p{line-height:2.1}.bo-copy{max-width:850px;font-size:16px;color:#586d5e;line-height:2.2}.bo-site .article-section p{line-height:2.25}.bo-site .article-note{line-height:2.2}.bo-site .page-hero h1,.bo-site .text-link{line-height:1.8}.bo-site .code-box p{line-height:2.1}.bo-site .footer-bottom a{font-family:PingFang SC,Microsoft YaHei,sans-serif}@media(max-width:780px){.header-inner>.language-link{margin-left:auto}.header-inner>.header-cta{margin-left:0}.bo-site .header-inner{gap:8px}.bo-site .brand>span{font-size:20px}.bo-site .brand small{font-size:10px}.bo-site .header-inner nav{overflow-x:auto;justify-content:flex-start;gap:16px}.bo-site .header-inner nav a{font-size:12px;flex-shrink:0}.bo-site .hero h1{font-size:32px;line-height:1.85}.bo-hero-panel{padding:28px 20px}.bo-hero-panel h2{font-size:23px}.bo-site .subject-band{grid-template-columns:1fr 1fr}.bo-site .subject-band b{font-size:13px}.bo-site .start-section h2{font-size:25px}}@media(max-width:430px){.bo-site .header-inner>.header-cta{order:2;width:100%;max-width:none}.bo-site .header-inner nav{order:3}.bo-site .brand small{max-width:185px}.bo-site .hero h1{font-size:28px}.bo-site .hero-notes{display:block}.bo-site .hero-notes span{display:block;margin-top:5px}.bo-site .code-box.compact{flex-direction:column;text-align:center}.bo-site .code-box.compact img{width:158px;height:158px;align-self:center}.bo-site .article-aside .code-box{flex-direction:column;text-align:center}}