@font-face{font-family:Newsreader;src:url(/public-assets/newsreader.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
.public-article{color-scheme:light;--paper:#F3F5EF;--surface:#FFFDF8;--soft:#EAF0EA;--green-soft:#DBE9DF;--green:#245F42;--ink:#17251D;--muted:#55665C;--line:#CCD7CE;--focus:#244D79;--white:#FFFFFF;--amber:#F7EDCA}
:where(.public-article) *{box-sizing:border-box}html:has(.public-article){scroll-behavior:auto}.public-article{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.7}:where(.public-article) h1,:where(.public-article) h2,:where(.public-article) h3,:where(.public-article) p,:where(.public-article) figure{margin:0}:where(.public-article) a{color:inherit;text-decoration:none}:where(.public-article) button{font:inherit}:where(.public-article) a,:where(.public-article) button,:where(.public-article) summary{touch-action:manipulation}:where(.public-article) a:focus-visible,:where(.public-article) button:focus-visible,:where(.public-article) summary:focus-visible,:where(.public-article) select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}:where(.public-article) img{max-width:100%;height:auto;display:block}:where(.public-article) a:hover{text-decoration:underline}:where(.public-article) h1,:where(.public-article) h2,:where(.public-article) h3{font-weight:600}:where(.public-article) .wrap{width:calc(100% - 96px);max-width:1120px;margin:auto}:where(.public-article) .header{height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}:where(.public-article) .brand{display:flex;align-items:center;gap:10px;flex:none}:where(.public-article) .brand img{width:38px;height:38px}:where(.public-article) .brand-name{font:600 26px/1 Newsreader,Georgia,serif}:where(.public-article) .brand-zh{display:block;font:400 12px/1.4 Arial,'PingFang SC',sans-serif;letter-spacing:0;margin-top:5px;color:var(--muted)}:where(.public-article) .nav{display:flex;gap:24px;align-items:center;font-size:14px}:where(.public-article) .nav a{min-height:44px;display:flex;align-items:center}:where(.public-article) .nav .current{border-bottom:2px solid var(--green);color:var(--green)}:where(.public-article) .nav .entry{border:1px solid var(--line);padding:7px 16px;border-radius:12px}:where(.public-article) .skip{position:absolute;top:-100px;left:20px;background:var(--surface);padding:10px;z-index:20}:where(.public-article) .skip:focus{top:8px}
:where(.public-article) .hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:48px}:where(.public-article) .eyebrow,:where(.public-article) .label{font-size:12px;letter-spacing:0;color:var(--green)}:where(.public-article) .eyebrow{margin-bottom:16px}:where(.public-article) h1{font-size:44px;line-height:1.35;letter-spacing:0}:where(.public-article) h1 span{color:var(--green)}:where(.public-article) .intro{max-width:430px;margin-top:20px;color:var(--muted);line-height:1.85}:where(.public-article) .actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}:where(.public-article) .primary{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:var(--green);color:var(--white);border:0;border-radius:12px;min-height:48px;padding:10px 22px;font-size:15px;font-weight:600}:where(.public-article) .primary:hover{background:var(--ink);text-decoration:none}:where(.public-article) .secondary{font-size:14px;color:var(--green);display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}:where(.public-article) .entry-note{font-size:13px;line-height:1.6;color:var(--muted);margin-top:10px}:where(.public-article) .preview{padding:24px;background:var(--green-soft);border-radius:20px 20px 64px 20px;min-width:0}:where(.public-article) .preview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:16px;color:var(--muted)}:where(.public-article) .preview-top span:first-child{color:var(--green)}:where(.public-article) .picture{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}:where(.public-article) .picture img{width:100%;aspect-ratio:900/520}:where(.public-article) .picture figcaption{font-size:12px;color:var(--muted);padding:6px 12px}:where(.public-article) .quote{border-left:2px solid var(--green);padding-left:14px;margin-top:18px;font:500 25px/1.4 Newsreader,Georgia,serif}:where(.public-article) .quote .zh{font:400 13px/1.65 Arial,'PingFang SC',sans-serif;color:var(--muted);display:block;margin-top:6px}:where(.public-article) .dialogue{display:flex;flex-direction:column;gap:16px}:where(.public-article) .speech{padding:16px 20px;border-radius:12px;background:var(--surface);max-width:94%;font:500 23px/1.45 Newsreader,Georgia,serif}:where(.public-article) .speech.answer{align-self:flex-end;background:var(--green);color:var(--white)}:where(.public-article) .speech-label{display:block;font:400 12px/1.5 Arial,'PingFang SC',sans-serif;margin-bottom:8px;opacity:.9}:where(.public-article) .sentence-panel{padding:28px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}:where(.public-article) .sentence{font:500 29px/1.5 Newsreader,Georgia,serif}:where(.public-article) .options{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font:500 19px/1.5 Newsreader,Georgia,serif;color:var(--muted)}:where(.public-article) .options span{border-bottom:1px solid var(--line);padding-bottom:5px}
:where(.public-article) .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:24px;border-block:1px solid var(--line)}:where(.public-article) .benefit{padding-left:18px;border-left:2px solid var(--line)}:where(.public-article) .benefit h3{font-size:15px}:where(.public-article) .benefit p{font-size:13px;color:var(--muted);margin-top:5px}:where(.public-article) .section{padding-block:48px}:where(.public-article) .section-label{font-size:12px;color:var(--muted);letter-spacing:0;margin-bottom:8px}:where(.public-article) h2{font-size:30px;line-height:1.5;letter-spacing:0}:where(.public-article) .section-intro{font-size:15px;color:var(--muted);margin-top:9px}:where(.public-article) .example-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;margin-top:26px;align-items:start}:where(.public-article) .question-panel{background:var(--soft);border-radius:12px;padding:24px}:where(.public-article) .question-panel .picture{margin-bottom:18px}:where(.public-article) .question{font:500 24px/1.5 Newsreader,Georgia,serif;margin-top:10px}:where(.public-article) .question-hint{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}:where(.public-article) .prompt{border-bottom:1px solid var(--line)}:where(.public-article) .prompt:first-child{border-top:1px solid var(--line)}:where(.public-article) summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:62px;font-size:15px;font-weight:500;padding-block:13px}:where(.public-article) summary::-webkit-details-marker{display:none}:where(.public-article) summary:after{content:'+';font-size:22px;color:var(--muted);margin-left:auto;flex:none}:where(.public-article) details[open]>summary:after{content:'−'}:where(.public-article) .number{font:500 19px/1 Newsreader,Georgia,serif;color:var(--muted);flex:none}:where(.public-article) .detail{padding:0 0 20px 32px;color:var(--muted);font-size:14px;line-height:1.8}:where(.public-article) .english{font:500 21px/1.6 Newsreader,Georgia,serif;color:var(--ink);margin-bottom:8px;overflow-wrap:break-word}:where(.public-article) .joined{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding-inline:18px;margin-top:16px}:where(.public-article) .joined .detail{padding-left:0}:where(.public-article) .joined summary{min-height:58px}:where(.public-article) .continuation{border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}:where(.public-article) .path{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}:where(.public-article) .path:first-child{padding-top:0}:where(.public-article) .part{font-size:12px;color:var(--green);background:var(--green-soft);padding:8px 10px;border-radius:8px;align-self:flex-start;white-space:nowrap}:where(.public-article) .path h3{font-size:18px}:where(.public-article) .path p{font-size:14px;color:var(--muted);margin-top:6px}:where(.public-article) .scope{font-size:13px;color:var(--muted);margin-top:16px}:where(.public-article) .discussion{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}:where(.public-article) .discussion h3{font-size:19px;margin-bottom:16px}:where(.public-article) .discussion-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}:where(.public-article) .discussion .english{font-size:20px}:where(.public-article) .discussion-line{display:flex;gap:12px;margin-bottom:16px}:where(.public-article) .discussion-line strong{font:500 20px/1.6 Newsreader,Georgia,serif;color:var(--green)}:where(.public-article) .faq{padding-top:0}:where(.public-article) .faq h2{font-size:25px;margin-bottom:18px}:where(.public-article) .faq .detail{padding-left:0;max-width:760px}:where(.public-article) .bottom{background:var(--green-soft);border-radius:12px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:28px}:where(.public-article) .bottom h2{font-size:26px}:where(.public-article) .bottom p{font-size:14px;color:var(--muted);margin-top:6px}:where(.public-article) .bottom .action-group{flex:none}:where(.public-article) .bottom .entry-note{font-size:12px}:where(.public-article) .related{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin:22px 0 32px;font-size:14px;color:var(--green)}:where(.public-article) .related a{display:inline-flex;align-items:center;min-height:44px}:where(.public-article) .related-label{font-size:13px;color:var(--muted)}:where(.public-article) .footer{border-top:1px solid var(--line);padding-block:26px 30px;color:var(--muted);font-size:12px}:where(.public-article) .footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}:where(.public-article) .footer-brand{font:600 22px/1.3 Newsreader,Georgia,serif;color:var(--ink);margin-bottom:8px}:where(.public-article) .footer-links,:where(.public-article) .records{display:flex;gap:20px;flex-wrap:wrap;align-items:center}:where(.public-article) .footer a{display:inline-flex;align-items:center;min-height:44px}:where(.public-article) .records{gap:16px;margin-top:10px;font-size:12px}:where(.public-article) .records img{width:16px;height:16px;margin-right:6px}:where(.public-article) .footer-links{flex:none}:where(.public-article) .retained-hero{width:100%;height:650px;overflow:hidden;position:relative}:where(.public-article) .retained-hero img{width:100%;height:auto}:where(.public-article) .home-wrap{width:calc(100% - clamp(32px,8vw,112px));max-width:none;margin:auto}:where(.public-article) .home-abilities{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}:where(.public-article) .home-ability{padding:24px 22px}:where(.public-article) .home-ability+.home-ability{border-left:1px solid var(--line)}:where(.public-article) .home-ability h2{font-size:20px}:where(.public-article) .home-ability p{font-size:14px;color:var(--muted);margin-top:8px}:where(.public-article) .topic-list{margin-top:24px;border-top:1px solid var(--line)}:where(.public-article) .topic{display:grid;grid-template-columns:170px 1fr 30px;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);min-height:100px}:where(.public-article) .topic:hover{text-decoration:none}:where(.public-article) .topic:hover h3{text-decoration:underline}:where(.public-article) .topic .label{font-size:12px;color:var(--muted)}:where(.public-article) .topic h3{font-size:20px;font-weight:500}:where(.public-article) .topic p{font-size:14px;color:var(--muted);margin-top:6px}:where(.public-article) .topic-arrow{font-size:23px;color:var(--green)}
@media(max-width:1000px){:where(.public-article) .wrap{width:calc(100% - 64px)}:where(.public-article) .hero{gap:28px;padding-block:36px}:where(.public-article) h1{font-size:36px}:where(.public-article) .preview{padding:20px}:where(.public-article) .speech{font-size:21px}:where(.public-article) .quote{font-size:23px}:where(.public-article) .intro{font-size:15px}:where(.public-article) .example-grid{gap:24px;grid-template-columns:1fr 1fr}:where(.public-article) .question-panel{padding:20px}:where(.public-article) .question{font-size:22px}:where(.public-article) .continuation{gap:28px}:where(.public-article) .nav{gap:18px}:where(.public-article) .bottom{padding:26px}:where(.public-article) .bottom h2{font-size:23px}:where(.public-article) .header{height:80px}}
@media(max-width:620px){:where(.public-article) .wrap{width:calc(100% - 40px)}:where(.public-article) .header{height:76px;gap:10px}:where(.public-article) .brand-name{font-size:24px}:where(.public-article) .brand img{width:34px;height:34px}:where(.public-article) .brand-zh{font-size:11px}:where(.public-article) .nav .current,:where(.public-article) .nav .content-link{display:none}:where(.public-article) .nav .entry{font-size:13px;padding-inline:12px}:where(.public-article) .hero{grid-template-columns:1fr;gap:26px;padding-block:30px}:where(.public-article) .eyebrow{font-size:11px;letter-spacing:0;margin-bottom:12px}:where(.public-article) h1{font-size:34px;letter-spacing:0}:where(.public-article) .intro{margin-top:16px;font-size:16px;line-height:1.8}:where(.public-article) .actions{gap:16px;margin-top:22px}:where(.public-article) .primary{font-size:14px;padding-inline:18px;gap:15px}:where(.public-article) .secondary{font-size:13px}:where(.public-article) .entry-note{font-size:12px}:where(.public-article) .preview{padding:20px;border-radius:20px 20px 48px 20px}:where(.public-article) .quote{font-size:24px}:where(.public-article) .speech{font-size:23px}:where(.public-article) .benefits{grid-template-columns:1fr;padding-block:22px;gap:18px}:where(.public-article) .benefit{padding-left:14px}:where(.public-article) .benefit h3{display:inline;font-size:14px}:where(.public-article) .benefit p{display:inline;font-size:13px;margin-left:8px}:where(.public-article) .section{padding-block:32px}:where(.public-article) h2{font-size:25px}:where(.public-article) .section-intro{font-size:15px}:where(.public-article) .example-grid{grid-template-columns:1fr;gap:22px;margin-top:20px}:where(.public-article) .question-panel{padding:20px}:where(.public-article) .question{font-size:23px}:where(.public-article) .english{font-size:21px}:where(.public-article) .detail{font-size:15px;padding-left:30px}:where(.public-article) summary{font-size:15px;min-height:60px;gap:10px}:where(.public-article) .continuation{grid-template-columns:1fr;gap:24px}:where(.public-article) .path h3{font-size:17px}:where(.public-article) .path p{font-size:15px}:where(.public-article) .scope{font-size:13px}:where(.public-article) .discussion-grid{grid-template-columns:1fr;gap:20px}:where(.public-article) .faq{padding-top:0}:where(.public-article) .faq h2{font-size:23px}:where(.public-article) .bottom{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}:where(.public-article) .bottom h2{font-size:24px}:where(.public-article) .bottom .entry-note{font-size:12px}:where(.public-article) .related{display:block;margin:20px 0 26px}:where(.public-article) .related-label{display:block}:where(.public-article) .related a{display:flex;font-size:14px}:where(.public-article) .footer-top{flex-direction:column;gap:8px}:where(.public-article) .records{display:block}:where(.public-article) .records a{display:flex}:where(.public-article) .footer-links{gap:20px}:where(.public-article) .retained-hero{height:760px}:where(.public-article) .home-wrap{width:calc(100% - 20px)}:where(.public-article) .home-abilities{grid-template-columns:1fr}:where(.public-article) .home-ability+.home-ability{border-left:0;border-top:1px solid var(--line)}:where(.public-article) .home-ability{padding:22px}:where(.public-article) .home-content{padding-inline:12px}:where(.public-article) .topic{grid-template-columns:1fr 24px;gap:6px 12px;padding:20px 0}:where(.public-article) .topic>.label{grid-column:1/-1}:where(.public-article) .topic h3{font-size:20px}:where(.public-article) .topic p{font-size:14px}:where(.public-article) .home-wrap .footer{margin-inline:12px}}
@media(max-width:359px){:where(.public-article) h1{font-size:30px}:where(.public-article) .wrap{width:calc(100% - 32px)}:where(.public-article) .brand-name{font-size:21px}:where(.public-article) .brand img{width:30px;height:30px}:where(.public-article) .nav .entry{padding-inline:10px;font-size:12px}:where(.public-article) .actions{gap:10px}:where(.public-article) .preview{padding:16px}:where(.public-article) .benefit p{display:block;margin-left:0}:where(.public-article) .sentence-panel{padding:20px}:where(.public-article) .sentence{font-size:26px}}
:where(.public-article) .benefit strong{font-size:15px;font-weight:600}
:where(.public-article) .brand{min-height:44px}
@media(max-width:620px){:where(.public-article) .benefit strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){html:has(.public-article){scroll-behavior:auto}:where(.public-article) *,:where(.public-article) *:before,:where(.public-article) *:after{animation:none!important;transition:none!important}}