:root{--article-ink:#071b3f;--article-blue:#176fd1;--article-coral:#f45f58;--article-line:#dbe5ef;--article-soft:#f5f9fd;--article-muted:#526179}
.article-redesign{margin:0;color:var(--article-ink);font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif;background:#fff}
.article-redesign *{box-sizing:border-box}
.article-redesign .site-header{position:relative;z-index:20;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:30px;align-items:center;min-height:92px;padding:14px clamp(24px,4vw,72px);background:#fff;border:0;box-shadow:0 2px 15px rgba(7,27,63,.08)}
.article-redesign .brand{display:inline-flex;gap:12px;align-items:center;color:var(--article-ink);font-weight:900;text-decoration:none}
.article-redesign .site-nav{display:flex;gap:clamp(18px,2.2vw,34px)}
.article-redesign .site-nav a{color:var(--article-ink);font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap}
.article-redesign .header-cta{display:grid;min-width:210px;padding:12px 22px;color:#fff;text-align:center;text-decoration:none;background:var(--article-coral);border-radius:8px;box-shadow:0 7px 18px rgba(244,95,88,.22)}
.article-redesign .header-cta small{font-size:.66rem}
.article-redesign .article-hero{position:relative;display:flex;align-items:center;min-height:520px;padding:0;background:#fff;overflow:hidden}
.article-redesign .article-hero::after{content:"";position:absolute;top:0;right:0;bottom:0;width:54%;background-position:center;background-size:cover;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.article-redesign .article-hero .container{position:relative;z-index:2;width:min(1280px,calc(100% - 96px));max-width:none;margin:0 auto;padding-right:58%}
.article-redesign .article-kicker{margin:0 0 20px}
.article-redesign .article-kicker a{display:inline-flex;padding:5px 10px;color:#fff;font-size:.76rem;font-weight:900;text-decoration:none;background:var(--article-blue);border-radius:3px}
.article-redesign .article-hero h1{margin:0;font-size:clamp(2.35rem,3vw,3.35rem);font-weight:900;line-height:1.38;letter-spacing:.02em}
.article-redesign .article-deck{margin:22px 0 0;color:#31445f;font-size:.96rem;font-weight:700;line-height:1.85}
.article-redesign .article-meta{margin:26px 0 0;color:var(--article-muted);font-size:.84rem;font-weight:700}
.article-trip-priority .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/business-trip-hero-v2.jpg")}
.article-negotiation .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/online-lesson-scene-meeting.jpg")}
.article-repeat .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/beginner-hero-v3.jpg")}
.article-card-exchange .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/online-lesson-scene-meeting.jpg")}
.article-dinner .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/online-lesson-scene-dinner.jpg")}
.article-study-plan .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/home-scene-assignment.jpg")}
.article-self-introduction .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/stock-candidates/pexels-mikhail-nilov-7988043.jpg")}
.article-greetings .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/business-trip-hero-v2.jpg")}
.article-retrieval .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/column-retrieval-practice-hero-notebook.jpg")}
.article-study-method .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/column-study-method-hero-train.jpg")}
.article-tones .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/column-tones-hero-online-lesson.jpg")}
.article-self-study .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/column-self-study-hero-reading.jpg")}
.article-vocab .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/column-vocab-hero-flashcards.jpg")}
.article-lesson-choice .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.06),rgba(13,54,92,.06)),url("../images/column-online-chinese-lessons-choice.jpg")}
.article-assignment-first-week .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.12),rgba(13,54,92,.12)),url("../images/column-china-assignment-first-week-office.jpg")}
.article-business-email .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.08),rgba(13,54,92,.08)),url("../images/column-chinese-business-email-desk.jpg")}
.article-business-phone .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.1),rgba(13,54,92,.1)),url("../images/column-chinese-business-phone-desk.jpg")}
.article-business-meeting .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.12),rgba(13,54,92,.12)),url("../images/column-chinese-business-meeting-room.jpg")}
.article-factory-visit .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.1),rgba(13,54,92,.1)),url("../images/column-chinese-factory-visit.jpg")}
.article-ordering .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.1),rgba(13,54,92,.1)),url("../images/column-chinese-ordering.jpg")}
.article-progress-check .article-hero::after{background-image:linear-gradient(rgba(13,54,92,.06),rgba(13,54,92,.06)),url("../images/column-chinese-progress-update.jpg")}
.article-redesign .article-body{padding:64px 0 80px;background:#fff}
.article-redesign .article-body>.container{display:grid;grid-template-columns:230px minmax(0,760px);justify-content:center;column-gap:54px;width:min(1120px,calc(100% - 48px));max-width:none}
.article-redesign .article-body>.container>*{grid-column:2}
.article-redesign .article-body #toc{grid-column:1;grid-row:1/span 50;align-self:start;position:sticky;top:24px;margin:0}
.article-redesign .article-body #toc>.intro-goal{padding:24px 22px;background:#fff;border:1px solid var(--article-line);border-radius:5px;box-shadow:none}
.article-redesign .article-body #toc .intro-goal>span{display:block;margin-bottom:12px;color:var(--article-ink);font-size:.92rem}
.article-redesign .article-body #toc ol{padding-left:1.2em!important;font-size:.8rem!important;line-height:1.75!important}
.article-redesign .article-body #toc li{margin:7px 0}
.article-redesign .article-body #toc a{color:#2763ad;text-decoration:none}
.article-redesign .article-body p{margin:0 0 24px;color:#273a55;font-size:1rem;line-height:2.05}
.article-redesign .article-body h2{margin:58px 0 22px;padding:0 0 14px;color:var(--article-ink);font-size:1.85rem;line-height:1.55;border-bottom:1px solid var(--article-line)}
.article-redesign .article-body h3{margin:34px 0 14px;color:#174f98;font-size:1.2rem;line-height:1.6}
.article-redesign .article-body figure{margin:34px 0!important}
.article-redesign .article-body figure img{display:block;width:100%!important;height:auto!important;max-height:460px;object-fit:cover;border-radius:6px!important}
.article-trip-priority .article-body>.container>figure:first-of-type{display:none}
.article-redesign .intro-goal{margin:12px 0 34px;padding:24px 26px;color:var(--article-ink);font-weight:700;line-height:1.9;background:#f0f7ff;border:1px solid #cfe1f5;border-radius:5px;box-shadow:none}
.article-redesign .intro-goal>span{display:inline-flex;margin-right:10px;color:var(--article-blue);font-weight:900}
.article-redesign .phrase-table{width:100%;margin:22px 0 34px;border-collapse:collapse;font-size:.9rem}
.article-redesign .phrase-table th,.article-redesign .phrase-table td{padding:15px 16px;border:1px solid var(--article-line);vertical-align:top}
.article-redesign .phrase-table th{color:#fff;background:#1764ba}
.article-redesign .article-cta-box{margin:58px 0 42px;padding:34px 38px;border:2px solid #ff7771;border-radius:7px;background:#fffafa}
.article-redesign .article-cta-box h2{margin:0 0 16px;padding:0;border:0;font-size:1.55rem}
.article-redesign .article-cta-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.article-redesign .article-cta-box .button{display:inline-flex;padding:15px 24px;color:#fff;font-weight:900;text-decoration:none;background:var(--article-coral);border-radius:6px}
.article-redesign .article-cta-secondary{display:inline-flex;padding:13px 22px;color:var(--article-blue);font-weight:900;text-decoration:none;background:#fff;border:2px solid var(--article-blue);border-radius:6px}
.article-redesign .lesson-choice-summary{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;align-items:start}
.article-redesign .lesson-choice-summary p{margin:0;font-size:.94rem;line-height:1.9}
.article-lesson-choice .article-hero .lesson-name{white-space:nowrap}
.article-redesign .lesson-choice-table td:first-child,.article-redesign .lesson-type-table td:first-child{white-space:nowrap}
.article-redesign .lesson-choice-checklist{margin:22px 0 34px;padding:0;list-style:none;counter-reset:choice-check}
.article-redesign .lesson-choice-checklist li{position:relative;margin:0;padding:16px 18px 16px 58px;border-bottom:1px solid var(--article-line);color:#273a55;line-height:1.85;counter-increment:choice-check}
.article-redesign .lesson-choice-checklist li::before{content:counter(choice-check);position:absolute;top:16px;left:14px;display:grid;place-items:center;width:30px;height:30px;color:#fff;font-weight:900;background:var(--article-blue);border-radius:50%}
.article-redesign .lesson-choice-cta{border-color:#176fd1;background:#f7fbff}
.article-assignment-first-week .assignment-title-line{display:block;white-space:nowrap}
.article-redesign .assignment-first-week-summary{padding:26px 30px;border-left:5px solid var(--article-blue)}
.article-redesign .assignment-first-week-summary>span{display:block;margin:0 0 10px}
.article-redesign .assignment-first-week-summary ol{margin:0;padding-left:1.35em;color:#273a55;font-size:.94rem;font-weight:500;line-height:1.9}
.article-redesign .assignment-flow{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:28px 0 36px;padding:1px;list-style:none;background:var(--article-line)}
.article-redesign .assignment-flow li{display:grid;gap:7px;padding:22px 24px;background:#fff}
.article-redesign .assignment-flow strong{color:#174f98;font-size:1.04rem}
.article-redesign .assignment-flow span{color:#526179;font-size:.86rem;line-height:1.75}
.article-redesign .assignment-phrase-table td:first-child{width:38%;font-weight:700}
.article-redesign .assignment-phrase-table .zh-phrase{row-gap:8px}
.article-redesign .assignment-phrase-table .zh-char{color:#071b3f}
.article-redesign .assignment-note{margin:34px 0;padding:25px 28px;background:#fffaf2;border-left:5px solid #d69b2b}
.article-redesign .assignment-note h3{margin:0 0 10px;color:#7c5410}
.article-redesign .assignment-note p{margin:0}
.article-redesign .assignment-priority{margin:26px 0 38px;padding:0;list-style:none;border-top:1px solid var(--article-line)}
.article-redesign .assignment-priority li{display:grid;grid-template-columns:90px 170px 1fr;gap:18px;align-items:center;padding:19px 10px;border-bottom:1px solid var(--article-line)}
.article-redesign .assignment-priority span{color:#176fd1;font-size:.82rem;font-weight:900}
.article-redesign .assignment-priority strong{color:#071b3f}
.article-redesign .assignment-priority p{margin:0;font-size:.88rem;line-height:1.7}
.article-redesign .assignment-first-week-cta{border-color:#176fd1;background:#f7fbff}
.article-redesign .assignment-first-week-cta .assignment-cta-note{margin:16px 0 0;font-size:.86rem}
.article-redesign .assignment-first-week-cta .assignment-cta-note a{color:#2763ad;font-weight:700}
.article-redesign .business-answer{padding:26px 30px;border-left:5px solid var(--article-blue)}
.article-redesign .business-answer>span{display:block;margin-bottom:10px}
.article-redesign .business-answer ol{margin:0;padding-left:1.35em;color:#273a55;font-weight:500;line-height:1.9}
.article-redesign .business-five-lines{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:28px 0 36px;padding:1px;background:var(--article-line)}
.article-redesign .business-five-lines div{display:grid;gap:8px;align-content:start;min-height:140px;padding:22px 18px;background:#fff}
.article-redesign .business-five-lines b{color:#176fd1;font-size:1.05rem}
.article-redesign .business-five-lines span{color:#526179;font-size:.82rem;line-height:1.7}
.article-redesign .business-table-wrap{width:100%;margin:22px 0 34px}
.article-redesign .business-phrase-table{margin:0}
.article-redesign .business-phrase-table td:first-child{width:38%}
.article-redesign .business-phrase-table small{color:#526179;font-size:.78rem;line-height:1.6}
.article-redesign .business-phrase-table .zh-phrase{row-gap:8px}
.article-redesign .business-message-sample,.article-redesign .phone-dialogue{margin:26px 0 34px;padding:28px 30px;background:#f7fbff;border-left:5px solid #176fd1}
.article-redesign .business-message-sample p,.article-redesign .phone-dialogue p{margin:0 0 12px;font-size:.94rem;line-height:1.8}
.article-redesign .business-message-sample p:last-child,.article-redesign .phone-dialogue p:last-child{margin-bottom:0}
.article-redesign .business-checklist{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:24px 0 34px;padding:0;list-style:none;border-top:1px solid var(--article-line)}
.article-redesign .business-checklist li{position:relative;padding:17px 18px 17px 44px;color:#273a55;border-bottom:1px solid var(--article-line)}
.article-redesign .business-checklist li::before{content:"✓";position:absolute;left:14px;color:#176fd1;font-weight:900}
.article-redesign .business-email-cta{border-color:#176fd1;background:#f7fbff}
.article-redesign .phone-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0 40px}
.article-redesign .phone-flow span{position:relative;padding:15px 10px;color:#fff;font-size:.84rem;font-weight:900;text-align:center;background:#1764ba;border-radius:4px}
.article-redesign .phone-flow span:not(:last-child)::after{content:"›";position:absolute;top:50%;right:-10px;color:#1764ba;font-size:1.4rem;transform:translateY(-50%)}
.article-redesign .phone-steps{margin:24px 0 38px;padding:0;list-style:none;counter-reset:phone-step}
.article-redesign .phone-steps li{position:relative;display:grid;grid-template-columns:180px 1fr;gap:24px;padding:20px 18px 20px 62px;border-bottom:1px solid var(--article-line);counter-increment:phone-step}
.article-redesign .phone-steps li::before{content:counter(phone-step);position:absolute;top:17px;left:14px;display:grid;place-items:center;width:32px;height:32px;color:#fff;font-weight:900;background:#1764ba;border-radius:50%}
.article-redesign .phone-steps b{color:#071b3f}
.article-redesign .phone-steps p{margin:0;font-size:.88rem;line-height:1.7}
.article-redesign .phone-fallback-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:26px 0 34px;padding:1px;background:var(--article-line)}
.article-redesign .phone-fallback-grid div{padding:22px 24px;background:#fff}
.article-redesign .phone-fallback-grid b{color:#174f98}
.article-redesign .phone-fallback-grid p{margin:8px 0 0;font-size:.88rem;line-height:1.75}
.article-redesign .business-phone-cta{border-color:#d69b2b;background:#fffaf2}
.article-redesign .meeting-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:28px 0 40px;padding:1px;background:var(--article-line)}
.article-redesign .meeting-timeline div{display:grid;gap:8px;padding:22px 24px;background:#fff}
.article-redesign .meeting-timeline span{color:#176fd1;font-size:.78rem;font-weight:900}
.article-redesign .meeting-timeline b{color:#071b3f}
.article-redesign .meeting-prep{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 36px}
.article-redesign .meeting-prep div{padding:22px;border:1px solid var(--article-line);border-radius:5px}
.article-redesign .meeting-prep b{color:#174f98}
.article-redesign .meeting-prep p{margin:8px 0 0;font-size:.86rem;line-height:1.7}
.article-redesign .meeting-role-table{width:100%;margin:24px 0 38px;border-collapse:collapse;font-size:.88rem}
.article-redesign .meeting-role-table th,.article-redesign .meeting-role-table td{padding:15px 14px;border:1px solid var(--article-line);vertical-align:top}
.article-redesign .meeting-role-table th{color:#fff;background:#1764ba}
.article-redesign .meeting-close-list{display:grid;grid-template-columns:1fr 1fr;margin:26px 0 36px;padding:0;list-style:none;border-top:1px solid var(--article-line)}
.article-redesign .meeting-close-list li{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:18px;border-bottom:1px solid var(--article-line)}
.article-redesign .meeting-close-list span{color:#176fd1;font-weight:900}
.article-redesign .meeting-close-list p{margin:0;font-size:.86rem;line-height:1.65}
.article-redesign .business-meeting-cta{border-color:#176fd1;background:#f7fbff}
.article-redesign .article-related{margin:58px 0 0;padding-top:0;border-top:0}
.article-redesign .article-related h2{margin-bottom:22px}
.article-redesign .service-link-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}
.article-redesign .service-link-list li{padding:18px;border:1px solid var(--article-line);border-radius:5px;background:#fff}
.article-redesign .service-link-list a{color:var(--article-ink);font-weight:900;text-decoration:none}
.article-redesign .service-link-list p{margin:8px 0 0;font-size:.78rem;line-height:1.65}
.article-redesign .site-footer{color:var(--article-ink);background:#fff;border-top:1px solid var(--article-line)}
.article-redesign .site-footer a,.article-redesign .site-footer p{color:inherit}
@media(max-width:1000px){.article-redesign .site-header{grid-template-columns:1fr auto}.article-redesign .site-nav{display:none}.article-redesign .nav-toggle{display:grid}.article-redesign .article-hero{min-height:470px}.article-redesign .article-hero .container{width:calc(100% - 48px);padding-right:52%}.article-redesign .article-hero::after{width:50%}.article-redesign .article-body>.container{grid-template-columns:190px minmax(0,680px);column-gap:34px}.article-redesign .service-link-list{grid-template-columns:1fr 1fr}.article-redesign .business-five-lines{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.article-redesign .site-header{min-height:70px;padding:9px 16px}.article-redesign .site-header .brand span{font-size:.86rem}.article-redesign .logo-mark{width:38px;height:38px}.article-redesign .header-cta{display:none}.article-redesign .article-hero{display:block;min-height:0;padding-top:250px}.article-redesign .article-hero::after{top:0;width:100%;height:250px;clip-path:none}.article-redesign .article-hero .container{width:auto;padding:34px 24px 42px}.article-redesign .article-hero h1{font-size:2.05rem}.article-redesign .article-body{padding:36px 0 60px}.article-redesign .article-body>.container{display:block;width:calc(100% - 32px)}.article-redesign .article-body #toc{position:static;margin:26px 0 40px}.article-redesign .article-body p{font-size:.94rem;line-height:1.95}.article-redesign .article-body h2{margin-top:46px;font-size:1.48rem}.article-redesign .service-link-list{grid-template-columns:1fr}.article-redesign .article-cta-box{padding:26px 22px}.article-redesign .lesson-choice-summary{display:block}.article-redesign .lesson-choice-summary>span{margin-bottom:8px}.article-redesign .lesson-choice-table td:first-child,.article-redesign .lesson-type-table td:first-child{white-space:normal}.article-assignment-first-week .assignment-title-line{white-space:normal}.article-redesign .assignment-flow{grid-template-columns:1fr}.article-redesign .assignment-first-week-summary{padding:22px 20px}.article-redesign .assignment-priority li{grid-template-columns:78px 1fr;gap:8px 12px}.article-redesign .assignment-priority p{grid-column:2}.article-redesign .assignment-phrase-table th,.article-redesign .assignment-phrase-table td{padding:13px 12px}.article-redesign .assignment-phrase-table td:first-child{width:42%}.article-redesign .business-answer{padding:22px 20px}.article-redesign .business-five-lines,.article-redesign .phone-flow,.article-redesign .meeting-timeline,.article-redesign .meeting-prep{grid-template-columns:1fr}.article-redesign .business-five-lines div{min-height:0}.article-redesign .business-phrase-table th,.article-redesign .business-phrase-table td{padding:13px 10px}.article-redesign .business-phrase-table td:first-child{width:38%}.article-redesign .business-message-sample,.article-redesign .phone-dialogue{padding:22px 20px}.article-redesign .business-checklist,.article-redesign .phone-fallback-grid,.article-redesign .meeting-close-list{grid-template-columns:1fr}.article-redesign .phone-flow span:not(:last-child)::after{content:"↓";top:auto;right:50%;bottom:-13px;transform:translateX(50%)}.article-redesign .phone-steps li{grid-template-columns:1fr;gap:8px;padding-left:62px}.article-redesign .meeting-role-table{font-size:.78rem}.article-redesign .meeting-role-table th,.article-redesign .meeting-role-table td{padding:11px 8px}.article-redesign .site-footer{padding-bottom:90px}}