.recommend-page .return-link{justify-self:end;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px;padding-block:12px}.return-link:hover{color:var(--accent)}.return-link span{font-size:19px;color:var(--accent)}
.recommend-intro{padding:47px 0 48px;border-bottom:1px solid var(--line)}.recommend-eyebrow{color:var(--accent);font-size:10px;letter-spacing:.12em}.recommend-heading-row{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:50px;margin-top:28px}.recommend-heading-row h1{font-size:clamp(55px,6.5vw,110px);line-height:.95;letter-spacing:-.065em}.recommend-lead{justify-self:end;padding-bottom:4px}.recommend-lead .recommend-chinese{font-family:"Songti SC",var(--serif);font-size:clamp(23px,2.5vw,36px);letter-spacing:.035em;color:var(--ink);margin-bottom:18px}.recommend-lead>p:last-child{font-size:13px;line-height:2;color:var(--muted)}
.recommend-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(48px,8vw,144px);padding-top:46px}.recommend-aside{min-width:0}.recommend-art{max-width:430px}.recommend-art img{width:100%;height:auto;aspect-ratio:1.36;object-fit:cover}.recommend-art figcaption{margin-top:13px;color:var(--muted);font-size:9px;line-height:1.8}.recommend-aside h2{font-size:clamp(23px,2.4vw,34px);font-weight:400;line-height:1.6;letter-spacing:-.03em;margin-top:35px}.recommend-aside>p{font-size:13px;line-height:2;color:var(--muted);margin-top:18px;max-width:390px}.recommend-guidance{margin-top:35px;border-top:1px solid #383b33;padding-top:24px}.recommend-guidance>p{font-size:10px;color:var(--accent);letter-spacing:.08em}.recommend-guidance ul{padding-left:17px;margin:16px 0 0;color:var(--muted);font-size:12px;line-height:2.1}.recommend-guidance li+li{margin-top:8px}.recommend-aside .recommend-rights{font-size:11px;line-height:2;margin-top:30px}.recommend-address{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-block:17px;color:var(--accent);font-size:12px;margin-top:10px;overflow-wrap:anywhere}.recommend-address span{font-size:20px}
.recommend-form-column{min-width:0}.recommend-form-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px}.recommend-form-title h2{font-size:30px;letter-spacing:-.03em;font-weight:400}.recommend-form-title p{font-size:9px;color:var(--muted)}.recommend-form-title p span{color:var(--accent)}#recommend-form fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:28px 0 34px;min-width:0}#recommend-form legend{float:left;display:flex;align-items:center;gap:13px;font-size:15px;width:100%;padding:0;margin-bottom:25px}#recommend-form legend>.mono{font-size:10px;color:var(--accent);margin-right:2px}#recommend-form legend>span[lang]{font-size:12px;color:var(--muted);margin-left:auto}#recommend-form legend+.recommend-fields{clear:both}.recommend-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 22px}.recommend-field{min-width:0}.full-width{grid-column:1 / -1}.recommend-field label{display:block;font-size:12px;line-height:1.6;margin-bottom:10px}.recommend-field label>span{color:var(--accent);margin-left:3px}.recommend-field label>.optional{font-size:10px;color:var(--muted);margin-left:8px}.recommend-field input,.recommend-field textarea,.recommend-field select{display:block;width:100%;border:1px solid #50544a;border-radius:0;background:#171914;color:var(--ink);font:13px/1.8 var(--sans);padding:11px 13px;min-height:47px;box-shadow:none}.recommend-field select{padding-right:25px}.recommend-field input::placeholder,.recommend-field textarea::placeholder{color:#999d91;opacity:1}.recommend-field textarea{resize:vertical;min-height:80px}.recommend-field :is(input,textarea,select):focus-visible{outline:1px solid var(--accent);outline-offset:0;border-color:var(--accent)}.field-hint{font-size:10px;line-height:1.9;color:var(--muted);margin-top:8px}.recommend-submit{display:flex;flex-direction:column;gap:19px}.recommend-submit>p:first-of-type{font-size:12px;line-height:2;color:#c2c5bb}.recommend-submit strong{color:var(--ink);font-weight:400;overflow-wrap:anywhere}.recommend-submit .field-hint{margin-top:-6px}.recommend-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--accent);color:var(--bg);padding:17px 22px;font-size:13px;line-height:1.5;min-height:52px;transition:background .2s}.recommend-primary:hover{background:#e7f7c9}.recommend-primary span{font-size:22px;line-height:1}.recommend-primary:focus-visible{outline-offset:4px}.recommend-submit .recommend-primary{align-self:flex-start;min-width:234px}fieldset:disabled .recommend-primary{opacity:.5;cursor:default}
#recommend-form legend.sr-only{float:none;width:1px;margin:0}
.mail-preview{border-top:1px solid var(--accent);padding:29px 0 10px;scroll-margin-top:28px}.mail-preview[hidden]{display:none}.mail-preview h2{font-size:30px;letter-spacing:-.04em;line-height:1.4;font-weight:400;margin-top:18px}.preview-explanation{font-size:12px;line-height:2;color:var(--muted);margin:16px 0 23px}.mail-preview>.recommend-field{margin-top:17px}.mail-preview .recommend-field input{color:var(--accent);font-size:12px}.mail-preview .recommend-field textarea{line-height:1.9;font-size:12px;min-height:280px}.mail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 22px;margin-top:24px}.mail-actions .recommend-primary{flex:1 1 200px}.recommend-secondary{font-size:12px;min-height:44px;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);white-space:nowrap}.recommend-secondary:hover{color:var(--accent);border-color:var(--accent)}.copy-status{font-size:12px;line-height:2;color:var(--accent);min-height:24px;margin-top:18px}.recommend-notice{border-left:2px solid var(--accent);padding:12px 15px;background:#1d2118;color:#d6dfc8;font-size:12px;line-height:2;margin-top:18px;overflow-wrap:anywhere}.recommend-notice a{text-decoration:underline;text-underline-offset:3px}.recommend-notice[hidden]{display:none}
@media(min-width:1800px){.recommend-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.recommend-art{max-width:540px}.recommend-field label,.recommend-field input,.recommend-field textarea,.recommend-field select{font-size:15px}}
@media(max-width:1000px){.recommend-layout{gap:42px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.recommend-heading-row{gap:28px;grid-template-columns:1.15fr 1fr}.recommend-lead>p:last-child{font-size:11px}.recommend-lead>p:last-child br{display:none}.recommend-page .return-link{font-size:0;gap:0}.recommend-form-title{align-items:flex-start}.recommend-form-title p{max-width:116px;line-height:1.8;text-align:right}.recommend-fields{column-gap:16px}.recommend-field input,.recommend-field textarea,.recommend-field select{font-size:12px}.recommend-heading-row h1{font-size:7vw}}
@media(max-width:760px){.recommend-intro{padding:30px 0 32px}.recommend-heading-row{grid-template-columns:1fr;gap:27px;margin-top:23px}.recommend-heading-row h1{font-size:11.5vw}.recommend-lead{justify-self:start;padding:0}.recommend-lead .recommend-chinese{font-size:25px;margin-bottom:12px}.recommend-lead>p:last-child{font-size:12px;max-width:380px}.recommend-layout{grid-template-columns:1fr;gap:35px;padding-top:28px}.recommend-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start}.recommend-art{grid-row:1 / 4}.recommend-aside h2{font-size:21px;margin-top:0}.recommend-aside>p{font-size:11px;margin-top:12px}.recommend-guidance{display:none}.recommend-aside .recommend-rights{grid-column:1 / -1;margin-top:22px;max-width:none}.recommend-address{grid-column:1 / -1;font-size:12px}.recommend-form-title{padding-bottom:24px}.recommend-form-title p{max-width:none}.recommend-field input,.recommend-field textarea,.recommend-field select{font-size:16px}.recommend-field label{font-size:12px}.recommend-page .return-link{font-size:11px;gap:7px}.mail-actions .recommend-primary{flex-basis:100%}.recommend-field textarea::placeholder{font-size:13px}.recommend-field input::placeholder{font-size:12px}}
@media(max-width:440px){.recommend-eyebrow{font-size:8px;letter-spacing:.1em}.recommend-aside{column-gap:18px}.recommend-aside h2{font-size:17px}.recommend-aside>p{font-size:10px;line-height:1.9}.recommend-art figcaption{font-size:8px}.recommend-aside .recommend-rights{font-size:10px}.recommend-form-title h2{font-size:27px}.recommend-form-title p{font-size:8px}.recommend-fields{grid-template-columns:1fr;gap:22px}.full-width{grid-column:auto}#recommend-form legend>span[lang]{font-size:10px}.recommend-submit .recommend-primary{width:100%}.recommend-primary{font-size:12px}.mail-preview h2{font-size:26px}.mail-preview .recommend-field input{font-size:11px}.recommend-heading-row h1{font-size:11.8vw}}
.recommend-heading-row h1{font-size:clamp(50px,6.1vw,110px)}.recommend-jump{display:inline-flex;align-items:center;gap:17px;color:var(--accent);border-bottom:1px solid #667158;margin-top:21px;padding-block:7px;font-size:12px;min-height:37px}.recommend-jump span{font-size:18px}.recommend-jump:hover{border-color:var(--accent)}#recommend-form{scroll-margin-top:26px}
@media(max-width:1000px){.recommend-heading-row h1{font-size:6vw}}
@media(max-width:760px){.recommend-heading-row h1{font-size:10vw}.recommend-lead .recommend-chinese{font-size:clamp(20px,5.4vw,25px)}.recommend-jump{margin-top:15px}}
@media(max-width:440px){.recommend-aside{display:block}.recommend-art{max-width:none}.recommend-art img{aspect-ratio:1.9}.recommend-aside h2{font-size:23px;margin-top:22px;line-height:1.6}.recommend-aside>p{font-size:12px;margin-top:13px}.recommend-art figcaption{font-size:9px}.recommend-aside .recommend-rights{font-size:11px;margin-top:18px}}
.recommend-intro-tools{display:flex;align-items:center;justify-content:space-between;gap:24px}.language-switch{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;flex-shrink:0}.language-switch[hidden]{display:none}.language-switch button{min-height:44px;padding:6px;position:relative}.language-switch button[aria-pressed=true]{color:var(--accent)}.language-switch button[aria-pressed=true]:after{position:absolute;content:"";height:1px;bottom:7px;left:6px;right:6px;background:var(--accent)}.language-switch>span{font-size:10px;color:#71766a}.recommend-field label>[data-i18n^="label."]{color:var(--ink);margin-left:0}.recommend-primary>[data-i18n],.recommend-jump>[data-i18n],.recommend-page .return-link>[data-i18n]{font-size:inherit;line-height:inherit;color:inherit}.recommend-form-title p>[data-i18n]{color:inherit}.recommend-lead>[data-i18n="intro.description"]{font-size:13px;line-height:2;color:var(--muted);max-width:390px}.recommend-jump>span[aria-hidden]{font-size:18px}.recommend-page:lang(en) .section-translation{display:none}.recommend-page:lang(zh) .recommend-heading-row h1{font-size:clamp(44px,5.7vw,100px);line-height:1.2;letter-spacing:-.055em}.recommend-page:lang(en) .recommend-chinese{font-family:var(--serif);font-style:italic;letter-spacing:-.025em;line-height:1.2}.recommend-field select{max-width:100%}
@media(max-width:1000px){.recommend-lead>[data-i18n="intro.description"]{font-size:12px}.recommend-page:lang(zh) .recommend-heading-row h1{font-size:5.5vw}}
@media(max-width:760px){.recommend-intro-tools{gap:12px}.recommend-intro-tools>.recommend-eyebrow{max-width:calc(100% - 120px);line-height:1.8}.recommend-page:lang(zh) .recommend-heading-row h1{font-size:10vw}.recommend-form-title h2{min-width:0}.recommend-lead>[data-i18n="intro.description"]{font-size:12px}.recommend-page:lang(en) .recommend-chinese{font-size:27px;max-width:400px}}
@media(max-width:600px){.recommend-form-title{flex-direction:column;gap:12px}.recommend-form-title p{max-width:none;text-align:left}.recommend-page:lang(en) .recommend-aside h2{font-size:24px}}
@media(max-width:440px){.language-switch{font-size:11px;gap:5px}.recommend-intro-tools>.recommend-eyebrow{max-width:calc(100% - 112px)}.recommend-page:lang(zh) .recommend-heading-row h1{font-size:10.3vw}.recommend-page:lang(en) .recommend-aside h2{font-size:22px}.recommend-page:lang(en) .recommend-submit .recommend-primary{min-width:0}.recommend-page:lang(en) .recommend-field select{font-size:14px}.recommend-page:lang(en) .recommend-chinese{font-size:24px}}
.recommend-page:lang(en) .recommend-heading-row h1{font-size:clamp(45px,5.5vw,100px)}
@media(max-width:760px){.recommend-page:lang(en) .recommend-heading-row h1{font-size:10vw}}