/* Liaoyuan / edition 02. One signature; distinct product and editorial layouts. */ :root{--l2-paper:#f3f1e9;--l2-card:#e8e6db;--l2-ink:#293d35;--l2-muted:#686e62;--l2-line:#cccfc1;--l2-red:#b64d35;--l2-cream:#f6f1e4;--l2-serif:"Source Han Serif SC","Noto Serif CJK SC","Songti SC",SimSun,serif;--paper:var(--l2-paper);--paper-strong:#faf9f2;--accent:var(--l2-red);--accent-dark:#933d2b;--forest:var(--l2-ink)} html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--l2-paper)!important;margin:0}*,*::before,*::after{box-sizing:border-box}.l2-designed,.l2-header,.l2-footer,.l2-breadcrumb{font-family:var(--l2-serif);color:var(--l2-ink);line-height:1.7}.l2-designed{padding-top:88px}.l2-designed h1,.l2-designed h2,.l2-designed h3,.l2-designed p{margin:0}.l2-designed h1,.l2-designed h2,.l2-designed h3{font-weight:700;text-wrap:balance}.l2-designed a,.l2-header a,.l2-footer a,.l2-breadcrumb a{color:inherit;text-decoration:none}.l2-designed img{display:block;width:100%;height:auto}.l2-designed a,.l2-header a,.l2-footer a{transition:color .2s,background .2s}.l2-designed a:focus-visible,.l2-header a:focus-visible,.l2-header button:focus-visible,.l2-footer a:focus-visible{outline:2px solid var(--l2-red);outline-offset:6px}.l2-designed a:hover{color:var(--l2-red)}.l2-designed ::selection{background:var(--l2-red);color:var(--l2-cream)}.l2-skip{position:fixed;top:-100px;left:16px;padding:12px;background:var(--l2-cream);z-index:100}.l2-skip:focus{top:90px}.l2-header{position:fixed;inset:0 0 auto;z-index:80;background:var(--l2-paper);border-bottom:1px solid var(--l2-line)}.l2-header-inner{min-height:88px;max-width:1344px;margin:auto;padding:0 40px;display:flex;align-items:center;gap:40px}.l2-logo{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.l2-logo-mark{color:var(--l2-red);width:29px;height:40px;display:flex}.l2-logo-mark svg{width:100%;height:100%}.l2-logo-type{font-size:27px;font-weight:900;line-height:1;letter-spacing:4px}.l2-logo-type small{display:block;font-size:10px;letter-spacing:1.6px;font-weight:500;margin-top:8px}.l2-navigation{display:flex;gap:40px;align-items:center;margin:auto}.l2-navigation a{position:relative;font-size:16px;padding:30px 0;white-space:nowrap}.l2-navigation small{font-size:10px;color:#717c6c;margin-right:8px}.l2-navigation a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:var(--l2-red)}.l2-navigation a:hover{color:var(--l2-red)}.l2-product-shortcut{font-size:12px;white-space:nowrap}.l2-product-shortcut span{margin-left:17px;color:var(--l2-red);font-size:18px}.l2-menu-button{display:none}.l2-content{width:min(100% - 80px,1264px);margin:0 auto}.l2-masthead{background:var(--l2-ink);color:var(--l2-cream);padding:0 max(40px,calc((100vw - 1264px)/2));position:relative;isolation:isolate}.l2-masthead::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.l2-masthead-top{display:flex;justify-content:space-between;padding:22px 0 0;font-size:10px;letter-spacing:1px;color:#bfc7b8}.l2-masthead-body{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:90px;padding:42px 0 45px}.l2-wordmark h1{font-size:clamp(120px,13.8vw,188px);font-weight:900;line-height:1.05;letter-spacing:-7px}.l2-wordmark-caption{display:flex;align-items:center;gap:22px;margin-top:28px;font-size:10px;white-space:nowrap;color:#cbd2c4}.l2-wordmark-caption>span:first-child{font-size:10px;letter-spacing:2px}.l2-wordmark-caption i{height:1px;width:38px;background:#687868}.l2-masthead-copy{position:relative;padding-top:14px}.l2-masthead-copy h2{font-size:clamp(24px,2.65vw,36px);font-weight:600;line-height:1.8;letter-spacing:1px}.l2-masthead-copy p{font-size:12px;line-height:2;color:#c5cdbe;margin-top:18px}.l2-masthead-copy>div{display:flex;gap:34px;margin-top:22px}.l2-masthead-copy a{display:flex;align-items:center;justify-content:space-between;min-width:138px;border-bottom:1px solid #82907d;padding-bottom:8px;font-size:13px}.l2-masthead-copy a:hover{color:#fff}.l2-masthead-copy a span{font-size:18px;color:#d2ab87}.l2-ember-sign{position:absolute;right:0;top:3px;color:#d27955;width:26px;height:35px}.l2-ember-sign svg{width:100%;height:100%}.l2-masthead-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #536558;padding:15px 0 19px;font-size:10px;color:#c5cdbe}.l2-masthead-bottom i{display:inline-block;background:#d27955;width:5px;height:5px;margin-right:10px}.l2-masthead-bottom a span{margin-left:20px}.l2-masthead-bottom a:hover{color:#fff}.l2-selected{padding:53px 0 0}.l2-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.l2-kicker{font-size:11px;letter-spacing:1.4px;color:var(--l2-muted);line-height:1.6}.l2-kicker>span{font-size:10px;display:inline-block;color:var(--l2-red);margin-right:18px}.l2-section-title h2{font-size:28px;font-weight:600;margin-top:12px}.l2-selected-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:35px}.l2-work-image{display:block;position:relative;background:#dedfd1;padding:19px 24px 25px;overflow:hidden}.l2-window-meta{display:flex;justify-content:space-between;font-size:10px;color:#555f4e;padding-bottom:14px}.l2-work-image img{aspect-ratio:1600/844;object-fit:contain;object-position:top;box-shadow:0 9px 20px #34443520;transition:transform .35s}.l2-work-image:hover img{transform:translateY(-3px)}.l2-view-image{position:absolute;bottom:18px;right:24px;padding:8px 14px;background:var(--l2-paper);color:var(--l2-ink);font-size:11px;box-shadow:0 2px 8px #293d3520}.l2-view-image span{margin-left:16px}.l2-work-caption{display:flex;justify-content:space-between;gap:25px;padding-top:21px}.l2-work-caption h3{font-size:26px;margin-top:9px}.l2-work-caption h3 span{font-size:13px;font-weight:400;margin-left:14px}.l2-work-caption>p{font-size:12px;line-height:2;align-self:flex-end;color:var(--l2-muted)}.l2-story-image{display:block;position:relative;overflow:hidden}.l2-story-image img{aspect-ratio:1.23;object-fit:cover;object-position:67% center;transition:transform .4s}.l2-story-image:hover img{transform:scale(1.025)}.l2-film-tag{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#14251bd9);padding:30px 18px 14px;color:#fff;font-size:11px}.l2-film-tag i{font-style:normal;font-size:20px}.l2-story-caption{padding-top:20px}.l2-story-caption h3{font-size:27px;margin:8px 0}.l2-story-caption>p:last-child{font-size:13px;line-height:1.9;color:var(--l2-muted)}.l2-directory{padding-top:72px}.l2-directory-row{display:grid;grid-template-columns:220px 1fr 1.55fr;gap:40px;padding:28px 0;border-top:1px solid var(--l2-line);align-items:center}.l2-directory-row:last-child{border-bottom:1px solid var(--l2-line)}.l2-directory-name>span{font-size:9px;letter-spacing:1px;color:var(--l2-muted)}.l2-directory-name h3{font-size:33px;margin-top:5px}.l2-directory-row>p{font-size:13px;line-height:2;color:var(--l2-muted)}.l2-directory-row>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:13px 28px}.l2-directory-row>div:last-child a{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.l2-directory-row>div:last-child a span{font-size:16px;color:var(--l2-red)}.l2-reading-note{display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#e8e6da;margin:70px 0 0;padding:44px 50px;position:relative}.l2-reading-note::before{content:"";position:absolute;left:0;top:0;width:36px;height:4px;background:var(--l2-red)}.l2-reading-note h2{font-size:37px;margin:13px 0}.l2-reading-note>div>p:not(.l2-kicker){font-size:13px;line-height:2;color:var(--l2-muted);max-width:31em}.l2-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #9a9f8b;padding:6px 0;font-size:12px}.l2-reading-note .l2-link{margin-top:21px}.l2-reading-note blockquote{font-size:23px;line-height:1.95;font-weight:500;margin:0;padding-top:18px;position:relative}.l2-reading-note blockquote>span{position:absolute;top:-22px;left:-26px;color:var(--l2-red);font-size:65px;line-height:1}.l2-reading-note cite{display:block;font-style:normal;color:var(--l2-muted);font-size:10px;margin-top:22px}.l2-about{display:grid;grid-template-columns:180px 1fr 1.3fr;gap:40px;padding:65px 0 72px;align-items:start}.l2-about h2{font-size:31px;line-height:1.65}.l2-about>div{font-size:13px;color:var(--l2-muted);line-height:2}.l2-about>div p+p{margin-top:14px}.l2-footer{background:var(--l2-ink);color:var(--l2-cream);padding:0 max(40px,calc((100vw - 1264px)/2))}.l2-footer-main{display:grid;grid-template-columns:1fr 1fr auto;gap:60px;padding:49px 0 45px;align-items:center}.l2-footer-word{font-size:78px;font-weight:900;line-height:1;letter-spacing:-3px;display:flex;align-items:baseline;gap:18px}.l2-footer-word>span{color:#cb7b59;display:inline-block;width:20px;height:30px}.l2-footer-word svg{width:100%;height:100%}.l2-footer-note>p{font-size:17px;line-height:1.9;margin:0}.l2-footer-note>a{display:inline-flex;gap:32px;font-size:11px;margin-top:15px;color:#b9c4b0}.l2-footer-main>nav{display:grid;gap:12px;font-size:12px}.l2-footer a:hover{color:#ddb393}.l2-footer-bottom{border-top:1px solid #526451;display:flex;justify-content:space-between;gap:20px;padding:17px 0 22px;font-size:10px;color:#bbc5b1}.l2-channel{padding-top:45px}.l2-channel-head{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;padding:10px 0 45px;border-bottom:1px solid var(--l2-line)}.l2-channel-head h1{font-size:clamp(40px,4.4vw,61px);font-weight:700;line-height:1.5;margin-top:24px;letter-spacing:-1px}.l2-channel-head>p{font-size:17px;line-height:2.1;color:var(--l2-muted);padding-bottom:10px}.l2-tool-feature{padding-top:42px}.l2-tool-heading{display:flex;gap:26px;align-items:center;margin-bottom:30px}.l2-index{font-size:45px;color:#929b87;font-weight:400}.l2-tool-heading h2{font-size:34px;font-weight:600;margin-top:7px}.l2-tool-heading h2 small{font-size:16px;margin-left:12px}.l2-tool-heading .l2-button{margin-left:auto}.l2-button{display:inline-flex;gap:36px;align-items:center;background:var(--l2-ink);color:var(--l2-cream)!important;padding:12px 20px;font-size:13px}.l2-button:hover{background:var(--l2-red)}.l2-tool-screen{display:block;background:#dfe2d5;padding:34px 60px}.l2-tool-screen img{max-width:1040px;margin:auto;aspect-ratio:1600/844;object-fit:contain;object-position:top;box-shadow:0 12px 28px #293d3520}.l2-tool-description{display:grid;grid-template-columns:1fr 1.4fr auto;align-items:center;gap:70px;padding:30px 0 46px}.l2-tool-description h3{font-size:25px;line-height:1.8}.l2-tool-description>p{font-size:14px;line-height:2;color:var(--l2-muted)}.l2-councli{border-top:1px solid var(--l2-line)}.l2-councli-grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:70px;align-items:center;padding:26px 0 55px}.l2-councli-grid h3{font-size:30px;line-height:1.7}.l2-councli-grid p{font-size:14px;line-height:2;color:var(--l2-muted);margin:23px 0}.l2-councli-grid img{border:1px solid var(--l2-line)}.l2-channel-note{display:flex;align-items:center;gap:35px;border-top:1px solid var(--l2-line);padding:29px 0 40px;font-size:12px}.l2-channel-note p{margin-right:auto;font-size:16px}.l2-journal-head{padding:0 0 30px}.l2-journal-head>div{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:20px}.l2-journal-head h1{font-size:clamp(54px,6vw,86px);font-weight:900;line-height:1.3}.l2-journal-head h1 span{display:inline-block;vertical-align:middle;margin-left:30px;font-size:13px;font-weight:400;letter-spacing:4px}.l2-journal-head>div>p{font-size:18px;line-height:2;padding-bottom:5px}.l2-journal-index{display:flex;justify-content:space-between;padding:19px 0;border-top:2px solid var(--l2-ink);border-bottom:1px solid var(--l2-line);font-size:13px}.l2-journal-feature{display:grid;grid-template-columns:.86fr 1.35fr;gap:50px;padding:40px 0 15px}.l2-journal-cover{background:#e7e5d9;padding:30px 37px;position:relative;border-left:4px solid var(--l2-red)}.l2-cover-number{font-size:10px;color:var(--l2-muted);display:block;margin-top:8px}.l2-journal-cover h2{font-size:70px;line-height:1.28;font-weight:900;margin:28px 0 22px;letter-spacing:2px}.l2-journal-cover h2 span{color:var(--l2-red)}.l2-journal-cover>p:not(.l2-kicker){font-size:13px;line-height:2;color:var(--l2-muted)}.l2-journal-cover .l2-link{margin-top:24px}.l2-journal-film>a{position:relative;display:block}.l2-journal-film img{aspect-ratio:1.5;object-fit:cover;object-position:66% center}.l2-film-caption{position:absolute;inset:auto 0 0;padding:35px 22px 16px;background:linear-gradient(transparent,#0b2213b3);color:white;font-size:11px;display:flex;justify-content:space-between}.l2-film-caption b{font-size:20px;font-weight:400}.l2-journal-film h2{font-size:34px;margin-top:21px}.l2-journal-film>p{font-size:14px;color:var(--l2-muted);margin-top:9px}.l2-journal-shelves{padding-top:50px}.l2-shelf{display:grid;grid-template-columns:190px 1fr 1.25fr 25px;gap:30px;align-items:center;border-top:1px solid var(--l2-line);padding:30px 0}.l2-shelf>span{font-size:11px;color:var(--l2-muted)}.l2-shelf h3{font-size:30px;font-weight:600}.l2-shelf p{font-size:13px;color:var(--l2-muted);line-height:2}.l2-shelf b{font-size:26px;font-weight:400;color:var(--l2-red)}.l2-journal-shelves+.l2-channel-note{margin-top:30px}.l2-breadcrumb{max-width:1264px;margin:88px auto 0;display:flex;align-items:center;gap:15px;padding:18px 0;font-size:11px;border-bottom:1px solid var(--l2-line);color:var(--l2-muted)}.l2-breadcrumb>a:last-child{margin-left:auto}.l2-breadcrumb a:hover{color:var(--l2-red)} /* Preserve article/product internals; replace only the shared site chrome. */ body>header.site-header,body>footer,body>.site-footer{display:none!important}body:not(.l2-designed)>main{padding-top:30px!important;margin-top:0!important}body:not(.l2-designed) .hero{padding-top:20px!important}body:not(.l2-designed) .hero-top{padding-top:25px!important}body:not(.l2-designed) .tone-kicker{color:var(--l2-red)!important}body:not(.l2-designed)>.l2-footer{margin-top:50px}body:not(.l2-designed) .l2-header *{box-sizing:border-box}.l2-form-status{font-size:13px;line-height:1.8;color:var(--l2-red)} @media(max-width:1100px){.l2-header-inner{padding:0 28px;gap:25px}.l2-navigation{gap:26px}.l2-content{width:calc(100% - 56px)}.l2-masthead,.l2-footer{padding-left:28px;padding-right:28px}.l2-masthead-body{gap:35px}.l2-wordmark-caption{gap:12px}.l2-wordmark-caption i{width:20px}.l2-wordmark-caption>span:last-child{font-size:9px}.l2-work-caption{flex-direction:column;gap:12px}.l2-work-caption>p{align-self:flex-start}.l2-directory-row{grid-template-columns:170px 1fr 1.5fr;gap:24px}.l2-reading-note{gap:50px;padding:37px}.l2-reading-note blockquote{font-size:20px}.l2-about{grid-template-columns:140px 1fr 1.2fr;gap:25px}.l2-footer-main{gap:30px}.l2-breadcrumb{margin-left:28px;margin-right:28px}.l2-tool-description{gap:30px}.l2-councli-grid{gap:35px}.l2-shelf{grid-template-columns:135px 1fr 1.3fr 25px;gap:20px}.l2-journal-feature{gap:30px}.l2-journal-cover{padding:25px}.l2-journal-cover h2{font-size:62px}} @media(max-width:760px){html{scroll-padding-top:90px}.l2-designed{padding-top:73px}.l2-header-inner{min-height:73px;padding:0 20px;gap:18px}.l2-logo-type{font-size:24px}.l2-logo-mark{width:24px;height:34px}.l2-logo-type small{font-size:7px}.l2-navigation{display:none}.l2-product-shortcut{font-size:11px;margin-left:auto}.l2-product-shortcut span{margin-left:7px;font-size:15px}.l2-menu-button{display:flex;gap:11px;align-items:center;background:none;border:0;font:inherit;color:var(--l2-ink);font-size:12px;padding:12px 0;margin-left:8px}.l2-menu-button i{display:block;width:17px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}.l2-menu-button[aria-expanded=true] i{border-bottom:0;transform:rotate(45deg);height:0}.l2-menu-button[aria-expanded=true] i::after{content:"";height:1px;width:17px;background:currentColor;position:absolute;transform:rotate(-90deg);top:-1px}.l2-mobile:not([hidden]){display:grid;border-top:1px solid var(--l2-line);padding:10px 20px 20px}.l2-mobile>a{display:flex;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--l2-line);font-size:17px}.l2-mobile>a small{font-size:10px;color:var(--l2-red)}.l2-mobile>a span{margin-left:auto}.l2-mobile>a[aria-current=page]{color:var(--l2-red)}.l2-content{width:calc(100% - 40px)}.l2-masthead,.l2-footer{padding-left:20px;padding-right:20px}.l2-masthead-top{padding-top:19px;font-size:9px}.l2-masthead-top>span:last-child{display:none}.l2-masthead-body{grid-template-columns:1fr;padding:31px 0 28px;gap:34px}.l2-wordmark h1{font-size:clamp(105px,30vw,166px);letter-spacing:-5px}.l2-wordmark-caption{gap:16px;margin-top:20px}.l2-wordmark-caption>span:first-child{font-size:9px}.l2-wordmark-caption i{width:25px}.l2-wordmark-caption>span:last-child{font-size:9px}.l2-masthead-copy{padding-top:0}.l2-masthead-copy h2{font-size:27px;line-height:1.8}.l2-masthead-copy p{font-size:12px;margin-top:14px}.l2-masthead-copy>div{gap:23px;margin-top:19px}.l2-masthead-copy a{min-width:125px;font-size:12px;padding-bottom:6px}.l2-ember-sign{width:22px;height:30px;right:6px;top:5px}.l2-masthead-bottom{font-size:9px;padding:13px 0 15px}.l2-masthead-bottom a span{margin-left:8px}.l2-selected{padding-top:31px}.l2-section-title{margin-bottom:23px;gap:16px}.l2-section-title h2{font-size:22px;line-height:1.6}.l2-kicker{font-size:10px;letter-spacing:1px}.l2-selected-grid{grid-template-columns:1fr;gap:30px}.l2-work-image{padding:13px 13px 17px}.l2-window-meta{font-size:8px;padding-bottom:10px}.l2-view-image{font-size:10px;right:14px;bottom:13px;padding:6px 11px}.l2-work-caption{padding-top:17px;gap:8px}.l2-work-caption h3{font-size:25px;margin-top:6px}.l2-work-caption h3 span{font-size:12px}.l2-work-caption>p{font-size:12px}.l2-story{display:grid;grid-template-columns:1.1fr 1fr;gap:19px;border-top:1px solid var(--l2-line);padding-top:25px}.l2-story-image img{aspect-ratio:.88;height:100%;object-position:67% center}.l2-story-caption{padding-top:7px}.l2-story-caption .l2-kicker{font-size:8px}.l2-story-caption h3{font-size:25px;margin:14px 0 12px}.l2-story-caption>p:last-child{font-size:11px}.l2-film-tag{font-size:8px;padding:25px 10px 8px}.l2-directory{padding-top:42px}.l2-directory-row{grid-template-columns:90px 1fr;gap:16px;padding:24px 0}.l2-directory-name>span{font-size:8px;letter-spacing:0}.l2-directory-name h3{font-size:27px}.l2-directory-row>p{font-size:12px}.l2-directory-row>div:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;padding-top:6px;gap:15px 20px}.l2-directory-row>div:last-child a{font-size:12px;gap:8px}.l2-reading-note{grid-template-columns:1fr;margin-top:40px;padding:27px 23px;gap:35px}.l2-reading-note h2{font-size:33px}.l2-reading-note>div>p:not(.l2-kicker){font-size:12px}.l2-reading-note blockquote{font-size:19px;line-height:2;padding:25px 0 0;border-top:1px solid #c6c6b5}.l2-reading-note blockquote>span{font-size:40px;left:0;top:12px;opacity:.25}.l2-reading-note cite{margin-top:12px}.l2-about{grid-template-columns:1fr;gap:22px;padding:41px 0}.l2-about h2{font-size:29px}.l2-about>div{font-size:12px}.l2-footer-main{grid-template-columns:1fr 1fr;gap:28px;padding:33px 0}.l2-footer-word{font-size:60px;gap:12px}.l2-footer-word>span{width:15px;height:23px}.l2-footer-note{grid-column:1;grid-row:2}.l2-footer-note>p{font-size:13px}.l2-footer-note>a{font-size:10px}.l2-footer-main>nav{grid-column:2;grid-row:2;font-size:11px;justify-self:end;gap:13px}.l2-footer-bottom{display:flex;flex-wrap:wrap;font-size:8px;gap:10px 20px;padding:16px 0}.l2-footer-bottom>span:nth-child(2){flex-basis:100%;order:3}.l2-footer-bottom>a{margin-left:auto}.l2-channel{padding-top:28px}.l2-channel-head{grid-template-columns:1fr;gap:23px;padding-bottom:28px}.l2-channel-head h1{font-size:36px;line-height:1.5;margin-top:17px}.l2-channel-head>p{font-size:14px;line-height:1.9;padding:0}.l2-tool-feature{padding-top:26px}.l2-tool-heading{gap:15px;flex-wrap:wrap;margin-bottom:21px}.l2-index{font-size:30px}.l2-tool-heading .l2-kicker{font-size:9px}.l2-tool-heading h2{font-size:28px;margin-top:4px}.l2-tool-heading h2 small{font-size:13px;margin-left:8px}.l2-tool-heading .l2-button{margin-left:0;flex-basis:auto}.l2-button{font-size:12px;padding:9px 15px;gap:22px}.l2-tool-screen{padding:15px}.l2-tool-description{grid-template-columns:1fr;gap:18px;padding:23px 0 31px}.l2-tool-description h3{font-size:25px;line-height:1.7}.l2-tool-description>p{font-size:13px}.l2-tool-description .l2-link{justify-self:start}.l2-councli-grid{grid-template-columns:1fr;gap:24px;padding:8px 0 30px}.l2-councli-grid h3{font-size:26px}.l2-councli-grid p{font-size:13px;margin:17px 0}.l2-channel-note{flex-wrap:wrap;gap:15px 25px;padding:23px 0 32px;font-size:11px}.l2-channel-note p{flex-basis:100%;font-size:14px}.l2-journal-head{padding-bottom:23px}.l2-journal-head>div{display:block;margin-top:17px}.l2-journal-head h1{font-size:53px}.l2-journal-head h1 span{font-size:10px;letter-spacing:2px;margin-left:16px}.l2-journal-head>div>p{font-size:14px;line-height:1.8;margin-top:20px}.l2-journal-index{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 12px;font-size:12px;padding:16px 0}.l2-journal-feature{grid-template-columns:1fr;gap:29px;padding-top:25px}.l2-journal-cover{padding:25px 26px}.l2-journal-cover h2{font-size:66px;margin:23px 0 17px}.l2-journal-cover>p:not(.l2-kicker){font-size:12px}.l2-journal-film h2{font-size:29px;margin-top:17px}.l2-journal-film>p{font-size:12px}.l2-journal-shelves{padding-top:28px}.l2-shelf{grid-template-columns:1fr 25px;gap:12px;padding:23px 0}.l2-shelf>span{font-size:10px;grid-column:1}.l2-shelf h3{font-size:27px;grid-column:1}.l2-shelf p{font-size:12px;grid-column:1}.l2-shelf b{grid-column:2;grid-row:2}.l2-journal-shelves+.l2-channel-note{margin-top:10px}.l2-breadcrumb{margin:73px 20px 0;font-size:10px;padding:16px 0;gap:10px}.l2-breadcrumb>a:last-child{display:none}body:not(.l2-designed)>main{padding-top:23px!important}body:not(.l2-designed)>.l2-footer{margin-top:28px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}} /* 2026-09-20 refinement: bring the work into the first viewport and improve reading comfort. */ .l2-masthead{background:#31483f} .l2-masthead-top{padding-top:16px;font-size:12px;color:#d0d6cc} .l2-masthead-body{grid-template-columns:minmax(0,1fr) minmax(280px,.92fr);gap:56px;padding:18px 0 20px} .l2-wordmark h1{font-size:clamp(88px,10.6vw,148px);line-height:.94;letter-spacing:-6px} .l2-wordmark-caption{margin-top:18px;font-size:11px;color:#d8ddd4} .l2-wordmark-caption>span:first-child{font-size:11px} .l2-masthead-copy{padding-top:5px} .l2-masthead-copy h2{font-size:clamp(25px,2.45vw,34px);line-height:1.65} .l2-masthead-copy p{font-size:14px;line-height:1.85;color:#d2d8cf;margin-top:12px} .l2-masthead-copy>div{margin-top:16px} .l2-masthead-copy a{font-size:14px;padding-bottom:7px} .l2-masthead-bottom{padding:12px 0 14px;font-size:11px;color:#d1d8ce} .l2-selected{padding-top:40px} .l2-section-title{margin-bottom:22px} .l2-kicker{font-size:12px;letter-spacing:1.1px} .l2-window-meta{font-size:11px} .l2-work-caption>p{font-size:14px;line-height:1.85} .l2-story-caption>p:last-child{font-size:14px} .l2-film-tag{font-size:12px} .l2-directory-name>span{font-size:11px} .l2-directory-row>p{font-size:14px;line-height:1.85} .l2-directory-row>div:last-child a{font-size:15px} .l2-reading-note>div>p:not(.l2-kicker),.l2-about>div{font-size:14px;line-height:1.9} .l2-navigation a{font-weight:500} .l2-navigation small{opacity:.76} @media(max-width:1100px){ .l2-masthead-body{gap:38px} } @media(max-width:760px){ .l2-logo-type small{font-size:10px} .l2-masthead-top{padding-top:16px;font-size:10px} .l2-masthead-body{grid-template-columns:1fr;padding:24px 0 23px;gap:24px} .l2-wordmark h1{font-size:clamp(92px,27vw,145px);letter-spacing:-4px} .l2-wordmark-caption{margin-top:14px} .l2-wordmark-caption>span:first-child,.l2-wordmark-caption>span:last-child{font-size:10px} .l2-masthead-copy h2{font-size:25px;line-height:1.65} .l2-masthead-copy p{font-size:14px;line-height:1.75;margin-top:10px} .l2-masthead-copy>div{margin-top:15px} .l2-masthead-copy a{font-size:13px} .l2-masthead-bottom{font-size:10px;padding:11px 0 12px} .l2-selected{padding-top:27px} .l2-kicker{font-size:11px} .l2-window-meta{font-size:10px} .l2-work-caption>p{font-size:13px} .l2-story-caption .l2-kicker{font-size:10px} .l2-story-caption>p:last-child{font-size:13px} .l2-film-tag{font-size:10px} .l2-directory-name>span{font-size:10px;letter-spacing:.4px} .l2-directory-row>p{font-size:13px} .l2-directory-row>div:last-child a{font-size:13px} .l2-reading-note>div>p:not(.l2-kicker),.l2-about>div{font-size:13px} } /* 2026-09-20 action-link refinement */ .l2-link,.l2-link span,.l2-masthead-copy a span,.l2-masthead-bottom a span,.l2-view-image span,.l2-directory-row>div:last-child a span,.l2-footer-note>a span,.l2-footer-bottom>a,.l2-product-shortcut span{color:var(--l2-red)} .l2-link:hover,.l2-masthead-copy a:hover,.l2-masthead-bottom a:hover,.l2-directory-row>div:last-child a:hover,.l2-footer-note>a:hover,.l2-footer-bottom>a:hover,.l2-product-shortcut:hover{color:var(--l2-red)} .l2-link{border-color:color-mix(in srgb,var(--l2-red) 48%,var(--l2-line));} .l2-masthead-copy a{border-color:color-mix(in srgb,var(--l2-red) 42%,#82907d)} .l2-view-image{border-top:2px solid var(--l2-red)} .l2-directory-row>div:last-child a{border-bottom:1px solid transparent} .l2-directory-row>div:last-child a:hover{border-bottom-color:var(--l2-red)} @media(max-width:760px){.l2-link,.l2-masthead-copy a,.l2-directory-row>div:last-child a{min-height:40px}} /* 2026-09-20 CTA refinement: make the two hero entries read as primary actions. */ .l2-masthead-copy>div{gap:14px;align-items:stretch} .l2-masthead-copy>div a{flex:1 1 0;min-width:0;min-height:52px;justify-content:center;gap:20px;border:0;border-radius:8px;background:var(--l2-red);color:var(--l2-cream)!important;padding:13px 18px;font-size:15px;font-weight:700;box-shadow:0 7px 18px #182a2050;transition:background .2s,box-shadow .2s,transform .2s} .l2-masthead-copy>div a span{color:inherit!important;font-size:20px;margin-left:0} .l2-masthead-copy>div a:hover,.l2-masthead-copy>div a:focus-visible{background:#c45b40;color:#fff!important;box-shadow:0 9px 20px #182a2066;transform:translateY(-1px)} @media(max-width:760px){ .l2-masthead-copy>div{gap:10px} .l2-masthead-copy>div a{min-height:48px;padding:11px 10px;font-size:12px;gap:7px} .l2-masthead-copy>div a span{font-size:16px} } @media(prefers-reduced-motion:reduce){.l2-masthead-copy>div a{transition:none}} /* 2026-09-20 mobile hardening: keep every shared row inside the viewport. */ html,body{overflow-x:clip} @media(max-width:760px){ .l2-header-inner{width:100%;min-width:0} .l2-logo{min-width:0} .l2-logo-type{min-width:0;white-space:nowrap} .l2-product-shortcut{min-width:0;max-width:92px;overflow:hidden;text-overflow:ellipsis} .l2-menu-button{flex:0 0 auto} .l2-masthead-body,.l2-masthead-copy,.l2-masthead-copy>div{width:100%;max-width:100%;min-width:0} .l2-masthead-copy>div a{flex:0 1 calc((100% - 10px)/2);width:calc((100% - 10px)/2);white-space:nowrap} .l2-masthead-bottom{min-width:0;gap:14px} .l2-masthead-bottom>*{min-width:0} .l2-masthead-bottom>a{text-align:right} .l2-selected-grid,.l2-story,.l2-directory-row,.l2-reading-note,.l2-about,.l2-journal-feature,.l2-shelf{min-width:0} .l2-selected-grid>*,.l2-story>* ,.l2-directory-row>*,.l2-reading-note>*,.l2-about>*,.l2-journal-feature>*,.l2-shelf>*{min-width:0} .l2-window-meta{gap:8px;flex-wrap:wrap} .l2-journal-index{min-width:0} .l2-journal-index>a{min-width:0;overflow-wrap:anywhere} } /* 2026-09-20 CTA scale correction: preserve emphasis without letting the buttons dominate. */ .l2-masthead-copy>div{justify-content:flex-start;gap:12px} .l2-masthead-copy>div a{position:relative;flex:0 0 150px;width:150px;min-height:38px;padding:8px 27px 8px 12px;border-radius:6px;font-size:13px;box-shadow:0 3px 9px #182a2030} .l2-masthead-copy>div a span{position:absolute;right:12px;font-size:15px} .l2-masthead-copy>div a:hover,.l2-masthead-copy>div a:focus-visible{box-shadow:0 4px 11px #182a2040} @media(max-width:760px){ .l2-masthead-copy>div{gap:10px} .l2-masthead-copy>div a{flex:0 1 calc((100% - 36px)/2);width:calc((100% - 36px)/2);max-width:132px;min-height:38px;padding:8px 23px 8px 7px;border-radius:5px;font-size:11px} .l2-masthead-copy>div a span{right:8px;font-size:13px} } /* 2026-09-20 interaction polish: match the live site's reading and navigation cues. */ .l2-scroll-progress{position:absolute;right:0;bottom:0;left:0;z-index:1;height:2px;pointer-events:none;background:var(--l2-red);transform:scaleX(0);transform-origin:left center;transition:transform .16s ease-out} .l2-navigation a::after{content:"";position:absolute;right:0;bottom:19px;left:0;height:2px;background:var(--l2-red);transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1)} .l2-navigation a:hover::after,.l2-navigation a:focus-visible::after,.l2-navigation a[aria-current=page]::after{transform:scaleX(1)} .l2-navigation a[aria-current=page]::after{transition-duration:.28s} /* 2026-09-20 reading shell density: the new masthead owns the breadcrumb. */ html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page){padding-top:20px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) .publication-breadcrumb{display:none!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) nav.edition-switch[aria-label]{margin-bottom:28px!important} @media(max-width:820px){ html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page){padding-top:12px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) nav.edition-switch[aria-label]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%!important;margin:0 0 22px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) nav.edition-switch[aria-label]>a{min-width:0;width:auto;height:42px;min-height:42px;justify-content:center;padding:9px 3px 11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} } /* 2026-09-20 publication density: keep every mobile title block as compact as AI 入门. */ html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page){padding-top:20px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) .publication-breadcrumb{margin-bottom:4px!important;min-height:32px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) nav.edition-switch[aria-label]{margin-bottom:18px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label]{display:flex;align-items:center;gap:0 20px;margin:0 0 28px;padding:0 0 10px;border-bottom:1px solid var(--line);font-size:13px} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label] a{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:34px;color:var(--muted);white-space:nowrap} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label] a span{color:var(--accent);font-size:10px;letter-spacing:.08em} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label] a::after{content:"";position:absolute;right:0;bottom:-11px;left:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.22,1,.36,1)} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label] a:hover::after,html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label] a[aria-current="page"]::after{transform:scaleX(1)} @media(max-width:820px){ html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page){padding-top:8px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) .publication-breadcrumb{margin-bottom:2px!important;min-height:30px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) nav.edition-switch[aria-label]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;width:100%!important;margin:0 0 14px!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) nav.edition-switch[aria-label]>a{min-width:0;width:auto;height:38px;min-height:38px;justify-content:center;padding:7px 3px 9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label]{gap:0 12px;margin-bottom:20px;padding-bottom:8px;font-size:12px;overflow-x:auto} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label] a{min-height:30px} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label] a::after{bottom:-9px} html body[data-site-page="one"] .one-lead{max-width:100%;word-break:normal;overflow-wrap:anywhere;text-wrap:pretty} html body[data-site-page="one"] .one-description{max-width:100%;overflow-wrap:anywhere} } /* ============================================================ 2026-09-21 统一外壳与可读性（Claude 优化分支） 1 手机目录关闭图标 2 手机目录对齐 3 小字下限 4 旧页面容器对齐新外壳 5 刊头/页脚留白按容器宽（不含滚动条） 6 隐藏旧面包屑 7 按钮形状统一 8 刊物目录与栏目条手机四列 9 手机点击区 ============================================================ */ /* 1 关闭图标：两条等长斜线在中心交叉 */ .l2-menu-button[aria-expanded=true] i{border-top:0;border-bottom:0;width:17px;height:17px;transform:none} .l2-menu-button[aria-expanded=true] i::before,.l2-menu-button[aria-expanded=true] i::after{content:"";position:absolute;left:-2px;top:8px;width:21px;height:1px;background:currentColor;transform:rotate(45deg);transform-origin:50% 50%} .l2-menu-button[aria-expanded=true] i::after{transform:rotate(-45deg)} /* 2 手机目录：不编号的「燎原」「清单定额」与编号项文字对齐 */ .l2-mobile>a small{display:inline-block;min-width:18px} /* 3 小字下限：说明文字电脑 15px、手机 14px；中文标签不小于 12px；英文大写标签不小于 11px */ .l2-logo-type small,.l2-navigation small{font-size:11px} .l2-product-shortcut{font-size:13px} .l2-breadcrumb{font-size:13px} .l2-kicker{font-size:13px} .l2-kicker>span{font-size:12px} .l2-masthead-top{font-size:13px} .l2-wordmark-caption,.l2-wordmark-caption>span:first-child{font-size:12px} .l2-masthead-bottom,.l2-window-meta,.l2-directory-name>span,.l2-cover-number,.l2-film-caption,.l2-shelf>span,.l2-reading-note cite,.l2-footer-bottom{font-size:12px} .l2-film-tag,.l2-footer-note>a{font-size:13px} .l2-link,.l2-channel-note,.l2-footer-main>nav,.l2-button{font-size:14px} .l2-masthead-copy p,.l2-work-caption>p,.l2-story-caption>p:last-child,.l2-directory-row>p,.l2-reading-note>div>p:not(.l2-kicker),.l2-about>div,.l2-tool-description>p,.l2-councli-grid p,.l2-journal-film>p{font-size:15px} .l2-directory-row>div:last-child a{font-size:16px} .l2-shelf p,.l2-journal-cover>p:not(.l2-kicker){font-size:14px} html body :is(.life-kicker,.life-fact span,.life-feature-meta,.life-feature-foot,.life-pillar-index,.life-entry-meta,.life-entry-foot){font-size:12px} .case-disclosure,.product-meta,.tool-footnotes,.gallery-count{font-size:12px!important} .l2-view-image{font-size:13px} html body:not(.l2-designed) :is(.trace-layer small,.theme-caption small){font-size:12px} @media(max-width:760px){ .l2-logo-type small{font-size:10px} .l2-product-shortcut,.l2-menu-button{font-size:13px} .l2-masthead-top,.l2-masthead-bottom,.l2-kicker,.l2-kicker>span,.l2-story-caption .l2-kicker,.l2-tool-heading .l2-kicker,.l2-window-meta,.l2-film-tag,.l2-cover-number,.l2-shelf>span,.l2-reading-note cite,.l2-footer-bottom,.l2-breadcrumb{font-size:12px} .l2-wordmark-caption>span:first-child,.l2-directory-name>span,.l2-journal-head h1 span{font-size:11px} .l2-wordmark-caption>span:last-child{font-size:12px} .l2-masthead-copy>div a{font-size:13px} .l2-view-image{font-size:12px} .l2-masthead-copy p,.l2-channel-head>p,.l2-journal-head>div>p,.l2-channel-note p{font-size:15px} .l2-work-caption>p,.l2-story-caption>p:last-child,.l2-directory-row>p,.l2-directory-row>div:last-child a,.l2-reading-note>div>p:not(.l2-kicker),.l2-about>div,.l2-tool-description>p,.l2-councli-grid p,.l2-journal-cover>p:not(.l2-kicker),.l2-journal-film>p,.l2-shelf p,.l2-footer-note>p{font-size:14px} .l2-footer-note>a,.l2-footer-main>nav,.l2-channel-note,.l2-journal-index,.l2-button{font-size:13px} } /* 4 旧页面正文容器与新外壳同宽同边线（电脑 1264px；≤1100 左右各 28px；≤760 各 20px） */ html body:not(.l2-designed) :is(.container,.wrap){width:min(100% - 80px,1264px);max-width:none;margin-left:auto;margin-right:auto} @media(max-width:1100px){html body:not(.l2-designed) :is(.container,.wrap){width:calc(100% - 56px)}} @media(max-width:760px){html body:not(.l2-designed) :is(.container,.wrap){width:calc(100% - 40px)}html body:not(.l2-designed) :is(.one-reading,.two-reading,.xunchang-reading){width:100%;max-width:none;margin-left:0;margin-right:0}} /* 5 刊头、页脚左右留白按容器宽计算：100vw 含滚动条，Windows 上会比页眉偏右约 7px */ @media(min-width:1101px){.l2-masthead,.l2-footer{padding-left:max(40px,calc((100% - 1264px)/2));padding-right:max(40px,calc((100% - 1264px)/2))}} /* 6 新外壳已有面包屑，旧页面自带的「当前位置」不再重复 */ html body:not(.l2-designed) nav.breadcrumb[aria-label="当前位置"]{display:none} /* 7 按钮：统一 6px 圆角、44px 高、14px 粗体、同一道浅阴影；颜色保持各自原样 */ .l2-button,.life-button{min-height:44px;padding:0 20px;border-radius:6px;font-weight:700;box-shadow:0 3px 9px #182a2030} html body:not(.l2-designed) :is(.primary-button,a.button,button.button){border-radius:6px;box-shadow:0 3px 9px #182a2030} /* 8 刊物目录、栏目条（7 项）手机端四列两行 */ @media(max-width:760px) and (min-width:360px){.l2-journal-index{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}} @media(max-width:820px) and (min-width:360px){ html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) nav.edition-switch[aria-label]{grid-template-columns:repeat(4,minmax(0,1fr))!important} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main#main:is(.news-page,.learn-page) nav.edition-switch[aria-label]>a{padding-left:2px;padding-right:2px} } /* 9 手机点击区：页脚、面包屑链接至少 32px 高 */ @media(max-width:760px){.l2-footer-main>nav a,.l2-footer-note>a,.l2-breadcrumb a{display:inline-flex;align-items:center;min-height:32px}} /* 2026-09-22 tools channel: move the real product into the first visual beat. */ main.l2-channel:not(.relay-channel) .l2-channel-head{padding-top:2px;padding-bottom:29px;border-top:0} main.l2-channel:not(.relay-channel) .l2-channel-head h1{margin-top:17px;font-size:clamp(43px,4.2vw,58px);line-height:1.35} main.l2-channel:not(.relay-channel) .l2-channel-head h1{font-size:0} main.l2-channel:not(.relay-channel) .l2-channel-head h1::after{content:"把工具，\A放回具体的工作。";white-space:pre;font-size:clamp(43px,4.2vw,58px)} main.l2-channel:not(.relay-channel) .l2-channel-head>p{max-width:31em;align-self:end;padding-bottom:3px;color:var(--l2-muted);font-size:15px;line-height:2} main.l2-channel:not(.relay-channel) .l2-channel-head>p{font-size:0} main.l2-channel:not(.relay-channel) .l2-channel-head>p::after{content:"两个工具，处理两种具体工作。\A从施工描述到决策简报，都留下依据、过程，和你的判断。";white-space:pre;font-size:15px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type{padding-top:28px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading{margin-bottom:20px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading h2{font-size:37px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen{position:relative;padding:25px 48px 30px;background:#e4e4d8;border-top:3px solid var(--l2-red)} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen::before{content:"真实工作界面 / 结果可复核";display:block;margin-bottom:14px;color:#697263;font-size:11px;letter-spacing:.12em} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen img{box-shadow:0 16px 32px #293d3530} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-description{padding-top:24px;padding-bottom:38px} @media(max-width:1100px){main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen{padding-left:30px;padding-right:30px}} @media(max-width:760px){ html,body{overflow-x:hidden} .l2-header-inner{position:relative;width:100%;min-width:0;overflow:hidden} .l2-product-shortcut{display:none!important} .l2-menu-button{position:static!important;display:flex!important;flex-shrink:0;margin-left:auto!important;white-space:nowrap;z-index:82} main.l2-channel:not(.relay-channel) .l2-channel-head{padding-top:0;padding-bottom:22px} main.l2-channel:not(.relay-channel) .l2-channel-head h1{margin-top:13px;font-size:0;line-height:1.42} main.l2-channel:not(.relay-channel) .l2-channel-head h1::after{font-size:39px} main.l2-channel:not(.relay-channel) .l2-channel-head>p{padding-bottom:0;font-size:0;line-height:1.9} main.l2-channel:not(.relay-channel) .l2-channel-head>p::after{font-size:14px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type{padding-top:22px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;margin-bottom:16px;align-items:center;padding-bottom:48px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading>div{min-width:0} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading h2{font-size:27px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading h2 small{display:block;margin:3px 0 0;font-size:14px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading .l2-button{position:absolute;left:52px;bottom:0;margin-left:0;min-width:0;padding-left:10px;padding-right:10px;gap:10px;font-size:12px;white-space:nowrap} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen{padding:16px 14px 18px;border-top-width:2px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen::before{margin-bottom:10px;font-size:10px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-description{padding-top:18px;padding-bottom:30px} } /* 10 中文标题断行：只在标点、空格和 处换行，实在放不下才硬断（避免「如／何」式把词劈开） */ .l2-designed :is(h1,h2,h3),.l2-story-caption>p,.l2-footer-note>p,.l2-masthead-copy p,html body .life-hero-lead,html body:not(.l2-designed) :is(.hero-lead,.one-lead){word-break:keep-all;overflow-wrap:anywhere} /* 11 404 页：内容短时页脚贴到窗口底部 */ body.l2-404{min-height:100vh;display:flex;flex-direction:column}body.l2-404>main{flex:1 0 auto;width:min(100% - 80px,1264px)}@media(max-width:1100px){body.l2-404>main{width:calc(100% - 56px)}}@media(max-width:760px){body.l2-404>main{width:calc(100% - 40px)}} @media(max-width:760px){.l2-story-image img{height:auto;width:100%;}} @media(max-width:760px){.l2-story{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);}.l2-story-image,.l2-story-image img{min-width:0;max-width:100%;}} @media(max-width:760px){.l2-story-caption,.l2-story-caption h3,.l2-story-caption p{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}} @media(max-width:760px){.l2-story{grid-template-columns:1fr;}.l2-story-image img{aspect-ratio:16/9;height:auto;object-fit:cover;}} /* ============================================================ 2026-09-23 审美优化（Claude） A 字号档位　电脑：12 细注 / 14 标签 / 16 正文 / 18 导语 / 22 小标题 / 28 标题 / 36 大标题；展示 48 / 56 / 64 / 86 手机：12 / 13 / 15 / 17 / 20 / 24 / 28 / 36；展示 40 / 48 / 52 / 64 品牌字（页眉「燎原」、页脚大字、首页字标）不动 B 正文下限：电脑 16px、手机 15px；灰字统一加深为 #5a6056（米白底 5.7:1，最深的灰绿底块也在 4.9:1 以上） C 首页与刊头减法（配合 tools-claude/aesthetic.mjs）：第二个按钮改次要样式、刊头底栏只留一个入口、区块标题去掉 kicker D 工具页标题不再用伪元素换字（原规则连带 404 页显示成工具页标题） 旧页面（非 l2-designed）的统一见下一段「旧页面」 ============================================================ */ /* B 灰字 */ :root{--l2-muted:#5a6056} .l2-navigation small{color:var(--l2-muted);opacity:.9} .l2-index{color:#7b8472} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen::before{color:var(--l2-muted)} /* A 电脑 */ .l2-logo-type small{font-size:12px;letter-spacing:1.2px} .l2-navigation small,.l2-kicker>span,.l2-directory-name>span,.l2-footer-bottom,.l2-wordmark-caption,.l2-wordmark-caption>span:first-child{font-size:12px} .l2-product-shortcut,.l2-breadcrumb,.l2-kicker,.l2-masthead-top,.l2-masthead-bottom,.l2-journal-index,.l2-window-meta,.l2-view-image,.l2-film-tag,.l2-film-caption,.l2-cover-number,.l2-shelf>span,.l2-reading-note cite,.l2-footer-note>a,.l2-link,.l2-button,.l2-channel-note,.l2-footer-main>nav,.l2-masthead-copy>div a{font-size:14px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen::before{font-size:14px;letter-spacing:.06em} .l2-masthead-copy p,.l2-work-caption>p,.l2-story-caption>p:last-child,.l2-directory-row>p,.l2-reading-note>div>p:not(.l2-kicker),.l2-about>div,.l2-tool-description>p,.l2-councli-grid p,.l2-journal-film>p,.l2-journal-cover>p:not(.l2-kicker),.l2-shelf p,.l2-channel-note p,.l2-channel-head>p{font-size:16px} .l2-footer-note>p,.l2-journal-head>div>p{font-size:18px} .l2-reading-note blockquote{font-size:22px} .l2-section-title h2,.l2-work-caption h3,.l2-story-caption h3,.l2-tool-description h3,.l2-councli-grid h3,.l2-shelf h3,.l2-about h2{font-size:28px} .l2-masthead-copy h2,.l2-directory-name h3,.l2-reading-note h2,.l2-tool-heading h2,.l2-journal-film h2{font-size:36px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading h2{font-size:36px} .l2-index{font-size:48px} .l2-channel-head h1,main.l2-channel:not(.relay-channel) .l2-channel-head h1{font-size:56px} .l2-reading-note blockquote>span,.l2-journal-cover h2{font-size:64px} /* D 工具页：标题、简介直接显示页面文字（aesthetic.mjs 已把文字写进 HTML） */ main.l2-channel:not(.relay-channel) .l2-channel-head>p{font-size:16px} main.l2-channel:not(.relay-channel) .l2-channel-head h1::after,main.l2-channel:not(.relay-channel) .l2-channel-head>p::after{content:none} /* 生活指南（自带 life-guide.css）：卡片正文、标题归入同一套档位 */ html body :is(.life-entry,.life-pillar,.life-feature-card)>p,html body :is(.life-note,.life-source)>div>p,html body .life-section-head>p,html body .life-hero-copy>p{font-size:16px} html body :is(.life-entry,.life-pillar,.life-feature-card) h3{font-size:22px} html body :is(.life-section-head h2,.life-source h2,.life-note h2,.life-hero-copy h2,.life-fact strong){font-size:28px} html body :is(.life-kicker,.life-filter,.life-button,.life-text-link){font-size:14px} /* 零碎：标题里的小字、按钮箭头归档 */ .l2-work-caption h3 span{font-size:14px} .l2-masthead-copy>div a span,html body .life-actions .life-button span,html body .life-more-link i{font-size:16px} /* 段落最后一行不留孤字（Chrome 117+ 支持；不支持的浏览器照常排版） */ .l2-designed :is(p,dd,li){text-wrap:pretty} /* C 首页：第二个按钮改次要样式；刊头底栏只剩「看看正在做的事」，靠右；区块标题没有 kicker 时不留上边距 */ .l2-masthead-copy>div a.l2-cta-secondary{background:transparent;color:var(--l2-cream)!important;box-shadow:none;border:1px solid #f6f1e48c} .l2-masthead-copy>div a.l2-cta-secondary:hover,.l2-masthead-copy>div a.l2-cta-secondary:focus-visible{background:#f6f1e414;border-color:var(--l2-cream);color:#fff!important;box-shadow:none} .l2-masthead-bottom{justify-content:flex-end} .l2-section-title h2:first-child{margin-top:0} .l2-wordmark-caption{gap:0} @media(max-width:1100px){ .l2-reading-note blockquote{font-size:20px} .l2-masthead-copy h2{font-size:28px} .l2-channel-head h1,main.l2-channel:not(.relay-channel) .l2-channel-head h1{font-size:48px} .l2-journal-cover h2{font-size:56px} } /* A 手机 */ @media(max-width:760px){ .l2-logo-type small{font-size:11px;letter-spacing:.8px} .l2-navigation small,.l2-kicker>span,.l2-directory-name>span,.l2-footer-bottom,.l2-wordmark-caption,.l2-wordmark-caption>span:first-child{font-size:12px} .l2-menu-button,.l2-breadcrumb,.l2-kicker,.l2-story-caption .l2-kicker,.l2-tool-heading .l2-kicker,.l2-masthead-top,.l2-masthead-bottom,.l2-journal-index,.l2-window-meta,.l2-view-image,.l2-film-tag,.l2-film-caption,.l2-cover-number,.l2-shelf>span,.l2-reading-note cite,.l2-footer-note>a,.l2-button,.l2-channel-note,.l2-footer-main>nav,.l2-masthead-copy>div a{font-size:13px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-screen::before{font-size:12px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading .l2-button{font-size:13px} .l2-masthead-copy p,.l2-channel-head>p,.l2-channel-note p,.l2-work-caption>p,.l2-story-caption>p:last-child,.l2-directory-row>p,.l2-directory-row>div:last-child a,.l2-reading-note>div>p:not(.l2-kicker),.l2-about>div,.l2-tool-description>p,.l2-councli-grid p,.l2-journal-cover>p:not(.l2-kicker),.l2-journal-film>p,.l2-shelf p,.l2-footer-note>p,.l2-link{font-size:15px} main.l2-channel:not(.relay-channel) .l2-channel-head>p{font-size:15px} .l2-journal-head>div>p{font-size:17px} .l2-reading-note blockquote{font-size:20px} .l2-section-title h2,.l2-work-caption h3,.l2-story-caption h3,.l2-tool-description h3,.l2-councli-grid h3,.l2-masthead-copy h2{font-size:24px} .l2-directory-name h3,.l2-shelf h3,.l2-tool-heading h2,.l2-about h2,.l2-journal-film h2,.l2-index,main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading h2{font-size:28px} .l2-reading-note h2{font-size:36px} .l2-channel-head h1,main.l2-channel:not(.relay-channel) .l2-channel-head h1{font-size:40px} .l2-reading-note blockquote>span{font-size:40px} .l2-journal-head h1{font-size:52px} .l2-journal-cover h2{font-size:64px} html body :is(.life-entry,.life-pillar,.life-feature-card)>p,html body :is(.life-note,.life-source)>div>p{font-size:15px} html body :is(.life-entry,.life-pillar,.life-feature-card) h3{font-size:20px} html body :is(.life-section-head h2,.life-source h2,.life-note h2,.life-hero-copy h2,.life-fact strong){font-size:24px} html body :is(.life-kicker,.life-filter,.life-button,.life-text-link){font-size:13px} html body .life-section-head>p,html body .life-hero-copy>p,html body .life-more-link b{font-size:15px} html body .life-hero h1{font-size:48px} html body .life-hero-lead{font-size:17px} main.l2-channel:not(.relay-channel) .l2-tool-feature:first-of-type .l2-tool-heading h2 small,.l2-tool-heading h2 small{font-size:15px} /* 首页刊头第一行只剩一句时，不能被原来的 span:last-child{display:none} 藏掉 */ .l2-masthead-top>span:first-child{display:inline} } /* 断行：引文与频道简介只在标点处换行；工具页 / 404 大标题在平板双栏（761–900px）和 380px、350px 以下的小屏各收一档，避免句号单独掉行 */ .l2-reading-note blockquote,.l2-channel-head>p{word-break:keep-all;overflow-wrap:anywhere} @media(max-width:900px) and (min-width:761px){.l2-channel-head h1,main.l2-channel:not(.relay-channel) .l2-channel-head h1{font-size:40px}} @media(max-width:380px){.l2-channel-head h1,main.l2-channel:not(.relay-channel) .l2-channel-head h1{font-size:36px}} @media(max-width:350px){.l2-channel-head h1,main.l2-channel:not(.relay-channel) .l2-channel-head h1{font-size:32px}} /* 深绿底上的朱红箭头换成站内已有的浅朱砂色（#d27955，对比度 3.6:1；原 #b64d35 只有 2.3:1） */ .l2-footer-note>a span,.l2-masthead-bottom a span{color:#d27955} /* 工具页：先把真实 API 的前置条件说清楚，避免本地未配置时误判软件能力 */ .l2-api-note{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;align-items:start;margin:28px 0 2px;padding:25px 30px 27px;border-left:4px solid var(--l2-red);background:#e8e6da} .l2-api-note-label{font-size:12px;letter-spacing:.12em;color:var(--l2-red);line-height:1.7;padding-top:5px} .l2-api-note-copy h2{font-size:28px;line-height:1.45;font-weight:700} .l2-api-note-copy p{max-width:55em;margin-top:10px;color:var(--l2-muted);font-size:16px;line-height:1.95} @media(max-width:760px){ .l2-api-note{grid-template-columns:1fr;gap:8px;margin:21px 0 0;padding:18px 18px 20px;border-left-width:3px} .l2-api-note-label{font-size:12px;padding-top:0} .l2-api-note-copy h2{font-size:24px;line-height:1.5} .l2-api-note-copy p{margin-top:8px;font-size:15px;line-height:1.9} } /* ============================================================ 2026-09-23 审美优化（Claude）· 旧页面（body 没有 l2-designed 的 11 页） 保留原有版式，只统一四件事： 1 灰字加深（与新设计页同为 #5a6056） 2 页面大标题与新设计页同一规格：900 粗、墨绿；字号归入档位（栏目首页 64、文章 48、开发者日志 56）；墨色变量 --ink 由近黑改为墨绿，与新设计页一致 3 小于 12px 的字抬到 12px（Council 案例演示、AI 入门系列编号） 4 段落正文电脑 16px、手机 15px（开发者日志、新闻导语、论坛摘要、Council、栏目说明等） ============================================================ */ /* 1 灰字 */ body:not(.l2-designed){--muted:#5a6056;--ink:#293d35} html body:not(.l2-designed) :is(.news-rail-list,.forum-rail-list,.ai-news-rail-list) button span:last-child,html body:not(.l2-designed) :is(.news-source-note span:last-child,.daily-archive-read,.forum-presence span:last-child){color:var(--muted)} /* 2 大标题 */ html body:not(.l2-designed) main h1{font-weight:900;color:var(--l2-ink)} html body:is([data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"],[data-site-page="councli"]) main h1{font-size:64px} html body[data-site-page="two"] main .two-article h1{font-size:48px} html body:not(.l2-designed):not([data-site-page]) main.main section.intro h1{font-size:56px} /* 3 小字下限 */ html body[data-site-page="councli"] :is(.case-seat>div>span,.case-position>span,.role>small,.case-tabs>button>span,.case-margin dt,.case-local,.case-topic,.case-margin-label,.case-margin-foot,.case-controls>p,.screens-details>summary>span,.checksum-content code){font-size:12px} html body:is([data-site-page="news"],[data-site-page="learn"],[data-site-page="learn-change"],[data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) nav.learn-series[aria-label] a span{font-size:12px} /* 4 段落正文 */ html body:not(.l2-designed):not([data-site-page]) .timeline .entry-detail,html body[data-site-page="news"] .news-entry-lead,html body[data-site-page="forum"] .forum-thread-excerpt,html body:not(.l2-designed) .manifesto-item p,html body[data-site-page="councli"] :is(.faq-item p,.section-head>p,.role>p,.use-case>p,ol.steps>li>p),html body[data-site-page="one"] .one-principle p,html body[data-site-page="two"] .two-topic p,html body:is([data-site-page="learn"],[data-site-page="learn-change"]) .term-row dd,html body[data-site-page="xunchang"] ol>li>p{font-size:16px} @media(max-width:760px){ html body:is([data-site-page="one"],[data-site-page="two"],[data-site-page="xunchang"]) main h1{font-size:48px} html body[data-site-page="councli"] main h1{font-size:40px} html body[data-site-page="two"] main .two-article h1{font-size:28px} html body:not(.l2-designed):not([data-site-page]) main.main section.intro h1{font-size:36px} html body[data-site-page="news"] main h1:not(#film-title){font-size:28px} html body:not(.l2-designed):not([data-site-page]) .timeline .entry-detail,html body[data-site-page="news"] .news-entry-lead,html body[data-site-page="forum"] .forum-thread-excerpt,html body:not(.l2-designed) .manifesto-item p,html body[data-site-page="councli"] :is(.faq-item p,.section-head>p,.role>p,.use-case>p,ol.steps>li>p),html body[data-site-page="one"] .one-principle p,html body[data-site-page="two"] .two-topic p,html body:is([data-site-page="learn"],[data-site-page="learn-change"]) .term-row dd,html body[data-site-page="xunchang"] ol>li>p{font-size:15px} } /* 5 寻常·录二级标题只在标点和 处换行（配合 aesthetic.mjs 补的断点） */ html body[data-site-page="xunchang"] main h2{word-break:keep-all;overflow-wrap:anywhere} /* 6 段落最后一行不留孤字（与新设计页相同，Chrome 117+ 生效） */ html body:not(.l2-designed) main :is(p,dd,li){text-wrap:pretty}