/* Final parity layer for the supplied React reference template. */
.site-shell{width:100%;max-width:1280px;padding-right:32px;padding-left:32px}
.icon,.nav-chevron{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}
.utility-contact>*,.utility-actions>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.utility-contact{flex:1;overflow:hidden}.utility-contact .utility-address{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}.utility-contact .utility-phone,.utility-contact>a:last-child,.utility-actions{flex:none}
.utility-contact .icon,.utility-actions .icon{font-size:14px;color:#7c8792}
.locale-switch b{color:#6c7681}.locale-switch b.active{color:var(--az)}
.site-nav{height:64px;gap:16px}.brand-mark,.site-logo{width:36px;height:36px}.reference-brand strong{font-size:18px}.desktop-nav{margin-left:24px;gap:32px}.desktop-nav>a>span,.nav-drop>a>span{display:flex;align-items:center;gap:2px}.nav-chevron{width:12px;height:12px;color:#9aa1a8}
.icon-button{display:inline-grid;place-items:center;border:0;background:transparent;padding:0;color:inherit;cursor:pointer}
.search-link{width:36px;height:36px;font-size:20px}.portal-link,.submit-link{height:38px}.portal-link .icon,.submit-link .icon{font-size:16px}
.mobile-menu-button{display:none;width:40px;height:40px;font-size:24px}
.home-announcement b,.trust-strip b{display:flex;align-items:center;gap:7px}.home-announcement b .icon{font-size:14px}.reference-hero{min-height:624px}.hero-visual{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 100%),url('/assets/images/hero/sg-skyline.jpg') 68% center/cover no-repeat}.hero-content{padding-top:90px;padding-bottom:96px}.hero-content>p:first-child{line-height:16px}.hero-content h1{max-width:100%;margin-top:20px;font-size:41.6px;line-height:1.2}.reference-actions{margin-top:32px}.outline-button,.azure-button{gap:8px;padding-right:24px;padding-left:24px}.reference-actions .icon{font-size:16px}.hero-stats{grid-template-columns:repeat(4,1fr);gap:24px;max-width:696px;margin-top:40px;padding-top:24px}.trust-strip b .icon{font-size:18px;color:var(--az)}
.search-panel{position:fixed;top:100px;right:0;left:0;z-index:45;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 12px 30px #0812211f}.search-panel[hidden],.mobile-drawer[hidden],.cookie-banner[hidden]{display:none}.search-panel form{display:flex;align-items:center;gap:14px;height:76px}.search-panel form>.icon{font-size:21px;color:#7c8792}.search-panel input[type=search]{min-width:0;flex:1;border:0;font:16px var(--sans);outline:0}.search-panel .icon-button{width:38px;height:38px;font-size:21px}
.mobile-drawer{position:fixed;inset:0;z-index:60}.drawer-backdrop{position:absolute;inset:0;background:#08122180}.drawer-content{position:absolute;top:0;right:0;bottom:0;width:min(320px,88vw);overflow:auto;background:#fff;padding:24px;box-shadow:-15px 0 45px #08122138}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer-head strong{font:600 21px var(--serif)}.drawer-head .icon-button{width:38px;height:38px;font-size:22px}.drawer-content nav a{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #eceef1;padding:15px 2px;color:#262c33;font-size:15px;font-weight:600}.drawer-content nav small{color:#9aa1a8;font-size:9px;font-weight:400;letter-spacing:.1em}.drawer-secondary{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-bottom:1px solid #eceef1;padding:12px 0}.drawer-secondary a{border-radius:5px;padding:6px 5px;color:#5f6b76;font-size:12px}.drawer-secondary a:hover{background:#f0f1f3;color:var(--az)}.drawer-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:25px}.drawer-actions .portal-link,.drawer-actions .submit-link{display:inline-flex;justify-content:center}.panel-open{overflow:hidden}
.footer-contact li,.footer-credentials span{display:flex;align-items:center;gap:8px}.footer-contact .icon{flex:none;font-size:14px}.footer-credentials .icon{font-size:13px;color:#4d96c4}
.cookie-banner{position:fixed;right:0;bottom:0;left:0;z-index:55;border-top:1px solid var(--line);background:#fffffff2;box-shadow:0 -6px 20px #08122112;backdrop-filter:blur(8px)}.cookie-banner>.site-shell{display:flex;align-items:center;gap:22px;padding-top:13px;padding-bottom:13px}.cookie-banner p{display:flex;min-width:0;flex:1;align-items:flex-start;gap:10px;margin:0;color:#5f6b76;font-size:14px}.cookie-banner p>.icon{flex:none;margin-top:3px;color:var(--az);font-size:17px}.cookie-banner p a{color:var(--az2);font-weight:600}.cookie-banner>div>div{display:flex;flex:none;gap:9px}.cookie-banner button{border-radius:6px;padding:7px 13px;font:600 13px var(--sans);cursor:pointer}.cookie-secondary{border:1px solid #c7cdd3;background:#fff;color:#262c33}.cookie-primary{border:1px solid var(--az);background:var(--az);color:#fff}

/* Motion and interaction parity with the supplied React reference. */
.site-nav-wrap{transition:box-shadow .2s ease}.site-header.is-scrolled .site-nav-wrap{box-shadow:0 1px 12px #00000014}
.motion-ready .motion-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}
.reference-journal-card,.trust-strip article,.latest-row,.voice-grid blockquote{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.reference-journal-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #08122114}.trust-strip article:hover{background:#fff}.latest-row:hover{transform:translateX(4px)}.voice-grid blockquote:hover{transform:translateY(-3px);box-shadow:0 10px 24px #08122112}
.home-announcement .site-shell>a{opacity:.62;transition:opacity .7s ease,color .2s ease}.home-announcement .site-shell>a.is-current{opacity:1;color:#fff}
.nav-tools{margin-left:auto;flex:none}
.publishing-section{padding-top:80px;padding-bottom:80px}.publishing-heading{max-width:none;margin-bottom:40px;border-top-color:#d1d5db;padding-top:20px}.publishing-heading>p{font-weight:600;line-height:16.5px;letter-spacing:.28em}.publishing-heading em{color:#6c7681;line-height:20px}.publishing-heading h2{margin-top:16px;font-size:36px;line-height:40px;letter-spacing:0}.publishing-heading small{margin-top:6px;color:#6c7681;font-size:14px;line-height:20px;letter-spacing:.025em}.publishing-heading>span{max-width:672px;margin-top:16px;font-size:15px;line-height:1.625}
.publish-steps{position:relative;margin-top:0}.publish-steps>li{display:flex;height:214px;min-height:214px;flex-direction:column;padding-right:16px;padding-left:16px}.publish-steps>li:before{display:none}.publish-step-head{display:flex;flex-direction:column;align-items:center;text-align:center}.publish-step-head>b{font-size:14px;font-weight:600;line-height:20px}.publish-step-title{margin-top:16px}.publish-step-title i{margin-top:0;color:#6c7681;font-size:12px;line-height:16px}.publish-step-title h3{margin:0;font-size:18px;line-height:22.5px}.publish-step-title small{display:block;margin-top:2px;color:#6c7681;font-size:12px;line-height:16px;letter-spacing:.025em;text-transform:none}.publish-step-desc{margin-top:8px!important;color:#5f6b76!important;font-size:14px!important;line-height:1.625!important}.publish-step-meta{margin-top:auto!important;padding-top:8px;color:var(--az)!important;font-size:12px!important;font-weight:600;line-height:16px!important;letter-spacing:.025em;text-transform:uppercase}
.publish-steps>li .publish-step-head>b{position:relative;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.publish-steps>li:not(.is-active):not(.is-complete) .publish-step-head>b{border-color:#d1d5db;color:#9ca3af}.publish-steps>li.is-active .publish-step-head>b{border-color:var(--az);background:#fff;color:var(--az2)}.publish-steps>li.is-complete .publish-step-head>b{border-color:var(--az);background:var(--az);color:#fff}.step-check{display:none;width:20px;height:20px}.is-complete .step-number{display:none}.is-complete .step-check{display:block}.step-ring-soft,.step-ring-once{position:absolute;inset:-1px;display:none;border:2px solid #4d96c4;border-radius:50%;pointer-events:none}.is-active .step-ring-soft{display:block;animation:tl-ring-soft-kf 1.6s ease-out infinite}.just-arrived .publish-step-head>b{animation:tl-pop .6s ease-out}.just-arrived .step-ring-once{display:block;animation:tl-ring-once-kf .9s ease-out forwards}
.publish-connector{position:absolute;top:23px;left:calc((var(--connector-index) * 20% - 10%) + 28px);z-index:0;display:block;width:calc(20% - 56px);height:2px;overflow:hidden;border-radius:999px;background:#e5e7eb}.publish-connector>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d96c4 0%,#1f6fae 45%,#095490 70%,#4d96c4 100%);background-size:200% 100%;animation:tl-flow 2.4s linear infinite;transition-property:width;transition-duration:var(--fill-duration,350ms);transition-timing-function:ease-in-out}.publish-connector.is-full>i,.publish-connector.is-filling>i{width:100%}
.publish-status{margin:40px 0 0;text-align:center;color:#5f6b76;font-size:14px;font-weight:500;line-height:20px}.publish-status b{display:inline;width:auto;height:auto;margin:0;border:0;background:transparent!important;color:var(--az2)!important;font:600 14px/20px var(--sans)}.publish-status span{margin:0 8px;color:#d1d5db}
@keyframes tl-flow{from{background-position:0 0}to{background-position:200% 0}}@keyframes tl-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}}@keyframes tl-ring-soft-kf{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.45)}}@keyframes tl-ring-once-kf{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(2.2)}}@keyframes tl-fade-kf{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tl-fade{animation:tl-fade-kf .45s ease-out}
@media(max-width:1023px){.publish-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.publish-connector{display:none}.publish-steps>li{height:auto;min-height:0;padding:0 16px;text-align:left}.publish-step-head{flex-direction:row;align-items:center;gap:16px;text-align:left}.publish-steps b{flex:none;margin:0}.publish-step-title{margin-top:0}.publish-step-desc,.publish-step-meta{padding-left:64px}.publish-step-meta{margin-top:0!important}}
@media(max-width:639px){.publish-steps{grid-template-columns:1fr}.publish-steps>li{padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .motion-reveal{opacity:1;transform:none;transition:none}.site-nav-wrap,.reference-journal-card,.trust-strip article,.latest-row,.voice-grid blockquote,.publish-steps>li .publish-step-head>b{transition:none!important}.reference-journal-card:hover,.latest-row:hover,.voice-grid blockquote:hover{transform:none}.step-ring-soft,.step-ring-once{display:none!important}.publish-connector>i,.tl-fade{animation:none!important;transition:none!important}}
.ref-page-hero .site-shell{padding-bottom:110px}.ref-page-body{min-height:520px}.ref-filter-panel{border:1px solid #d9dde2;border-radius:6px;background:#fff;padding:24px}.ref-filter-search{height:46px}.ref-filter-search .filter-search-icon{display:grid;place-items:center;padding-left:14px;color:#8d969f;font-size:16px}.ref-filter-search input{padding-left:12px}.ref-filter-search button{display:inline-flex;align-items:center;gap:8px}.ref-filter-search button .icon{font-size:15px}.ref-filter-group{margin-top:17px}.ref-filter-group>b{display:block;color:#5f6b76;font-size:12px;font-weight:700;letter-spacing:.08em}.ref-filter-group>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.ref-filter-group a,.ref-az-filter a{display:inline-grid;place-items:center;border:1px solid #cfd5dc;border-radius:6px;padding:5px 12px;color:#49525c;font-size:12px;line-height:1.5}.ref-filter-group a:hover,.ref-filter-group a.active,.ref-az-filter a:hover,.ref-az-filter a.active{border-color:var(--az);background:var(--az);color:#fff}.ref-az-filter{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;border-top:1px solid #e8eaed;padding-top:16px}.ref-az-filter a{width:32px;height:32px;border:0;background:#eaf2f9;padding:0;color:#0d4677;font-weight:700}.ref-az-filter a:first-child{width:auto;padding:0 11px}.ref-result-count{display:flex;align-items:center;gap:7px;margin-top:25px}.ref-result-count .icon{color:#7c8792}.directory-empty{margin-top:18px;background:#fff}.ref-page-body{max-width:1280px}main:has(.ref-page-body){background:#f1f4f3}
.auth-reference-page{min-height:980px;border-bottom:1px solid #c3d0e2;background:linear-gradient(180deg,#dcecf7 0,#eef5f9 55%,#fff 100%)}.auth-reference-page>.site-shell{padding-top:56px;padding-bottom:80px}.auth-reference-card{width:448px;max-width:100%;margin:auto;border:1px solid #d9dde2;border-radius:6px;background:#fff;padding:32px}.auth-eyebrow{margin:0;color:var(--az2);font-size:11px;font-weight:700;letter-spacing:.28em}.auth-reference-card h1{margin:10px 0 0;color:#171a1f;font:600 36px/1.25 var(--serif)}.auth-reference-card h1 small{margin-left:12px;color:#7c8792;font:400 20px var(--serif)}.auth-lead{margin:10px 0 0;color:#49525c;font-size:14px;line-height:1.7}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:25px;border:1px solid #d9dde2;border-radius:6px;background:#f6f7f9;padding:4px}.auth-mode-tabs a{display:flex;min-height:44px;align-items:center;justify-content:center;gap:7px;border-radius:5px;color:#6c7681;font-size:14px;font-weight:500}.auth-mode-tabs a.active{background:#fff;color:var(--az);box-shadow:0 1px 3px #08122112}.integration-notice{margin-top:18px;border-left:3px solid #b0872f;background:#fff4d6;padding:12px 14px;color:#865c0a;font-size:12px;line-height:1.6}.integration-notice.error{border-color:#b34242;background:#fff0f0;color:#922}.auth-reference-form{display:grid;gap:16px;margin-top:24px}.auth-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid #d9dde2;border-radius:6px;padding:4px}.auth-method-tabs>*{display:flex;min-height:44px;align-items:center;justify-content:center;gap:6px;border-radius:5px;font-size:12px}.auth-method-tabs b{background:#eaf2f9;color:var(--az)}.auth-method-tabs span{color:#6c7681}.auth-reference-form label{display:block;margin:0}.auth-reference-form label>span{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#5f6b76;font-size:12px;font-weight:500}.auth-reference-form input{display:block;width:100%;height:43px;border:1px solid #c3c9d0;border-radius:6px;background:#fff;padding:0 14px;color:#262c33;font:14px var(--sans);outline:0}.auth-reference-form input:focus{border-color:var(--az)}.auth-reference-form input:disabled{background:#f6f7f9;color:#9aa1a8}.auth-submit{display:flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;background:var(--az);color:#fff;font:600 14px var(--sans);cursor:pointer}.auth-submit:disabled{cursor:not-allowed;opacity:.55}.auth-privacy{margin:22px 0 0;border-top:1px solid #e3e6e9;padding-top:16px;text-align:center;color:#8d969f;font-size:11px}
@media(max-width:1120px){.desktop-nav{gap:18px}.site-nav{gap:16px}}
@media(max-width:1023px){.desktop-nav{display:none}.mobile-menu-button{display:inline-grid}.nav-tools{margin-left:auto}.site-nav{height:64px}}
@media(max-width:850px){.site-shell,.shell{width:100%;padding-right:16px;padding-left:16px}.utility-row{justify-content:space-between}.utility-contact .utility-address,.utility-contact .utility-phone,.utility-actions>a:not(.locale-switch){display:none}.reference-hero{min-height:0;padding-top:50vw}.hero-visual{height:50vw;background:linear-gradient(transparent,transparent),url('/assets/images/hero/sg-skyline.jpg') 68% center/cover no-repeat}.hero-content{padding-top:56px;padding-bottom:56px}.hero-content h1{font-size:31px}.hero-stats{grid-template-columns:1fr 1fr;max-width:400px}.search-panel{top:100px}.ref-page-hero .site-shell{padding-right:16px;padding-bottom:70px;padding-left:16px}.ref-content-layout,.ref-contact-grid,.author-access-grid,.submission-layout{padding-right:16px;padding-left:16px}}

.news-reference-body{max-width:1280px}.news-source-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.news-source-tabs>*{border:1px solid #cfd5dc;border-radius:6px;background:#fff;padding:8px 13px;color:#49525c;font-size:12px}.news-source-tabs b{border-color:var(--az);background:var(--az);color:#fff}.news-source-tabs span{margin-left:7px;border-radius:3px;background:#ffffff24;padding:2px 5px}.news-reference-body .ref-news-list{max-width:none}.news-reference-body .ref-news-row{grid-template-columns:130px minmax(0,1fr) 180px;align-items:center;gap:26px;padding:24px 0}.news-reference-body .ref-news-row>div>span{display:block;margin-bottom:5px;color:var(--az);font-size:10px;font-weight:700;letter-spacing:.08em}.news-reference-body .ref-news-row p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.7}.news-reference-body .ref-news-row img{width:180px;height:112px;border:1px solid var(--line);border-radius:6px;background:#f0f1f3;object-fit:cover}.news-subscribe{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin-top:55px;border-radius:6px;background:linear-gradient(90deg,#081221,#123a5e);padding:36px;color:#fff}.news-subscribe h2{margin:0;font:600 25px var(--serif)}.news-subscribe p{margin:6px 0 0;color:#c3d0e2;font-size:13px}.news-subscribe form{display:flex;overflow:hidden;border:1px solid #ffffff55;border-radius:5px;background:#fff}.news-subscribe input[type=email]{min-width:0;flex:1;border:0;padding:13px;font:14px var(--sans);outline:0}.news-subscribe button{border:0;background:var(--az);padding:0 22px;color:#fff;font-weight:700}.news-subscribe .honeypot{display:none!important}@media(max-width:850px){.news-reference-body .ref-news-row{grid-template-columns:100px minmax(0,1fr) 130px}.news-reference-body .ref-news-row img{width:130px;height:92px}.news-subscribe{grid-template-columns:1fr;gap:20px}}@media(max-width:520px){.news-reference-body .ref-news-row{grid-template-columns:1fr;gap:8px}.news-reference-body .ref-news-row img{width:100%;height:160px;grid-row:1}.news-subscribe{padding:24px 18px}.news-subscribe form{display:grid}.news-subscribe button{min-height:42px}}
.ref-pagination a.wide{width:auto;padding-right:11px;padding-left:11px}.ref-pagination>span{display:grid;min-width:22px;height:34px;place-items:center;color:#8d969f}
@media(min-width:640px) and (max-width:1023px){.site-shell{padding-right:24px;padding-left:24px}.nav-tools>.portal-link{display:inline-flex}.nav-tools>.portal-link span{display:inline}}
@media(min-width:640px) and (max-width:850px){.utility-contact .utility-phone,.utility-actions>a:not(.locale-switch){display:inline-flex}}
@media(min-width:768px) and (max-width:850px){.utility-contact .utility-address{display:inline-flex}}
@media(max-width:639px){.nav-tools>.portal-link,.nav-tools>.submit-link{display:none}.drawer-actions .portal-link,.drawer-actions .submit-link{display:inline-flex}.publishing-section{padding-top:64px;padding-bottom:64px}.publishing-heading h2{font-size:30px;line-height:37.5px}}
@media(max-width:520px){.utility-contact{min-width:0}.utility-contact>a:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utility-actions{gap:8px}.reference-brand{gap:11px}.reference-brand strong{font-size:18px}.reference-brand small{font-size:10px}.nav-tools{gap:3px}.search-link{display:inline-grid;width:38px;height:38px}.drawer-actions .submit-link{display:inline-flex}.hero-content h1{font-size:27.2px;line-height:1.2}.ref-filter-panel{padding:16px}.ref-filter-search button{padding-right:15px;padding-left:15px}.ref-filter-search button .icon{display:none}.ref-az-filter a{width:30px;height:30px}.auth-reference-page>.site-shell{padding:32px 16px 55px}.auth-reference-card{padding:24px 20px}.auth-reference-card h1{font-size:30px}.auth-reference-card h1 small{display:block;margin:4px 0 0;font-size:16px}.form-cols{grid-template-columns:1fr}.cookie-banner>.site-shell{align-items:stretch;flex-direction:column;gap:10px}.cookie-banner p{font-size:13px}.cookie-banner>div>div{width:100%}.cookie-banner button{flex:1}.footer-main{padding-top:45px;padding-bottom:45px}}

/* 官网后台内容页。结构由经过清理的 data-block/data-layout 语义标记驱动。 */
.cms-page-hero{position:relative;overflow:hidden;border-bottom:1px solid #c3d0e2;background:#eaf2f9 url('/assets/images/banners/generic.jpg') center/cover no-repeat}
.cms-page-hero:before{position:absolute;inset:0;background:#f8fbfdd9;content:""}
.cms-page-hero>.site-shell{position:relative;padding-top:48px;padding-bottom:55px}
.cms-page-about{background-image:url('/assets/images/banners/about.jpg')}.cms-page-authors{background-image:url('/assets/images/banners/authors.jpg')}.cms-page-reviewers{background-image:url('/assets/images/banners/reviewers.jpg')}.cms-page-payment{background-image:url('/assets/images/banners/payment.jpg')}.cms-page-submission-guidelines,.cms-page-ethics,.cms-page-open-access,.cms-page-privacy,.cms-page-terms,.cms-page-cookies,.cms-page-new-journal{background-image:url('/assets/images/banners/generic.jpg')}
.cms-listing-call{background-image:url('/assets/images/banners/calls.jpg')}.cms-listing-event{background-image:url('/assets/images/banners/generic.jpg')}.cms-listing-story{background-image:url('/assets/images/banners/stories.jpg')}.cms-listing-resource{background-image:url('/assets/images/banners/resources.jpg')}.cms-listing-partnership{background-image:url('/assets/images/banners/partnerships.jpg')}
.cms-hero-eyebrow,.cms-eyebrow{margin:0;color:var(--az);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.cms-page-hero h1{margin:13px 0 0;color:#171a1f;font:600 38px/1.2 var(--serif)}.cms-page-hero h1 small{margin-left:12px;color:#8d969f;font:400 18px var(--sans)}
.cms-hero-summary{max-width:790px;margin:16px 0 0;color:#4f5a64;font-size:15px;line-height:1.75}
.cms-reference-page{background:#f1f4f3}.cms-reference-content,.cms-listing-page{padding-top:54px;padding-bottom:76px}
.cms-reference-content>nav{display:flex;position:sticky;top:100px;z-index:5;gap:26px;margin:-54px 0 48px;padding:0;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
.cms-reference-content>nav a{border-bottom:2px solid transparent;padding:13px 0 11px;color:#5f6b76;font-size:12px}.cms-reference-content>nav a:first-child,.cms-reference-content>nav a:hover{border-bottom-color:var(--az);color:var(--az)}
.cms-reference-content>section{margin-top:58px}.cms-reference-content>section:first-of-type{margin-top:0}.cms-reference-content section[data-block]{scroll-margin-top:135px}
.cms-reference-content section[data-block]>h2,.cms-section-heading h2,.cms-partnership-process>h2,.cms-partnership-contact h2{margin:9px 0 0;border-top:2px solid #171a1f;padding-top:14px;color:#171a1f;font:600 27px/1.25 var(--serif)}
.cms-reference-content section[data-block]>h2 small,.cms-reference-content h2>small,.cms-reference-content h3>small{display:none}
.cms-reference-content section[data-block]>p{max-width:980px;margin:18px 0 0;color:#4f5a64;font-size:14px;line-height:1.85}
.cms-reference-content h3{margin:0;color:#171a1f;font:600 18px/1.35 var(--serif)}
.cms-reference-content ul[data-layout],.cms-reference-content ol[data-layout]{margin:24px 0 0;padding:0;list-style:none}
.cms-reference-content [data-layout="cards"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cms-reference-content [data-layout="cards"]>li,.cms-reference-content [data-layout="cards"]>article{min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;padding:20px}
.cms-reference-content [data-layout="cards"]>li:nth-child(4n+1){border-color:#b8d9ee;background:#edf6fb}.cms-reference-content [data-layout="cards"]>li:nth-child(4n+2){border-color:#ead69b;background:#fff9e9}.cms-reference-content [data-layout="cards"]>li:nth-child(4n+3){border-color:#afe0cb;background:#ebf8f2}.cms-reference-content [data-layout="cards"]>li:nth-child(4n){border-color:#d3c6f0;background:#f5f1fc}
.cms-reference-content [data-layout="cards"] li>span,.cms-reference-content [data-layout="cards"] article>span{display:block;margin-top:8px;color:#5f6b76;font-size:13px;line-height:1.7}
.cms-reference-content [data-layout="cards"] img{width:calc(100% + 40px);max-width:none;height:145px;margin:-20px -20px 18px;object-fit:cover}
.cms-reference-content [data-layout="steps"]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:cms-step}
.cms-reference-content [data-layout="steps"]>li{counter-increment:cms-step;min-height:125px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:18px;color:#37414a;font-size:13px;line-height:1.7}
.cms-reference-content [data-layout="steps"]>li:before{display:block;margin-bottom:12px;color:var(--az);font:600 italic 15px var(--serif);content:counter(cms-step,decimal-leading-zero)}
.cms-reference-content ul:not([data-layout]){margin:20px 0 0;padding:0;list-style:none}.cms-reference-content ul:not([data-layout])>li{position:relative;margin-top:11px;padding-left:23px;color:#4f5a64;font-size:14px;line-height:1.75}.cms-reference-content ul:not([data-layout])>li:before{position:absolute;top:8px;left:2px;width:7px;height:9px;border:1px solid var(--az);border-radius:1px;content:""}
.cms-reference-content table{width:100%;margin-top:24px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;color:#4f5a64;font-size:13px}.cms-reference-content th,.cms-reference-content td{border-bottom:1px solid #e8eaed;padding:12px 15px;text-align:left}.cms-reference-content th{background:#eaf2f9;color:#5f6b76;font-size:11px}.cms-reference-content tr:last-child td{border-bottom:0}
.cms-reference-content details{border-bottom:1px solid var(--line);padding:13px 0}.cms-reference-content details:first-of-type{margin-top:18px;border-top:2px solid #171a1f}.cms-reference-content summary{cursor:pointer;color:#262c33;font-size:13px;font-weight:600}.cms-reference-content details p{margin:10px 0 0;color:#5f6b76;font-size:13px;line-height:1.75}
.cms-reference-content [data-block="split"]{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cms-reference-content [data-block="split"]>div{border:1px solid var(--line);border-radius:6px;background:#fff;padding:24px}.cms-reference-content [data-block="callout"]{border:1px solid #b8d9ee;border-radius:6px;background:#edf6fb;padding:24px}.cms-reference-content [data-block="callout"]>h2{border:0;padding-top:0}
.cms-reference-content [data-block="split"] img{display:block;width:calc(100% + 48px);max-width:none;height:180px;margin:-24px -24px 20px;object-fit:cover}
.cms-reference-content [data-block="contact"]{display:grid;grid-template-columns:2fr 1fr;gap:24px}.cms-reference-content [data-block="contact"]>div{min-height:230px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:28px}.cms-reference-content [data-block="contact"]>div:first-child{background:#fff url('/assets/images/about/contact-office.jpg') center/cover no-repeat;background-blend-mode:screen}
.cms-reference-content [data-block="cta"]{border:1px solid var(--line);border-radius:6px;background:#fff;padding:28px;text-align:center}.cms-reference-content [data-block="cta"]>h2{border:0;padding:0}
.cms-reference-content a{color:var(--az);font-weight:600}.cms-reference-content a:hover{text-decoration:underline}
.cms-reference-content section[data-block="form"]{border-top:1px solid var(--line);padding-top:40px}.cms-application-form{margin-top:24px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:26px}.cms-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.cms-form-grid label{color:#5f6b76;font-size:12px;font-weight:600}.cms-form-grid .wide{grid-column:1/-1}.cms-form-grid input,.cms-form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #bfc6cd;border-radius:5px;background:#fff;padding:10px;color:#262c33;font:14px var(--sans)}.cms-application-form>.button{margin-top:19px}
.cms-section-heading{margin-bottom:28px}.cms-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cms-listing-grid article{overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff}.cms-listing-image{display:block;overflow:hidden;aspect-ratio:16/7;background:#e8ecef}.cms-listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.cms-listing-grid article:hover img{transform:scale(1.025)}.cms-listing-grid article>div{padding:20px}.cms-listing-grid article>div>p{margin:0;color:var(--az);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.cms-listing-grid h3{margin:8px 0;color:#171a1f;font:600 19px/1.4 var(--serif)}.cms-listing-grid article>div>span{display:block;color:#5f6b76;font-size:13px;line-height:1.7}.cms-more{display:inline-block;margin-top:14px;color:var(--az);font-size:12px;font-weight:700}
.cms-partnership-process,.cms-partnership-contact{margin-top:60px;border-top:1px solid var(--line);padding-top:28px}.cms-partnership-process>h2,.cms-partnership-contact h2{border:0;padding-top:0}.cms-partnership-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 0;padding:0;list-style:none}.cms-partnership-process li{min-height:110px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:18px;color:#37414a;font-size:13px}.cms-partnership-process em{display:block;margin-bottom:12px;color:var(--az);font:600 italic 15px var(--serif)}
.cms-partnership-contact{display:grid;grid-template-columns:2fr 1fr;gap:24px}.cms-partnership-contact aside{align-self:end;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff}.cms-partnership-contact aside img{width:100%;height:160px;object-fit:cover}.cms-partnership-contact aside h3,.cms-partnership-contact aside a,.cms-partnership-contact aside p{display:block;margin-right:20px;margin-left:20px}.cms-partnership-contact aside h3{margin-top:18px}.cms-partnership-contact aside a{margin-top:9px;color:var(--az);font-weight:700}.cms-partnership-contact aside p{margin-top:10px;margin-bottom:22px;color:#5f6b76;font-size:12px;line-height:1.65}
@media(max-width:850px){.cms-page-hero>.site-shell{padding:40px 16px 45px}.cms-reference-content,.cms-listing-page{padding:44px 16px 60px}.cms-reference-content>nav{top:100px;overflow-x:auto;gap:20px;margin:-44px -16px 36px;padding:0 16px;white-space:nowrap}.cms-reference-content [data-layout="cards"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-reference-content [data-layout="steps"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-partnership-contact{grid-template-columns:1fr}.cms-partnership-contact aside{display:grid;grid-template-columns:220px 1fr;align-items:center}.cms-partnership-contact aside img{grid-row:1/4;width:220px;height:100%}.cms-reference-content [data-block="contact"]{grid-template-columns:1fr}}
@media(max-width:520px){.cms-page-hero>.site-shell{padding-top:32px;padding-bottom:36px}.cms-page-hero h1{font-size:28px}.cms-page-hero h1 small{display:block;margin:6px 0 0;font-size:15px}.cms-reference-content>section{margin-top:42px}.cms-reference-content section[data-block]>h2,.cms-section-heading h2{font-size:23px}.cms-reference-content [data-layout="cards"],.cms-reference-content [data-layout="steps"],.cms-reference-content [data-block="split"],.cms-listing-grid,.cms-partnership-process ol{grid-template-columns:1fr}.cms-form-grid{grid-template-columns:1fr}.cms-form-grid .wide{grid-column:auto}.cms-application-form{padding:20px 16px}.cms-partnership-contact aside{display:block}.cms-partnership-contact aside img{width:100%;height:150px}}

/* 作者服务：与官网参考模板共用同一视觉体系。 */
[hidden]{display:none!important}
.auth-method-tabs{margin-top:24px}.auth-method-tabs button{border:0;background:transparent;color:#6c7681;font:500 12px var(--sans);cursor:pointer}.auth-method-tabs button.active{background:#eaf2f9;color:var(--az);font-weight:700}.auth-form-links{display:flex;justify-content:flex-end;margin-top:-7px}.auth-form-links a{color:var(--az);font-size:12px;font-weight:600}.code-input{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.code-input button{border:1px solid #bfc6cd;border-radius:6px;background:#f6f7f9;color:var(--az2);font:600 12px var(--sans);cursor:pointer}.code-input button:disabled{cursor:not-allowed;opacity:.55}.form-feedback{min-height:19px;margin:0;color:#9b3030;font-size:12px}.check-label,.auth-reference-form .check-label{display:flex!important;align-items:flex-start;gap:9px;color:#49525c;font-size:12px;font-weight:400}.check-label input,.auth-reference-form .check-label input{width:16px!important;height:16px!important;flex:none;margin:2px 0 0!important;padding:0}.check-label span,.auth-reference-form .check-label span{display:block;margin:0}.submission-form{display:grid;gap:28px;padding:0;border:0}.form-section{border-top:2px solid #171a1f;padding-top:15px}.form-section h2{margin:0 0 18px;color:var(--az);font:italic 13px var(--serif)}.form-section h2 span{margin-left:8px;color:#171a1f;font:600 21px var(--serif)}.form-card textarea,.portal-form textarea,.action-form textarea{min-height:110px;resize:vertical}.upload-field{margin:15px 0;border:1px solid #d9dde2;border-radius:5px;background:#f8fafb;padding:14px}.upload-field label{margin:0}.upload-field input[type=file],.action-form input[type=file]{border:1px dashed #94abca;background:#fff;padding:12px}.upload-field>[data-upload-status],.action-form>[data-upload-status]{display:block;margin-top:7px;color:#046c4e;font-size:12px}.button:disabled{cursor:not-allowed;opacity:.55}
.portal-sidebar nav a,.portal-sidebar .text-button{display:flex;align-items:center;gap:8px}.portal-sidebar .text-button{border:0;background:transparent;padding:10px 11px;font:13px var(--sans);cursor:pointer}.portal-title .button{display:inline-flex;align-items:center;gap:7px}.portal-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.portal-section-head h3{margin:0}.portal-section-head>span{display:grid;min-width:27px;height:27px;place-items:center;border-radius:4px;background:#eaf2f9;color:var(--az);font-size:11px;font-weight:700}.portal-section-head form{margin:0}.text-button{border:0;background:transparent;color:var(--az);font:600 12px var(--sans);cursor:pointer}.portal-row{text-decoration:none}.portal-message{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;border-top:1px solid var(--line);padding:14px 0}.portal-message.unread{border-left:3px solid var(--az);padding-left:12px}.portal-message strong{color:#262c33}.portal-message p{margin:4px 0;color:#5f6b76;font-size:13px}.portal-message small{color:#8d969f}.portal-message form{margin:0}.portal-message .icon-button{width:34px;height:34px}.portal-form,.preference-form{display:grid;gap:15px;border-top:1px solid var(--line);margin-top:14px;padding-top:17px}.portal-form label,.action-form label{color:#5f6b76;font-size:12px;font-weight:600}.portal-form input,.portal-form textarea,.portal-form select,.action-form input,.action-form textarea,.action-form select{display:block;width:100%;margin-top:6px;border:1px solid #bfc6cd;border-radius:5px;background:#fff;padding:10px;color:#262c33;font:14px var(--sans)}.portal-form .button,.preference-form .button{justify-self:start}.preference-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:14px;padding-top:17px}.preference-form .button{grid-column:1/-1}
.portal-detail{min-height:650px;background:#f6f7f9;padding:48px 0 75px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;border-top:2px solid #171a1f;background:#fff;padding:22px}.detail-head p{margin:0;color:var(--az);font-size:11px;font-weight:700;letter-spacing:.12em;overflow-wrap:anywhere}.detail-head h1{max-width:900px;margin:9px 0 0;color:#171a1f;font:600 30px/1.35 var(--serif);overflow-wrap:anywhere}.status-badge{flex:none;border-radius:4px;background:#eaf2f9;padding:6px 10px;color:var(--az);font-size:11px;font-weight:700}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin-top:24px}.detail-main{display:grid;gap:20px;min-width:0}.detail-actions{min-width:0}.portal-card{border:1px solid var(--line);border-radius:5px;background:#fff;padding:22px;overflow-wrap:anywhere}.portal-card h2{margin:0 0 15px;color:#171a1f;font:600 20px var(--serif)}.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}.detail-facts>div{border-bottom:1px solid var(--line);padding:11px 0}.detail-facts>div:nth-child(odd){padding-right:20px}.detail-facts dt{color:#8d969f;font-size:10px;letter-spacing:.08em}.detail-facts dd{margin:3px 0 0;color:#39424b;font-size:13px;overflow-wrap:anywhere}.timeline article{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);gap:12px;padding:0 0 20px}.timeline article:before{position:absolute;top:10px;bottom:-2px;left:5px;width:1px;background:#d9dde2;content:""}.timeline article:last-child:before{display:none}.timeline i{position:relative;z-index:1;width:11px;height:11px;margin-top:4px;border:2px solid var(--az);border-radius:50%;background:#fff}.timeline strong{color:#262c33}.timeline p{margin:4px 0;color:#5f6b76;font-size:13px}.timeline small,.review-note small{color:#8d969f;font-size:11px}.review-note{border-top:1px solid var(--line);padding:14px 0}.review-note p{color:#49525c;white-space:pre-wrap}.button.secondary{display:inline-flex;border:1px solid #bfc6cd;background:#fff;color:var(--az2)}.button.danger{background:#9b3030}.action-form{display:grid;gap:12px;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.action-form.compact label{margin:0}.action-form .button{width:100%}.danger-zone{margin-top:24px;border-top-color:#e4bcbc}.proof-file{display:grid;gap:4px;border:1px solid #d9dde2;border-radius:5px;background:#f8fafb;padding:12px}.proof-file a{color:var(--az);overflow-wrap:anywhere}
@media(max-width:850px){.detail-grid{grid-template-columns:1fr}.detail-actions{order:-1}.preference-form{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-detail>.site-shell{padding-right:16px;padding-left:16px}}
@media(max-width:520px){.code-input{grid-template-columns:minmax(0,1fr) 100px}.submission-form{gap:23px}.form-section h2 span{font-size:18px}.portal-row{grid-template-columns:1fr}.portal-message{grid-template-columns:minmax(0,1fr) auto}.preference-form{grid-template-columns:1fr 1fr}.detail-head{flex-direction:column;gap:14px;padding:18px}.detail-head h1{font-size:25px}.detail-facts{grid-template-columns:1fr}.detail-facts>div:nth-child(odd){padding-right:0}.portal-card{padding:18px}}

/* 2026-09-22: homepage numbering, submission flow and author portal parity. */
.reference-section .reference-heading{max-width:none}
.reference-section .reference-heading>span{max-width:672px}
.publish-connector{z-index:0}
.publish-steps>li{z-index:1}

.submit-template-hero:before{background:linear-gradient(90deg,#eaf2f9ed 0%,#eaf2f9c9 46%,#ffffff96 100%)}
.submit-template-hero .site-shell{padding:40px 32px}
.submit-template-title{position:relative;max-width:760px}
.submit-template-title h1{margin:0;color:#171a1f;font:600 38px/1.2 var(--serif)}
.submit-template-title h1 small{margin-left:12px;color:#8d969f;font:400 20px var(--serif)}
.submit-template-title>span{display:block;max-width:720px;margin-top:12px;color:#5f6b76;font-size:15px;line-height:1.7}
.submission-session-bar{display:flex;align-items:center;gap:18px;margin-top:20px;border:1px solid #d9dde2;border-radius:6px;background:#ffffffd9;padding:11px 14px}
.submission-session-bar p{display:flex;min-width:0;flex:1;align-items:center;gap:8px;margin:0;color:#5f6b76;font-size:13px}
.submission-session-bar p .icon{color:var(--az);font-size:16px}
.submission-session-bar a{flex:none;border:1px solid #c7cdd3;border-radius:5px;background:#fff;padding:6px 10px;color:#37414b;font-size:12px;font-weight:600}
.submission-template-page{min-height:540px;border-bottom:1px solid var(--line);background:#f6f7f9;padding:40px 0 76px}
.submit-progress{display:flex;align-items:flex-start;margin:0 0 34px;padding:0;list-style:none}
.submit-progress li{position:relative;display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;text-align:center}
.submit-progress li:not(:last-child):after{position:absolute;top:16px;left:calc(50% + 25px);z-index:0;width:calc(100% - 50px);height:1px;background:#d9dde2;content:""}
.submit-progress li.active:not(:last-child):after{background:linear-gradient(90deg,var(--az) 0,var(--az) 30%,#d9dde2 30%,#d9dde2 100%)}
.submit-progress li>span{position:relative;z-index:1;display:grid;width:34px;height:34px;place-items:center;border:1px solid #cfd5dc;border-radius:50%;background:#fff;color:#9aa1a8;font-size:12px;font-weight:600}
.submit-progress li.active>span{border-color:var(--az);color:var(--az);box-shadow:0 0 0 4px #dcecf7}
.submit-progress li>b{overflow:hidden;max-width:100%;margin-top:8px;color:#7c8792;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.submit-progress li.active>b{color:var(--az2);font-weight:700}
.submit-mobile-progress{display:none}
.submission-notice{margin:0 0 22px}
.submission-unavailable{display:flex;min-height:250px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #bfc9d3;border-radius:6px;background:#fff;padding:42px;text-align:center}
.submission-unavailable>div{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#eaf2f9;color:var(--az);font-size:20px}
.submission-unavailable h2{margin:16px 0 0;color:#171a1f;font:600 23px var(--serif)}
.submission-unavailable p{max-width:610px;margin:8px 0 20px;color:#6c7681;font-size:13px;line-height:1.75}
.submission-unavailable .button{display:inline-flex;align-items:center;justify-content:center}
.submission-template-form{max-width:980px;margin:0 auto;border:1px solid var(--line);border-radius:6px;background:#fff;padding:28px}

.portal-template-hero{border-bottom:1px solid #c3d0e2;background:linear-gradient(180deg,#dcecf7 0%,#eef5f9 72%,#fff 100%)}
.portal-template-hero .site-shell{padding-top:31px;padding-bottom:33px}
.portal-template-hero p{margin:0;color:var(--az2);font-size:11px;font-weight:700;letter-spacing:.28em}
.portal-template-hero h1{margin:8px 0 0;color:#171a1f;font:600 31px/1.25 var(--serif)}
.portal-template-hero h1 small{margin-left:10px;color:#7c8792;font:400 18px var(--serif)}
.portal-template-page{min-height:650px;border-bottom:1px solid var(--line);background:#f6f7f9;padding:32px 0 76px}
.portal-template-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}
.portal-template-sidebar{display:flex;min-width:0;flex-direction:column;align-self:start}
.portal-template-sidebar nav{display:grid;gap:3px}
.portal-template-sidebar nav a{display:flex;min-height:44px;align-items:center;gap:10px;border-radius:6px;padding:10px 14px;color:#5f6b76;font-size:14px;font-weight:500}
.portal-template-sidebar nav a:hover,.portal-template-sidebar nav a.active{background:#eaf2f9;color:var(--az2)}
.portal-template-sidebar nav a.active{font-weight:700}
.portal-template-sidebar nav a>span{display:grid;min-width:21px;height:21px;margin-left:auto;place-items:center;border-radius:50%;background:var(--az);color:#fff;font-size:10px}
.portal-template-sidebar .icon{font-size:16px}
.portal-template-sidebar form{margin:28px 0 0}
.portal-template-sidebar .text-button{display:flex;align-items:center;gap:8px;padding:10px 14px;color:#7c8792}
.portal-template-content{min-width:0}
.portal-template-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.portal-template-heading h2{margin:0;color:#171a1f;font:600 25px/1.3 var(--serif)}
.portal-template-heading p{margin:4px 0 0;color:#7c8792;font-size:13px}
.portal-template-heading .button{display:inline-flex;min-height:38px;flex:none;align-items:center;gap:7px}
.portal-tabs{display:flex;overflow-x:auto;gap:25px;margin-top:23px;border-bottom:1px solid var(--line)}
.portal-tabs a{display:flex;flex:none;align-items:center;gap:6px;border-bottom:2px solid transparent;padding:0 1px 10px;color:#6c7681;font-size:13px}
.portal-tabs a.active{border-color:var(--az);color:var(--az);font-weight:700}
.portal-tabs span{display:grid;min-width:20px;height:20px;place-items:center;border-radius:50%;background:#eaf2f9;color:var(--az);font-size:10px}
.portal-template-sidebar nav,.portal-tabs{scrollbar-width:none}
.portal-template-sidebar nav::-webkit-scrollbar,.portal-tabs::-webkit-scrollbar{display:none}
.portal-service-empty{display:flex;min-height:230px;flex-direction:column;align-items:center;justify-content:center;margin-top:22px;border:1px dashed #c3cbd3;border-radius:6px;background:#fff;padding:35px;text-align:center}
.portal-service-empty>.icon{color:#7ca9c9;font-size:25px}
.portal-service-empty h3{margin:13px 0 0;color:#171a1f;font:600 20px var(--serif)}
.portal-service-empty p{max-width:590px;margin:7px 0 0;color:#7c8792;font-size:13px;line-height:1.7}
.portal-template-grid{margin-top:22px}
.portal-template-grid>section{border-radius:6px}
.portal-list-head,.portal-manuscript-panel .portal-row{display:grid;grid-template-columns:150px minmax(0,1fr) 120px;gap:16px}
.portal-list-head{border-bottom:1px solid var(--line);padding:0 0 10px;color:#8d969f;font-size:11px}
.portal-manuscript-panel .portal-row{align-items:start}

@media(max-width:850px){.submit-template-hero .site-shell{padding:34px 16px}.submission-template-page{padding-top:30px}.portal-template-layout{grid-template-columns:1fr}.portal-template-sidebar nav{display:flex;overflow-x:auto}.portal-template-sidebar nav a{flex:none}.portal-template-sidebar form{margin-top:14px}.portal-template-hero .site-shell{padding-right:16px;padding-left:16px}}
@media(max-width:639px){.submit-template-title h1{font-size:31px}.submit-template-title h1 small{display:block;margin:5px 0 0;font-size:17px}.submission-session-bar{align-items:flex-start;flex-direction:column;gap:9px}.submit-progress{display:none}.submit-mobile-progress{display:block;margin-bottom:26px}.submit-mobile-progress p{margin:0;color:#171a1f;font-size:13px;font-weight:600}.submit-mobile-progress p span{margin-left:9px;color:#6c7681;font-weight:500}.submit-mobile-progress>div{height:6px;overflow:hidden;margin-top:8px;border-radius:99px;background:#e5e7eb}.submit-mobile-progress i{display:block;width:20%;height:100%;border-radius:inherit;background:var(--az)}.submission-unavailable{min-height:230px;padding:28px 20px}.submission-template-form{padding:20px 16px}.portal-template-heading{align-items:flex-start;flex-direction:column}.portal-template-heading .button{width:100%;justify-content:center}.portal-list-head{display:none}.portal-manuscript-panel .portal-row{grid-template-columns:1fr}.portal-template-page{padding-top:26px}}

.book-reference-detail{padding:55px 0 80px}.book-detail-hero{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;align-items:start}.book-detail-hero>img{width:100%;aspect-ratio:3/4;border:1px solid var(--line);border-radius:5px;object-fit:cover}.book-detail-hero h1{max-width:800px;margin:11px 0;color:#171a1f;font:600 38px/1.25 var(--serif)}.book-author{color:var(--az);font-size:14px;font-weight:600}.book-detail-hero .lead{max-width:760px;color:#49525c;font-size:15px;line-height:1.8}.book-detail-hero dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;border-top:2px solid #171a1f}.book-detail-hero dl>div{border-bottom:1px solid var(--line);padding:12px 16px 12px 0}.book-detail-hero dt{color:#8d969f;font-size:10px;letter-spacing:.1em}.book-detail-hero dd{margin:4px 0 0;color:#39424b;font-size:13px;overflow-wrap:anywhere}.book-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:55px;margin-top:55px}.book-content-grid aside{display:grid;align-content:start;gap:24px}.book-content-grid aside section{border-top:2px solid #171a1f;padding-top:13px}.book-content-grid aside h2{margin:0;color:#171a1f;font:600 19px var(--serif)}.book-content-grid aside ul,.book-content-grid aside ol{margin:12px 0 0;padding-left:20px;color:#5f6b76;font-size:13px;line-height:1.75}
@media(max-width:850px){.book-detail-hero{grid-template-columns:210px minmax(0,1fr);gap:30px}.book-content-grid{grid-template-columns:1fr}.book-content-grid aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.book-reference-detail>.site-shell{padding-right:16px;padding-left:16px}.book-detail-hero{grid-template-columns:110px minmax(0,1fr);gap:18px}.book-detail-hero h1{font-size:26px}.book-detail-hero .lead{grid-column:1/-1}.book-detail-hero dl{grid-column:1/-1;grid-template-columns:1fr}.book-content-grid{margin-top:38px}.book-content-grid aside{grid-template-columns:1fr}}

.book-detail-hero-v2{background:linear-gradient(112deg,#eef6fb 0,#e6f2f9 48%,#f8fbfd 100%);border-bottom:1px solid var(--line)}
.book-detail-hero-inner{display:grid;grid-template-columns:192px minmax(0,1fr);gap:34px;padding-top:48px;padding-bottom:48px}
.book-detail-cover{position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#eef1f3;box-shadow:0 6px 15px rgba(19,42,69,.08)}
.book-detail-cover img{width:100%;height:100%;object-fit:cover}
.book-detail-summary{min-width:0}
.book-subject{margin:0;color:var(--az);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.book-detail-summary h1{margin:12px 0 0;color:#171a1f;font:600 36px/1.2 var(--serif);overflow-wrap:anywhere}
.book-title-secondary{margin:3px 0 0;color:#7c8792;font-size:18px}
.book-detail-rich>h2:first-child{display:none}
.book-status{display:inline-block;margin-top:15px;border-radius:3px;background:#eaf4fb;padding:4px 9px;color:var(--az);font-size:11px;font-weight:600}
.book-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 26px;margin:24px 0 0}
.book-metadata div{min-width:0}
.book-metadata dt{color:#8d969f;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.book-metadata dd{margin:4px 0 0;color:#27313a;font-size:13px;font-weight:500;line-height:1.55;overflow-wrap:anywhere}
.book-channel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:23px}
.book-channel-actions>a{display:inline-flex;min-height:45px;max-width:260px;align-items:center;gap:9px;border:1px solid #cdd4da;border-radius:5px;background:#fff;padding:6px 13px;color:#42515f;font:600 12px var(--sans);transition:.15s}
.book-channel-actions>a:hover{border-color:#8eabc2;background:#f6fafc;color:var(--az)}
.book-channel-actions>a.is-primary{border-color:var(--az);background:var(--az);color:#fff}.book-channel-actions>a.is-primary:hover{background:#063f70}
.book-channel-actions>a>.icon{width:17px;height:17px;flex:none}.book-channel-actions>a>span{display:grid;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-channel-actions>a small{color:#8d969f;font-size:8px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.book-channel-actions>a.is-primary small{color:#d7ebfa}
.book-detail-body{padding-top:48px;padding-bottom:66px}
.book-detail-section{margin-top:48px}
.book-detail-section:first-child{margin-top:0}
.book-detail-section>h2{margin:0;border-top:2px solid #171a1f;padding-top:14px;color:#171a1f;font:600 24px var(--serif)}
.book-detail-section>h2 small{margin-left:9px;color:#8d969f;font:400 13px var(--sans)}
.book-detail-section>p,.book-detail-rich{max-width:900px;margin:20px 0 0;color:#4f5a64;font-size:14px;line-height:1.85}
.book-detail-rich h2{display:none}
.book-detail-rich p{margin:0 0 12px}
.book-chapter-list{margin:24px 0 0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#fff;list-style:none}
.book-chapter-list li{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:baseline;gap:15px;border-top:1px solid #edf0f2;padding:13px 17px}
.book-chapter-list li:first-child{border-top:0}
.book-chapter-list em{color:var(--az);font:600 italic 13px var(--serif)}
.book-chapter-list span{min-width:0;color:#37414a;font-size:13px}
.book-chapter-list span small{margin-left:8px;color:#8d969f;font-size:11px}
.book-chapter-list b{color:var(--az);font-size:11px;font-weight:600;white-space:nowrap}
.book-chapter-read{color:var(--az);font-size:11px;font-weight:600;white-space:nowrap}
.book-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}
.book-related-grid article{min-width:0}
.book-related-cover{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#eef1f3;transition:transform .2s ease}
.book-related-grid article:hover .book-related-cover{transform:translateY(-3px)}
.book-related-cover img{width:100%;height:100%;object-fit:cover}
.book-related-cover>span{position:absolute;top:9px;right:9px;border-radius:3px;background:#eef7fc;padding:3px 6px;color:var(--az);font-size:9px}
.book-related-grid article>p{margin:10px 0 0;color:#8d969f;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.book-related-grid h3{margin:3px 0 0;color:#171a1f;font:600 16px/1.35 var(--serif)}
.book-related-grid article>small{display:block;margin-top:3px;color:#7c8792;font-size:11px}
.book-back-link{margin-top:48px;border-top:1px solid var(--line);padding-top:20px}
.book-back-link a{display:inline-flex;align-items:center;gap:7px;color:var(--az);font-size:13px;font-weight:600}
.book-detail-content-v2{background:#f1f4f3}
.footer-links{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.footer-follow{display:flex;align-items:center;gap:13px;margin-top:20px;border-top:1px solid #262c33;padding-top:17px}
.footer-follow>span{display:grid;width:64px;height:64px;flex:none;place-items:center;border:1px solid #4b5159;border-radius:5px;background:#fff;color:#6c7681}
.footer-follow>span .icon{font-size:36px}
.footer-follow>span img{display:block;width:100%;height:100%;border-radius:4px;object-fit:cover}
.footer-follow p{margin:0;color:#8d969f}
.footer-follow b{display:block;color:#9aa1a8;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.footer-follow small{display:block;max-width:240px;margin-top:4px;font-size:10px;line-height:1.55}
.cms-reference-content [data-align="left"],.ref-rich [data-align="left"],.book-detail-body [data-align="left"]{text-align:left}.cms-reference-content [data-align="center"],.ref-rich [data-align="center"],.book-detail-body [data-align="center"]{text-align:center}.cms-reference-content [data-align="right"],.ref-rich [data-align="right"],.book-detail-body [data-align="right"]{text-align:right}.cms-reference-content [data-align="justify"],.ref-rich [data-align="justify"],.book-detail-body [data-align="justify"]{text-align:justify}
@media(max-width:850px){.book-detail-hero-inner{grid-template-columns:160px minmax(0,1fr);gap:26px}.book-detail-summary h1{font-size:30px}.book-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.book-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.book-detail-hero-inner{display:block;padding-top:30px;padding-bottom:34px}.book-detail-cover{width:192px;max-width:62%;margin-bottom:26px}.book-detail-summary h1{font-size:24px}.book-title-secondary{font-size:14px}.book-subject{font-size:8px}.book-metadata{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.book-channel-actions>a{flex:1 1 135px;max-width:none;padding-right:9px;padding-left:9px}.book-detail-body{padding-top:35px;padding-bottom:48px}.book-detail-section{margin-top:38px}.book-detail-section>h2{font-size:21px}.book-chapter-list li{grid-template-columns:57px minmax(0,1fr) 70px;gap:8px;padding-right:10px;padding-left:10px}.book-chapter-list b,.book-chapter-read{font-size:9px;white-space:normal;text-align:right}.book-chapter-list span small{display:block;margin:3px 0 0}.book-related-grid{gap:14px}.book-related-grid h3{font-size:14px}.footer-links{grid-template-columns:1fr}}

/* 作者故事：复刻视觉模板的引语、人物和访谈结构。 */
.story-page,.resource-page{background:#fff;padding:48px 0}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.story-card{display:flex;height:100%;flex-direction:column;border:1px solid var(--line);border-radius:6px;background:#fff;padding:24px;color:inherit;transition:border-color .2s}.story-card:hover{border-color:var(--az)}.story-quote{width:24px;height:24px;fill:none;stroke:#b9d8ed;stroke-width:1.7}.story-card blockquote{flex:1;margin:12px 0 0;color:#262c33;font:500 17px/1.75 var(--serif)}.story-person{display:flex;align-items:center;gap:14px;margin-top:20px;border-top:1px solid #eceef1;padding-top:16px}.story-person>img,.story-person>span{display:grid;width:48px;height:48px;flex:none;place-items:center;border:1px solid #d9dde2;border-radius:50%;background:#eaf2f9;object-fit:cover;color:var(--az);font:700 18px var(--serif)}.story-person div{min-width:0}.story-person strong,.story-person small,.story-person em{display:block}.story-person strong{color:#262c33;font-size:14px}.story-person small{margin-top:2px;color:#5f6b76;font-size:12px}.story-person em{margin-top:6px;color:#8d969f;font-size:12px;font-style:normal}.story-read{margin-top:16px;color:var(--az);font-size:14px}.story-disclaimer{margin:32px 0 0;color:#8d969f;font-size:12px}.story-detail>header{border-bottom:1px solid #d5dce4;background:#edf4f8}.story-detail-head{padding-top:48px;padding-bottom:48px}.story-detail-copy{max-width:768px}.story-detail-person{display:flex;align-items:center;gap:20px;margin-top:16px}.story-detail-person>img,.story-avatar{display:grid;width:96px;height:96px;flex:none;place-items:center;border:1px solid #d9dde2;border-radius:50%;background:#dcecf7;object-fit:cover;color:var(--az);font:700 30px var(--serif)}.story-detail-person h1{margin:0;color:#171a1f;font:600 30px/1.25 var(--serif)}.story-detail-person p{margin:6px 0 0;color:#6c7681;font-size:14px}.story-detail-journal{margin:4px 0 0;color:#5f6b76;font-size:14px}.story-detail-journal span{color:#6c7681}.story-detail-body{width:100%;max-width:768px;margin:0 auto;padding:48px 24px}.story-detail-body>blockquote{margin:32px 0 0;border-left:2px solid var(--az);padding-left:20px}.story-detail-body>blockquote svg{width:20px;height:20px;fill:none;stroke:#b9d8ed;stroke-width:1.7}.story-detail-body>blockquote p{margin:8px 0 0;color:#262c33;font:italic 500 20px/1.75 var(--serif)}.story-article{margin-top:40px}.story-article>p{margin:12px 0 0;color:#4f5a64;font-size:15px;line-height:1.75}.story-article>h2{margin:36px 0 0;color:#262c33;font:600 18px/1.55 var(--serif)}.story-article>h2:first-child{margin-top:0}.story-consent{margin-top:48px;border:1px solid var(--line);border-radius:6px;background:#f6f7f9;padding:20px;color:#6c7681;font-size:12px;line-height:1.7}.story-consent p{margin:0}.story-consent p+p{margin-top:8px;padding-left:22px}.story-consent svg{width:14px;height:14px;margin-right:8px;fill:none;stroke:var(--az);stroke-width:1.8;vertical-align:-2px}.story-back{display:inline-block;margin-top:32px;color:var(--az);font-size:14px;font-weight:700}

.story-article>h2>span{margin-right:8px;color:var(--az)}

/* 资源下载：按模板、指南、声明表和其他资料分组。 */
.resource-note{margin:10px 0 0;color:#8d969f;font-size:12px}.resource-group{margin-bottom:46px;scroll-margin-top:120px}.resource-group h2{display:flex;align-items:center;gap:10px;margin:0;border-top:2px solid #171a1f;padding-top:15px;color:#171a1f;font:600 21px var(--serif)}.resource-group h2 svg{width:20px;height:20px;fill:none;stroke:var(--az);stroke-width:1.7}.resource-group h2 small{color:#8d969f;font:400 13px var(--sans)}.resource-group ul{margin:15px 0 0;border:1px solid var(--line);border-radius:6px;background:#fff;padding:0;list-style:none}.resource-group li{display:grid;grid-template-columns:44px minmax(0,1fr) 235px 95px 105px;gap:15px;align-items:center;min-height:74px;border-bottom:1px solid #eceef1;padding:13px 16px}.resource-group li:last-child{border-bottom:0}.resource-file-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:5px;background:#eaf2f9;color:var(--az);font-size:9px;font-weight:800}.resource-group li>div{min-width:0}.resource-group li>div>strong,.resource-group li>div>small{display:block}.resource-group li>div>strong{color:#262c33;font-size:14px}.resource-group li>div>strong b{margin-left:8px;border-radius:3px;background:#eaf2f9;padding:3px 6px;color:var(--az);font-size:9px}.resource-group li>div>small{overflow:hidden;margin-top:5px;color:#8d969f;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.resource-group li>p,.resource-group li>em{margin:0;color:#8d969f;font-size:11px;font-style:normal}.resource-group li>a,.resource-unavailable{display:inline-flex;min-height:36px;align-items:center;justify-content:center;border-radius:5px;padding:0 13px;font-size:11px;font-weight:700}.resource-group li>a{background:var(--az);color:#fff}.resource-unavailable{border:1px solid #d9dde2;color:#8d969f}.resource-empty{margin-top:15px;border:1px dashed #c8cfd6;border-radius:6px;background:#fff;padding:24px;color:#8d969f;text-align:center}.resource-archive{border:1px dashed #c8cfd6;border-radius:6px;padding:15px;color:#6c7681;font-size:12px}
@media(max-width:850px){.resource-group li{grid-template-columns:44px minmax(0,1fr) 105px}.resource-group li>p,.resource-group li>em{display:none}}
@media(max-width:520px){.story-grid{grid-template-columns:1fr}.story-page,.resource-page{padding:40px 0}.story-detail-head{padding:40px 16px}.story-detail-person{gap:16px}.story-detail-person>img,.story-avatar{width:80px;height:80px}.story-detail-person h1{font-size:27px}.story-detail-body{padding:40px 16px 56px}.story-detail-body>blockquote{margin-top:24px}.resource-group li{grid-template-columns:38px minmax(0,1fr);gap:11px}.resource-group li>a,.resource-unavailable{grid-column:1/-1}.resource-group h2{align-items:flex-start;flex-wrap:wrap}.resource-group h2 small{width:100%;margin-left:30px}}