:root{--g-ink:#243e32;--g-muted:#637066;--g-accent:#2e654e;--g-line:#e2e5dc;--g-paper:#fffefa;--g-rail:#f5f4ed;--g-soft:#eaf0e3}
html{scroll-padding-top:100px;scroll-behavior:smooth}
*{box-sizing:border-box}body.school{margin:0;background:var(--g-rail);color:var(--g-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7}body.school button,body.school input{font:inherit}a{color:inherit}.school button,.school a{touch-action:manipulation}.school button{cursor:pointer}.school a{text-decoration:none}.school svg{width:20px;height:20px;flex-shrink:0}.school button{border:0}.school :is(a,button,input,summary):focus-visible{outline:3px solid #397657;outline-offset:4px}.school-header{height:72px;border-bottom:1px solid var(--g-line);background:rgba(255,254,250,.98);position:sticky;top:0;z-index:50}.school-header-inner{max-width:1440px;margin:auto;height:100%;padding:0 32px;display:flex;align-items:center;gap:22px}.school-logo{display:flex;align-items:center;flex:none}.school-logo img{width:148px;height:auto}.brand-divider{height:22px;width:1px;background:#d4dacd}.header-label{font-size:14px;color:#556450;white-space:nowrap}.search-launch{margin-left:auto;display:flex;align-items:center;gap:10px;background:#f2f3ec;border:1px solid #e7e9df!important;border-radius:8px;min-height:40px;width:288px;padding:0 13px;color:#6c7669;font-size:13px!important;text-align:left}.search-launch svg{width:17px;height:17px}.header-site{font-size:13px;white-space:nowrap}.create-button{display:flex;align-items:center;gap:14px;white-space:nowrap;background:#2e654e;color:white!important;padding:8px 16px;border-radius:7px;font-size:13px;min-height:40px}.create-button svg{width:16px;height:16px}.create-button:hover,.solid-link:hover{background:#234f3c}.school-shell{max-width:1440px;min-height:calc(100vh - 72px);display:grid;grid-template-columns:220px minmax(0,1fr);margin:auto}.guide-sidebar{position:sticky;top:72px;height:calc(100dvh - 72px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d7ddce transparent;border-right:1px solid var(--g-line);padding:27px 17px 24px 24px;background:var(--g-rail);align-self:start}.sidebar-top{font-size:11px;letter-spacing:.08em;color:#75806f;margin-bottom:13px;display:flex;justify-content:space-between}.overview-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:7px;font-size:14px;font-weight:600;min-height:42px}.overview-link svg{width:17px;height:17px}.overview-link.active{background:#e4ecde;color:#285438}.nav-group{margin-top:23px}.nav-group h2{font-size:11px;font-weight:500;letter-spacing:.05em;margin:0 0 5px;padding-left:12px;color:#76816f}.nav-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px;font-size:13px;line-height:21px;color:#51614f;padding:7px 12px;border-radius:6px}.nav-link.active{color:#255936;background:#e4ecde;font-weight:600}.nav-dot{width:5px;height:5px;background:#4b7859;border-radius:50%;flex:none}.nav-link:hover,.overview-link:hover{background:#e9ede2;color:#234d34}.sidebar-help{border-top:1px solid #dfe5d8;padding:18px 8px 0;display:flex;align-items:center;gap:8px;margin-top:24px;font-size:11px;color:#64725c}.sidebar-help svg{width:16px;height:16px}.sidebar-help svg:last-child{margin-left:auto;width:13px}.school-main{background:var(--g-paper);padding:46px 48px 0;min-width:0}.eyebrow{display:block;font-size:11px;line-height:20px;letter-spacing:.1em;color:#557650;font-weight:600}.home-intro{position:relative;padding:0 0 31px}.home-intro h1{font-size:42px;line-height:1.4;font-weight:600;letter-spacing:-.045em;margin:12px 0 12px}.home-intro p{font-size:15px;color:var(--g-muted);margin:0}.intro-label{position:absolute;right:0;bottom:37px;display:flex;gap:8px;align-items:center;font-size:11px;color:#788270}.intro-label svg{width:16px;height:16px}.getting-started{display:grid;grid-template-columns:1fr 1.14fr;background:#edf1e5;border:1px solid #dfe6d4;border-radius:16px;overflow:hidden;min-height:285px}.getting-copy{padding:30px 32px;align-self:center}.section-kicker{font-size:11px;line-height:20px;letter-spacing:.06em;color:#6b7e5e}.tiny-dot{display:inline-block;width:6px;height:6px;background:#668457;border-radius:50%;margin-right:5px}.getting-copy h2{font-size:27px;line-height:1.5;margin:12px 0 12px;letter-spacing:-.03em;color:#2b4630;font-weight:600}.getting-copy p{font-size:13px;line-height:23px;color:#63745a;margin:0 0 23px}.solid-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:42px;background:#2f6145;padding:9px 17px;color:#fff!important;border-radius:7px;font-size:13px;font-weight:500}.solid-link svg{width:17px;height:17px}.getting-video{position:relative;align-self:center;margin:26px 26px 26px 0;display:block;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #3b51341a;background:#f1ebd8;aspect-ratio:1672/941}.getting-video>img{width:100%;height:100%;object-fit:cover;display:block}.getting-video:after{content:none}.play-disc{position:absolute;inset:0;margin:auto;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fffef5dd;color:#315a3d;box-shadow:0 3px 15px #15271d20}.play-disc svg{width:22px;height:22px;fill:currentColor;stroke-width:1}.getting-video:hover .play-disc{background:#fff}.video-caption{position:absolute;bottom:12px;left:15px;right:15px;color:white;font-size:11px;display:flex;justify-content:space-between;z-index:1}.home-section{margin-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.section-heading h2{font-size:25px;line-height:36px;font-weight:600;letter-spacing:-.025em;margin:5px 0 0;color:#293f30}.section-heading>p{font-size:12px;color:#72806c;margin:0 0 3px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mode-card{min-width:0;overflow:hidden;border:1px solid var(--g-line);border-radius:11px;background:#fff;transition:border-color .18s,box-shadow .18s}.mode-card:hover{border-color:#a4ba94;box-shadow:0 5px 18px #2a4b3510}.mode-art{position:relative;height:126px;background:#f1f0e6;overflow:hidden;display:flex;align-items:center;padding:20px}.mode-art-grid{position:absolute;inset:0;background-image:linear-gradient(#7588650b 1px,transparent 1px),linear-gradient(90deg,#7588650b 1px,transparent 1px);background-size:20px 20px}.mode-art img{position:absolute;width:67%;height:95px;object-fit:cover;right:-7px;top:18px;border:5px solid #fff;border-radius:7px;box-shadow:0 5px 15px #2a3e331a;transform:rotate(-5deg)}.mode-symbol{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:46px;border-radius:9px;background:#fffdf2e8;color:#64744d;border:1px solid #ffffff;box-shadow:0 3px 8px #263e2510}.mode-symbol svg{width:24px;height:24px}.tone-1 .mode-art{background:#eef0e9}.tone-2 .mode-art{background:#e8efdf}.tone-3 .mode-art{background:#f4eadb}.tone-4 .mode-art{background:#e8edef}.tone-5 .mode-art{background:#f1eae5}.mode-copy{padding:17px 18px 18px}.mode-copy h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:17px;line-height:25px;font-weight:600;color:#2c4232;margin:0 0 7px}.mode-copy h3 svg{width:16px;height:16px;color:#839076}.mode-copy p{font-size:12px;line-height:22px;color:#6a7665;margin:0}.advanced-grid{display:grid;grid-template-columns:1.04fr 1fr;gap:24px}.feature-guide{border:1px solid var(--g-line);border-radius:11px;overflow:hidden;background:#f7f5ec;display:block}.feature-guide>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.feature-guide>div{padding:21px 24px}.feature-guide h3{font-size:22px;line-height:32px;font-weight:600;margin:8px 0;color:#2a4532}.feature-guide p{font-size:13px;line-height:23px;color:#677460;margin:0 0 16px}.text-action{font-size:12px;display:inline-flex;gap:20px;align-items:center;color:#315a3b;font-weight:600}.text-action svg{width:16px;height:16px}.quick-guides{display:flex;flex-direction:column;border-top:1px solid var(--g-line)}.quick-guides>a{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--g-line);padding:24px 9px;flex:1;transition:background .18s}.quick-guides>a:hover{background:#f4f6ef}.quick-icon{display:grid;place-items:center;background:#eef2e7;border:1px solid #e3e8db;border-radius:10px;width:42px;height:42px;flex:none;color:#608050}.quick-guides strong{display:block;font-size:15px;font-weight:600;color:#334b34}.quick-guides small{display:block;font-size:12px;line-height:21px;color:#6a7862;margin-top:4px}.quick-guides>a>svg{width:15px;height:15px;margin-left:auto;color:#8b9781}.story-feature{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid var(--g-line);border-radius:12px;overflow:hidden;background:#f4f6ee}.story-image{position:relative;overflow:hidden;min-height:252px}.story-image img{width:100%;height:100%;object-fit:cover;display:block}.story-image>span{position:absolute;top:16px;left:16px;color:#2c533b;background:#fffdf1ef;border-radius:5px;padding:4px 10px;font-size:11px}.story-copy{padding:30px;align-self:center}.story-copy h3{font-size:24px;line-height:1.55;font-weight:600;margin:12px 0;letter-spacing:-.03em;color:#304530}.story-copy p{font-size:13px;line-height:23px;color:#68745e;margin:0 0 20px}.help-strip{display:flex;align-items:center;gap:22px;border:1px solid var(--g-line);border-radius:10px;margin-top:42px;padding:24px;background:#fafaf5}.help-strip>div{display:flex;align-items:center;gap:16px;margin-right:auto}.help-strip>div>svg{width:25px;height:25px;color:#798c6b}.help-strip strong{display:block;font-size:14px;font-weight:600;color:#485e3d}.help-strip small{display:block;font-size:12px;color:#7c866f;margin-top:3px}.help-strip>a{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:#4f6e43}.help-strip>a svg{width:15px;height:15px}.school-footer{display:flex;align-items:center;gap:22px;font-size:11px;line-height:20px;color:#7b8674;border-top:1px solid var(--g-line);margin-top:52px;padding:24px 0}.school-footer>a{margin-left:auto}.school-breadcrumb{display:flex;align-items:center;gap:10px;color:#7c8675;font-size:11px;margin-bottom:29px}.school-breadcrumb svg{width:12px;height:12px}.school-breadcrumb a{color:#526a46}.article-heading{max-width:860px;margin-bottom:32px}.article-heading h1{font-size:38px;line-height:1.35;font-weight:600;letter-spacing:-.035em;color:#223d2d;margin:9px 0 13px}.article-heading>p{font-size:16px;line-height:27px;color:#64715d;margin:0;max-width:62ch}.article-meta{display:flex;gap:15px;font-size:11px;color:#73816a;margin-top:16px}.article-meta span:first-child{background:#edf2e7;color:#56704a;padding:2px 8px;border-radius:4px}.article-meta span:last-child{padding:2px 0}.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:32px;align-items:start}.article-body{min-width:0;color:#42533e;font-size:15px}.page-outline{position:sticky;top:106px;border-left:1px solid #e1e7da;padding-left:18px;font-size:11px;color:#7c8971}.outline-label{font-weight:600;color:#4f6344}.page-outline nav{display:flex;flex-direction:column;gap:0;margin:12px 0 22px}.page-outline nav a{font-size:11px;line-height:19px;padding:7px 0;color:#75836a}.page-outline nav a:hover,.page-outline nav a.active{color:#2f603b}.page-outline nav a.active{font-weight:600}.back-top{font-size:11px;color:#75866a;display:flex;align-items:center;gap:6px}.back-top svg{width:13px;height:13px}.article-body :is(h2,h3){color:#2e4730;font-weight:600}.article-body h2{font-size:23px;line-height:1.5;letter-spacing:-.015em;margin:0 0 16px;scroll-margin-top:16px}.article-body h3{font-size:18px;line-height:1.5}.article-body p{font-size:15px;line-height:1.9;color:#5b6b52}.article-body p a,.article-body li a{color:#2e654e;text-decoration:underline;text-underline-offset:3px}.article-body :is(.seo-section,.tutorial-step){margin:0 0 36px;padding:0;border:0;background:none}.article-body .hb-article{max-width:none;width:100%;padding:0}.article-body .tutorial-step+ .tutorial-step{border-top:1px solid #e3e8dc;padding-top:32px}.article-body .hb-fig{margin:16px 0 0;border-radius:11px;border:1px solid #dfe5d6;overflow:hidden;background:#f2f5ec}.article-body .hb-fig img{width:100%;max-width:100%;height:auto;display:block}.article-body video{width:100%;max-width:100%;height:auto;display:block}.article-body .tutorial-video-wrap{max-width:100%;box-shadow:none;border:1px solid #e0e5d7;border-radius:12px;background:#f7f5e9;margin-bottom:24px}.article-body .tutorial-video-wrap+p{font-size:15px!important;color:#637159!important;line-height:1.9!important}.article-body ul{font-size:15px!important;line-height:1.9!important;color:#5c6d50!important}.article-body .hb-cases{gap:12px}.article-body .hb-case{border-radius:10px;box-shadow:none}.article-body .hb-case h3{font-size:14px}.article-body .hb-case img{aspect-ratio:16/9;object-fit:cover}.article-body .scene-disclosure{border:1px solid #e0e6d7;border-radius:9px;margin:24px 0;background:#f9faf4}.scene-disclosure>summary{padding:17px 18px;cursor:pointer;color:#55704b;font-size:13px;font-weight:500}.article-body .scene-disclosure .hb-scenes{padding:8px 18px 18px;margin:0}.article-body .hb-sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-body .hb-sc{border:1px solid #e3e8db;border-radius:8px;background:#fffefa;padding:16px}.article-body .hb-sc h3{font-size:15px}.article-body .hb-sc li{font-size:12px}.article-body .related-card:hover{transform:none}.article-body .hb-contact-card{max-width:100%;background:#f5f7ed}.article-next{border-top:1px solid #dfe6d7;margin-top:40px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.article-next>div>span{font-size:11px;color:#7b8970}.article-next>div>a{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:600;color:#375b32;margin-top:4px}.article-next>div>a svg{width:17px;height:17px}.article-next>.all-guides{font-size:12px;color:#6d7e60}.mobile-outline{display:none}.ip-content .screen-stage{padding:22px}.ip-content .lesson-video{box-shadow:none}.ip-content .section-intro{display:block}.ip-content .section-intro p{font-size:12px;margin-top:7px}.ip-content .material-grid{grid-template-columns:1fr 1fr;gap:12px}.ip-content .material-card{padding:12px;gap:12px;align-items:center;flex-wrap:wrap}.ip-content .material-card img{width:72px;height:72px}.ip-content .material-card h3{font-size:15px;margin:2px 0}.ip-content .material-card p{font-size:12px;line-height:20px}.ip-content .lesson-chapter{scroll-margin-top:0}.ip-content .chapter-heading h2{margin:0}.ip-content .lesson-finish{padding:20px}.ip-content .lesson-finish h2{font-size:18px;margin:0 0 8px}.ip-content .lesson-finish p{font-size:13px;line-height:21px}.ip-content .lesson-finish a{font-size:12px}.search-dialog{padding:0;width:650px;max-width:calc(100vw - 32px);max-height:80dvh;position:fixed;top:13vh;margin:0 auto;border:1px solid #dbe4d1;border-radius:13px;box-shadow:0 24px 100px #143c2930;background:#fffefa;color:#2f4834;overflow:hidden}.search-dialog::backdrop,.image-dialog::backdrop{background:#172d235e;backdrop-filter:blur(3px)}.search-dialog-top{display:flex;align-items:center;gap:13px;padding:14px 20px;border-bottom:1px solid #e4eadc}.search-dialog-top input{min-width:0;flex:1;border:0;background:none;padding:9px 0;color:#2b4c30;outline:none!important;font-size:16px}.icon-button{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:7px;background:transparent;color:#5a7151}.icon-button:hover{background:#edf2e5}.search-status{font-size:11px;padding:15px 22px 7px;color:#7a8b6d}.search-results{max-height:50dvh;overflow:auto;padding:0 10px 12px}.search-result{display:flex;align-items:center;gap:16px;padding:14px 12px;border-radius:7px}.search-result:hover,.search-result:focus-visible{background:#edf3e5}.search-result>svg{color:#779166;width:19px;height:19px}.search-result>div{flex:1}.search-result strong{display:block;font-size:14px;color:#345c36}.search-result p{margin:3px 0 0;font-size:12px;color:#738368;line-height:21px}.search-result small{font-size:10px;color:#849576;white-space:nowrap}.search-empty{padding:25px 20px;color:#677e58;font-size:14px}.search-empty a{color:#285d34;text-decoration:underline}.search-foot{border-top:1px solid #e3e9dc;padding:11px 22px;display:flex;justify-content:space-between;color:#7b8c6c;font-size:10px}.search-foot kbd{border:1px solid #d8e2cf;padding:1px 4px;border-radius:3px;margin-right:5px}.image-dialog{margin:auto;padding:0;width:min(1200px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);border:1px solid #d2ddc7;border-radius:12px;background:#f8faf3;box-shadow:0 20px 80px #18352244;overflow:hidden}.image-dialog header{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;border-bottom:1px solid #dce5d2;gap:20px}.image-dialog h2{font-size:15px;font-weight:600;margin:0;color:#3a5532}.image-dialog-body{padding:32px;max-height:calc(100dvh - 130px);overflow:auto;display:flex;align-items:flex-start}.image-dialog-body>img{width:auto;max-width:100%;height:auto;margin:auto}.image-dialog-body .ip-shot-frame{width:var(--natural-width);max-width:100%;flex:none;margin:auto}.image-help{display:none}.article-body .hb-fig img{cursor:zoom-in}.school .skip-link{position:fixed;left:20px;top:-80px;background:#244f37;color:#fff;padding:12px 18px;z-index:300;border-radius:6px}.school .skip-link:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-menu,.sidebar-close{display:none}
@media(min-width:1500px){.school-shell{grid-template-columns:240px minmax(0,1fr)}.school-main{padding:48px 56px 0}.guide-sidebar{padding-left:32px}.reading-layout{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:1250px){.school-main{padding:36px 32px 0}.school-shell{grid-template-columns:206px minmax(0,1fr)}.guide-sidebar{padding-left:17px}.reading-layout{display:block}.page-outline{display:none}.mobile-outline{display:block;border-top:1px solid #e1e6d8;border-bottom:1px solid #e1e6d8;margin:0 0 30px}.mobile-outline summary{padding:12px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#697d58;cursor:pointer}.mobile-outline summary svg{width:14px;height:14px;transform:rotate(90deg)}.mobile-outline[open] summary svg{transform:rotate(-90deg)}.mobile-outline nav{display:flex;flex-direction:column;padding-bottom:14px;gap:8px;font-size:12px}.intro-label{display:none}.home-intro h1{font-size:38px}.getting-copy{padding:26px}.getting-copy h2{font-size:24px}.getting-video{margin-right:20px}.mode-art{height:112px}.mode-art img{height:83px;top:15px}.mode-art .mode-symbol{width:36px;height:40px}.section-heading>p{max-width:200px}.help-strip{flex-wrap:wrap}.help-strip>div{width:100%}.header-site{display:none}.school-header-inner{gap:17px}.story-copy{padding:25px}.story-copy h3{font-size:22px}}
@media(max-width:950px){.school-shell{grid-template-columns:184px minmax(0,1fr)}.guide-sidebar{padding:24px 10px 20px}.nav-link{font-size:12px}.school-main{padding:32px 24px 0}.school-header-inner{padding:0 24px}.header-label,.brand-divider{display:none}.search-launch{width:260px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.getting-started{grid-template-columns:1fr}.getting-copy{padding:24px}.getting-copy h2 br{display:none}.getting-copy p br{display:none}.getting-video{margin:0 24px 24px;aspect-ratio:16/9}.getting-copy h2{font-size:26px}.getting-copy p{margin-bottom:18px}.advanced-grid{grid-template-columns:1fr;gap:20px}.feature-guide{display:grid;grid-template-columns:1fr 1fr;align-items:center}.feature-guide>img{height:100%;object-fit:cover}.feature-guide>div{padding:20px}.feature-guide h3{font-size:20px}.quick-guides{display:grid;grid-template-columns:1fr 1fr;border-top:0;gap:0 18px}.quick-guides>a{padding:20px 0}.quick-guides small{display:none}.quick-guides strong{font-size:13px}.quick-icon{width:32px;height:36px;border-radius:7px}.quick-icon svg{width:18px;height:18px}.story-feature{grid-template-columns:1fr}.story-image{min-height:0;aspect-ratio:16/9}.story-copy{padding:24px}.story-copy h3 br{display:none}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:8px}.article-heading h1{font-size:33px}.article-body .hb-sc-grid{grid-template-columns:1fr 1fr}.school-footer{gap:12px}.school-footer>span:nth-child(2){display:none}}
@media(max-width:700px){.school-header{height:62px}.school-header-inner{padding:0 16px;gap:10px}.school-logo img{width:122px}.mobile-menu{display:grid;width:32px}.search-launch{margin-left:auto;width:36px;padding:0;background:transparent!important;border:0!important;justify-content:center}.search-launch svg{width:20px;height:20px}.search-launch span{display:none}.create-button{min-height:36px;padding:7px 11px;font-size:12px;gap:7px}.create-button svg{width:13px;height:13px}.school-shell{display:block}.guide-sidebar{position:fixed;z-index:80;left:0;top:0;bottom:0;height:100dvh;width:270px;max-width:85vw;padding:20px 22px;transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 60px #17332420}.sidebar-top{height:40px;align-items:center;font-size:12px}.sidebar-close{display:grid}.sidebar-open .guide-sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:#18302466;z-index:70;backdrop-filter:blur(2px)}.nav-link{font-size:14px;min-height:42px}.nav-group h2{font-size:12px}.overview-link{min-height:44px}.school-main{padding:28px 20px 0}.home-intro{padding-bottom:25px}.home-intro .eyebrow{font-size:10px}.home-intro h1{font-size:32px;line-height:1.5;letter-spacing:-.045em;margin-top:10px}.home-intro p{font-size:15px;line-height:26px;max-width:24ch}.getting-started{border-radius:12px}.getting-copy{padding:24px}.section-kicker{font-size:11px}.getting-copy h2{font-size:25px;margin:11px 0}.getting-copy h2 br{display:block}.getting-copy p{font-size:14px;line-height:24px}.getting-copy p br{display:block}.getting-video{margin:0 18px 18px}.home-section{margin-top:34px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:23px;line-height:34px}.section-heading>p{font-size:13px;line-height:22px}.mode-grid{gap:12px}.mode-art{height:98px;padding:13px}.mode-art img{height:70px;width:77%;right:-16px;top:14px;border-width:3px}.mode-symbol{width:30px!important;height:34px!important;border-radius:6px}.mode-symbol svg{width:19px;height:19px}.mode-copy{padding:13px}.mode-copy h3{font-size:16px;line-height:24px;margin:0 0 6px}.mode-copy h3 svg{display:none}.mode-copy p{font-size:13px;line-height:22px}.feature-guide{display:block}.feature-guide>img{height:auto}.feature-guide>div{padding:20px}.feature-guide h3{font-size:22px}.feature-guide p{font-size:15px;line-height:25px}.quick-guides{display:flex}.quick-guides>a{padding:18px 4px;gap:14px}.quick-guides small{display:block;font-size:13px}.quick-guides strong{font-size:16px}.quick-icon{width:40px;height:42px}.quick-icon svg{width:21px;height:21px}.story-copy{padding:22px}.story-copy h3{font-size:23px}.story-copy p{font-size:15px;line-height:26px}.help-strip{padding:20px;gap:17px;margin-top:30px}.help-strip>div{gap:12px;align-items:flex-start}.help-strip strong{font-size:15px;line-height:24px}.help-strip small{font-size:13px;line-height:22px}.help-strip>a{min-height:40px;font-size:13px}.help-strip>div>svg{margin-top:4px;flex:none}.school-footer{font-size:10px;margin-top:36px;padding:22px 0}.school-breadcrumb{margin-bottom:23px;font-size:11px}.article-heading{margin-bottom:23px}.article-heading h1{font-size:30px;line-height:1.45}.article-heading>p{font-size:16px;line-height:27px}.article-meta{font-size:11px}.article-body,.article-body p,.article-body ul{font-size:16px!important;line-height:1.85!important}.article-body h2{font-size:23px;line-height:1.5}.article-body h3{font-size:18px}.article-body :is(.tutorial-step,.seo-section){margin-bottom:28px}.article-body .hb-cases{grid-template-columns:1fr}.article-body .hb-sc-grid{grid-template-columns:1fr}.article-next{align-items:flex-start}.article-next>div>a{font-size:16px}.article-next>.all-guides{font-size:11px;min-width:72px}.article-body .hb-contact-card{flex-direction:column;align-items:flex-start;padding:20px;gap:20px}.article-body .hb-contact-card img{max-width:100%;height:auto}.ip-content .screen-stage{padding:16px 10px}.ip-content .material-grid{grid-template-columns:1fr}.ip-content .material-card{flex-wrap:nowrap}.ip-content .material-card img{width:86px;height:86px}.ip-content .material-card p{font-size:13px!important;line-height:22px!important}.ip-content .section-intro p{font-size:14px!important}.ip-content .lesson-finish p{font-size:14px!important;line-height:23px!important}.image-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.image-dialog header{padding:11px 16px;gap:10px}.image-dialog h2{font-size:14px;line-height:23px}.image-dialog-body{display:block;padding:30px 20px;height:calc(100dvh - 110px);max-height:calc(100dvh - 110px)}.image-dialog-body>img{max-width:none;min-width:640px;width:auto;max-height:none}.image-dialog-body .ip-shot-frame{width:var(--natural-width);max-width:none;margin:0}.image-help{display:block;font-size:11px;color:#6c7f5e;margin:0;padding:9px 16px;text-align:center}.search-dialog{top:8vh;max-width:calc(100vw - 24px)}.search-dialog-top{padding:10px 12px;gap:8px}.search-dialog-top input{font-size:15px}.search-result{padding:12px 9px;gap:10px}.search-result small{display:none}.search-result p{font-size:13px}.search-results{max-height:58dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.school [hidden]{display:none!important}.nav-group h2{padding:0}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:32px;width:100%;padding:4px 12px;background:transparent;color:#75816d;font-size:11px!important;text-align:left;font-weight:500}.nav-group-toggle svg{width:12px;height:12px}.nav-group-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.nav-group-toggle:hover{color:#315c38}

@media(max-width:700px){.mobile-menu,.search-launch,.create-button{min-width:40px;min-height:44px}.nav-group-toggle{min-height:44px;font-size:12px!important}}

.advanced-single{display:block}.advanced-single .feature-guide{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.advanced-single .feature-guide>img{height:100%;object-fit:cover}.advanced-single .feature-guide>div{padding:30px}.retired-notice{padding:35px 0 90px}.retired-notice h1{font-size:32px;line-height:1.5;letter-spacing:-.03em;margin:12px 0}.retired-notice p{font-size:16px;color:#63745a;margin:0 0 24px}@media(max-width:700px){.advanced-single .feature-guide{display:block}.advanced-single .feature-guide>img{height:auto}.advanced-single .feature-guide>div{padding:22px}.retired-notice h1{font-size:27px}}

/* Keep the original full-width dark site footer below the tutorial layout. */
.school .school-main{padding-bottom:56px}
.school > .site-footer{margin-top:0}

@media(max-width:700px){.school .school-main{padding-bottom:36px}}

/* Fresh product captures: keep the whole interface, with annotations in code. */
.capture-figure{margin:22px 0 0;padding:0;border:1px solid #dce3d5;border-radius:12px;overflow:hidden;background:#f6f7f1}
.school .capture-open{display:block;width:100%;padding:0;background:transparent;border:0;cursor:zoom-in}
.capture-frame{position:relative;display:block;width:100%;overflow:hidden;isolation:isolate;line-height:0}
.capture-frame>img{display:block;width:100%;max-width:none;height:auto;margin:0;border:0;border-radius:0}
.school .capture-frame>.capture-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.image-dialog-body>.capture-frame{flex:none;width:var(--capture-width);max-width:100%;margin:auto}
@media(max-width:700px){.capture-figure{margin-top:18px;border-radius:8px}.image-dialog-body>.capture-frame{width:var(--capture-width);max-width:none;margin:0}}

/* Doctor case study: readable manuscript workflow and fresh operation captures. */
.doctor-operation{margin-top:32px}.doctor-operation+.doctor-operation{padding-top:26px;border-top:1px solid #e3e8dc}.doctor-operation h3{margin:0 0 10px}.doctor-operation>p{margin:0}.doctor-operation .capture-figure{margin-top:18px}
.doctor-script-card{padding:22px 24px;border:1px solid #dce4d5;background:#f5f8ef;border-radius:12px;margin:18px 0 0}.doctor-card-label{display:block;font-size:12px;color:#66825c;letter-spacing:.03em}.article-body .doctor-script-card p{font-size:14px;margin:10px 0 20px;line-height:1.9}.doctor-file-flow{display:flex;align-items:center;gap:8px}.doctor-file-flow span{flex:1;min-width:0;padding:11px 5px;background:#fffefa;border:1px solid #dfe7d8;border-radius:7px;color:#345a3c;font-size:12px;text-align:center}.doctor-file-flow i{font-style:normal;color:#7e956d}
.doctor-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.doctor-review-grid>div{padding:20px;border:1px solid #dde5d4;border-radius:11px;background:#f9faf4}.doctor-review-grid span{font-size:12px;letter-spacing:.08em;color:#6c8c5c}.doctor-review-grid h3{margin:9px 0}.article-body .doctor-review-grid p{font-size:14px;margin:0;line-height:1.8}.doctor-review-grid a{display:inline-block;margin-top:12px;color:#356047;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.article-body :is(.hb-shot,.ck-wx,.ck-paper) img[role=button]{cursor:zoom-in}.article-body :is(.hb-shot,.ck-wx,.ck-paper) img[role=button]:focus-visible{outline:3px solid #46865b;outline-offset:3px}
@media(max-width:700px){.doctor-review-grid{grid-template-columns:1fr}.doctor-review-grid>div{padding:18px}.doctor-file-flow{display:grid;grid-template-columns:1fr 16px 1fr;gap:8px}.doctor-file-flow i:nth-of-type(2){display:none}.doctor-script-card{padding:18px}.doctor-operation{margin-top:26px}.doctor-operation+.doctor-operation{padding-top:22px}}

/* Complete beginner guide: a simple route and readable seven-mode comparison. */
.intro-watch .tutorial-video-wrap{margin-top:0;margin-bottom:14px}.article-body .intro-video-note{font-size:13px;color:#748467;line-height:1.8;margin:0 0 18px}.intro-route{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0!important;margin:20px 0 0}.intro-route li{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 6px;border:1px solid #dfe7d8;border-radius:8px;background:#f4f7ee;color:#3b5d3c;font-size:14px}.intro-route span{font-size:11px;color:#819775;font-variant-numeric:tabular-nums}.intro-mode-table{margin:22px 0 18px;border:1px solid #dce5d3;border-radius:10px;overflow:hidden}.intro-mode-table table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.85;color:#63725a;table-layout:fixed}.intro-mode-table th,.intro-mode-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #e3e9dc;overflow-wrap:break-word}.intro-mode-table thead{background:#eef3e6;color:#53714a}.intro-mode-table thead th{font-weight:500}.intro-mode-table tbody th{font-weight:600;color:#345938}.intro-mode-table tr:last-child>*{border-bottom:0}.intro-mode-table th:first-child{width:20%}.intro-mode-table th:nth-child(2){width:44%}.intro-mode-table th:nth-child(3){width:36%}.intro-mode-table td strong{font-weight:500;color:#46663e}.intro-mode-table a{color:#345b3e;text-decoration:underline;text-underline-offset:4px}.article-body .intro-hint{font-size:14px;color:#647857;border-left:3px solid #b8cda6;background:#f4f7ee;border-radius:0 7px 7px 0;padding:12px 16px;margin:18px 0}.intro-guide h3{margin:30px 0 10px}.intro-guide .capture-figure+p{margin-top:18px}.intro-guide .capture-figure+h3{margin-top:32px}
@media(max-width:700px){.intro-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.intro-route li{font-size:14px;padding:13px 10px;justify-content:flex-start}.intro-mode-table th,.intro-mode-table td{padding:12px 9px;font-size:12px;line-height:1.9}.intro-mode-table th:first-child{width:23%}.intro-mode-table th:nth-child(2){width:40%}.intro-mode-table th:nth-child(3){width:37%}.intro-guide h3{margin-top:26px}.article-body .intro-hint{padding:12px 14px}.article-body .intro-video-note{font-size:14px!important}}

@media(max-width:700px){.intro-mode-table th,.intro-mode-table td{font-size:14px;line-height:1.8;padding:12px 8px}.intro-mode-table th:first-child{width:25%}.intro-mode-table th:nth-child(2){width:40%}.intro-mode-table th:nth-child(3){width:35%}}

/* Full operation captures lead each new mode guide; output examples follow. */
.extra-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.article-body .extra-example-grid .hb-fig{margin:0;background:#f8faf4}
.extra-example-grid figcaption{padding:9px 12px;color:#6c7d62;font-size:12px}
.duo-script-example>div{padding:0 18px 16px}
.article-body .duo-script-example p{font-size:14px;margin:8px 0}
@media(max-width:600px){.extra-example-grid{grid-template-columns:1fr;gap:18px}}

/* Real output loops occupy the full card, preserving both portrait and landscape. */
.mode-art.mode-demo{height:auto;aspect-ratio:16/10;padding:0;isolation:isolate;background:#e7ebdf;border-bottom:1px solid var(--g-line)}
.mode-demo:before{content:'';position:absolute;inset:-20px;background:var(--demo-poster) center/cover no-repeat;filter:blur(18px);opacity:.32;z-index:-1}
.mode-demo .mode-preview{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
.mode-manuscript{position:absolute;top:9%;left:6%;width:47%;height:82%;padding:10px 12px;background:#fffef7;border:1px solid #d7dfcc;border-radius:5px;box-shadow:0 4px 12px #284a3115;overflow:hidden;font-size:clamp(9px,.8vw,12px);line-height:1.85;color:#69775e}
.mode-manuscript b{display:block;font-size:12px;font-weight:600;color:#3d5d3e;margin-bottom:7px}
.mode-manuscript>span{display:block;background:linear-gradient(transparent 54%,#dfebce 54%)}
.mode-manuscript i{display:block;height:3px;width:90%;margin-top:9px;background:#e3e8db;border-radius:2px}.mode-manuscript i:last-child{width:56%}
.mode-demo-manuscript .mode-preview{left:55%;top:4%;width:41%;height:92%}
@media(max-width:600px){.mode-grid{grid-template-columns:1fr;gap:18px}.mode-art.mode-demo{aspect-ratio:16/9}.mode-copy{padding:17px 18px}.mode-copy h3{font-size:18px}.mode-copy p{font-size:14px;line-height:24px}.mode-manuscript{font-size:12px;padding:14px}.mode-manuscript b{font-size:13px}}

/* One coherent course, six different numbered episodes. */
.mode-art.mode-series-demo{padding:12px!important;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;background:#eaf0e1}
.mode-series-demo:before{content:none}
.series-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#35553b;line-height:18px}
.series-preview-head strong{font-size:12px;font-weight:600}.series-preview-head>span{font-size:10px;padding:0 6px;border:1px solid #c8d7ba;border-radius:4px;white-space:nowrap}
.series-episodes-window{overflow:hidden;padding:2px;margin:-2px}
.series-episodes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:calc(200% + 6px);transition:transform .45s ease}
.mode-series-demo[data-page="1"] .series-episodes{transform:translateX(calc(-50% - 3px))}
.series-episode{display:block;min-width:0;background:#f8faf3;border:1px solid #d4dfc7;border-radius:6px;padding:4px;opacity:.72;transition:border-color .2s,opacity .2s,box-shadow .2s}
.series-episode.is-current{opacity:1;border-color:#4b7c4f;box-shadow:0 0 0 1px #4b7c4f}
.series-episode-number{display:block;font-size:10px;font-weight:600;line-height:14px;color:#64775a;margin-bottom:4px}.is-current .series-episode-number{color:#315c38}
.mode-series-demo .series-episode img{display:block;position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:3px;box-shadow:none;transform:none}
.series-episode-title{text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;font-weight:500;line-height:14px;height:28px;margin-top:5px;color:#43573b}
.series-sequence{display:flex;align-items:center;gap:5px;font-size:9px;line-height:10px;color:#8a9b7d;letter-spacing:.03em}.series-sequence i{height:1px;background:#c6d4b8;flex:1}
@media(max-width:600px){.mode-art.mode-series-demo{padding:18px!important;gap:13px}.series-preview-head strong{font-size:14px}.series-preview-head>span{font-size:11px}.series-episode{padding:6px}.series-episode-number{font-size:11px;line-height:16px}.series-episode-title{font-size:11px;line-height:16px;height:32px}.series-sequence{font-size:10px}}
@media(prefers-reduced-motion:reduce){.series-episodes,.series-episode{transition:none}}

#mode-series{scroll-margin-top:92px}

/* Touch navigation and reading layouts, shared by every tutorial. */
body.school .search-dialog-top input{font-size:16px}
.school .zh-footer-qrcode-v2{visibility:hidden}
.school .zh-footer-contact-v2.is-open .zh-footer-qrcode-v2{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(-2px)}
@media(hover:hover){.school .zh-footer-contact-v2:hover .zh-footer-qrcode-v2{visibility:visible}}
@media(max-width:700px){
 html{scroll-padding-top:calc(78px + env(safe-area-inset-top))}
 .school-header{height:calc(62px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
 .school-header-inner{height:62px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));gap:8px}
 .school-logo img{width:114px}
 .mobile-menu,.search-launch,.school .icon-button{width:44px;min-width:44px;min-height:44px}
 .create-button{flex:none;min-height:44px;padding:8px 10px}
 .school-shell{min-height:calc(100dvh - 62px - env(safe-area-inset-top))}
 .school-main{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .home-intro h1{font-size:clamp(28px,8vw,34px);line-height:1.45}
 .home-intro p{font-size:16px;max-width:none}
 .getting-started{display:flex;flex-direction:column;min-height:0}
 .getting-video{order:-1;width:calc(100% - 32px);margin:16px 16px 0;flex:none}
 .getting-copy{padding:20px;width:100%}
 .getting-copy h2{font-size:25px}
 .getting-copy p{font-size:16px;line-height:1.8;margin-bottom:18px}
 .getting-copy p br{display:none}
 .solid-link{min-height:44px;font-size:14px}
 .mode-copy p,.feature-guide p,.story-copy p{font-size:16px;line-height:1.8}
 .section-heading>p{font-size:14px}
 .text-action{min-height:44px;font-size:14px}
 .help-strip>a{min-height:44px;font-size:14px}
 .help-strip small{font-size:14px;line-height:1.8}
 .guide-sidebar{width:min(320px,calc(100vw - 48px));max-width:none;padding:calc(12px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .sidebar-top{height:48px;margin-bottom:12px}
 .nav-link{min-height:44px;font-size:15px;line-height:24px}
 .overview-link{min-height:44px;font-size:15px}
 .nav-group{margin-top:18px}
 .sidebar-help{min-height:52px;font-size:13px}
 .mobile-outline summary{min-height:48px;font-size:14px}
 .mobile-outline nav{gap:0}
 .mobile-outline nav a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:14px;line-height:1.6}
 .article-body{overflow-wrap:anywhere}
 .article-next{flex-wrap:wrap}
 .article-next>div>a,.article-next>.all-guides{display:flex;align-items:center;min-height:44px}
 .article-next>.all-guides{font-size:14px}
 .search-dialog{top:calc(12px + env(safe-area-inset-top));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:calc(100vw - 24px);max-width:calc(100vw - 24px)}
 .search-dialog[open]{display:flex;flex-direction:column}
 .search-dialog-top{padding:8px 12px;gap:10px;flex:none}
 .search-dialog-top input{font-size:16px;min-height:44px}
 .search-status{font-size:12px;padding:12px 18px 8px;flex:none}
 .search-results{min-height:0;max-height:calc(100dvh - 185px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .search-result{min-height:60px;padding:13px 10px;align-items:flex-start}
 .search-result>svg{margin-top:4px;flex:none}
 .search-result>div{min-width:0}
 .search-result strong{font-size:16px;line-height:1.6}
 .search-result p{font-size:14px;line-height:1.7}
 .search-foot{padding:10px 18px;font-size:12px;flex:none}
 .search-foot>span:last-child{display:none}
 .image-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
 .image-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}
 .image-dialog header{padding:calc(8px + env(safe-area-inset-top)) 16px 8px;gap:12px}
 .image-dialog h2{min-width:0;line-height:1.6}
 .image-dialog-body{height:auto;max-height:none;min-height:0;padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .image-help{padding:10px 16px calc(10px + env(safe-area-inset-bottom));font-size:12px}
 .school>.site-footer{padding:36px 20px calc(28px + env(safe-area-inset-bottom))}
 .school .site-footer .top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
 .school .site-footer .brand{grid-column:1/-1;max-width:none}
 .school .site-footer .brand p{max-width:none;font-size:14px;line-height:1.85}
 .school .site-footer .col{min-width:0}
 .school .site-footer .col h3{margin-bottom:9px;font-size:14px}
 .school .site-footer .col ul{margin:0;padding:0;gap:0}
 .school .site-footer .col a{display:flex;align-items:center;min-height:44px;padding:7px 0;font-size:14px;line-height:1.6}
 .school .site-footer .bottom .meta{gap:8px}
 .school .site-footer .bottom .meta span{max-width:100%;font-size:12px;overflow-wrap:anywhere}
 .school .zh-footer-contact-v2 button{min-height:44px;background:transparent;font-size:14px;padding:0}
 .school .zh-footer-qrcode-v2{left:0;right:auto}
 .school .zh-footer-contact-v2:not(.is-open) .zh-footer-qrcode-v2{opacity:0;visibility:hidden;pointer-events:none}
}
@media(max-width:600px){
 .intro-mode-table{border:0;background:none;overflow:visible}
 .intro-mode-table table,.intro-mode-table tbody{display:block}
 .intro-mode-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .intro-mode-table tbody{display:grid;gap:14px}
 .intro-mode-table tbody tr{display:block;border:1px solid #dce5d3;border-radius:10px;overflow:hidden;background:#fffefa}
 .intro-mode-table tbody th,.intro-mode-table tbody td{display:block;width:100%!important;text-align:left;border:0;padding:12px 16px;font-size:16px;line-height:1.8}
 .intro-mode-table tbody th{padding:0;background:#eef3e6}
 .intro-mode-table tbody th a{display:flex;align-items:center;min-height:48px;padding:10px 16px}
 .intro-mode-table tbody td+td{padding-top:0}
 .intro-mode-table td:before{content:attr(data-label);display:block;font-size:12px;color:#6c7e60;margin-bottom:3px}
}
@media(max-width:380px){
 .school-header-inner{gap:6px}
 .school-logo img{width:102px}
 .create-button{padding:8px 9px}
 .create-button svg{display:none}
 .school .site-footer .top{grid-template-columns:repeat(2,minmax(0,1fr))}
 .getting-copy{padding:18px}
 .getting-copy p{font-size:15px}
}

/* Invoice guide: practical fields, progress and help. */
.invoice-guide .invoice-privacy-note{font-size:13px!important;color:#7a8375;margin-top:-7px;margin-bottom:30px}.invoice-guide .invoice-apply-link{min-height:44px;margin:4px 0;font-size:15px;gap:22px;text-decoration:none}.invoice-field-note{padding:18px 22px;background:#f1f4eb;border-left:3px solid #9eb593;margin-top:22px;border-radius:0 8px 8px 0}.invoice-field-note h3{margin:0 0 6px;font-size:17px}.invoice-field-note p{margin:0;font-size:15px!important}.invoice-status-list{border:1px solid #e1e6d9;border-radius:10px;margin-top:24px;overflow:hidden}.invoice-status-list>div{display:flex;gap:20px;align-items:center;padding:17px 20px;background:#fffefb}.invoice-status-list>div+div{border-top:1px solid #e7ebdf}.invoice-status-list p{margin:0;font-size:15px!important;line-height:1.8!important}.invoice-state{flex:none;padding:4px 9px;border-radius:5px;font-size:13px;line-height:22px;min-width:69px;text-align:center}.invoice-state.pending{background:#fff2d9;color:#94691c}.invoice-state.completed{background:#e9f2e5;color:#3a663c}.invoice-state.rejected{background:#fae9e5;color:#a3584b}.invoice-help-list>div{padding:20px 0;border-bottom:1px solid #e6eadd}.invoice-help-list>div:first-child{padding-top:0}.invoice-help-list h3{margin:0 0 7px}.invoice-help-list p{margin:0}.invoice-guide .tutorial-step:last-child{margin-bottom:34px}@media(max-width:700px){.invoice-field-note{padding:15px 16px}.invoice-status-list>div{gap:12px;align-items:flex-start;padding:16px 13px}.invoice-status-list p{font-size:14px!important}.invoice-state{font-size:12px;min-width:64px}.invoice-guide .invoice-privacy-note{font-size:12px!important}}

/* Mode cards: distinguish quick editing from canvas detail editing. */
.mode-copy .mode-title{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:2px;min-width:0}.mode-copy .mode-title small{font-size:12px;line-height:1.5;font-weight:400;color:var(--g-muted);letter-spacing:0}