Template:图书排版/styles.css

WikiBot​(留言 | 贡献)2026年9月14日 (一) 14:56的版本 (整合 heti 中文排版(字号阶梯 + 古籍/诗词/竖排/行间注/多栏))
blockquote {
margin-top:12px;margin-bottom:24px;margin-left:32px;margin-right:32px;padding-top:12px;padding-bottom:12px;padding-left:16px;padding-right:16px;background-color:rgba(0,0,0,.054)
}
figure {
display:block;text-align:center
}
figure>img {
display:block;margin-left:auto;margin-right:auto
}
hr {
width:30%;height:1px;margin-top:48px;margin-bottom:47px;margin-left:auto;margin-right:auto;border:0;background-color:#ccc
}
p {
margin-top:12px;margin-bottom:24px;text-align:justify
}
p:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), p:not(:lang(zh)) {
text-align:start
}
pre {
margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;padding-top:12px;padding-bottom:12px;padding-left:16px;padding-right:16px;overflow:auto;font-family:"SFMono-Regular",consolas,"Liberation Mono",menlo,courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";white-space:pre;word-wrap:normal;border-radius:4px;background-color:rgba(0,0,0,.054)
}
pre code {
margin:0;padding:0;border:0;border-radius:0;background-color:rgba(0,0,0,0);color:inherit
}

a, abbr, code, [lang=en-US] {
letter-spacing:normal
}
h1, h2, h3, h4, h5, h6 {
position:relative;margin:0;margin-top:24px;margin-bottom:12px;font-weight:600
}
h1 {
margin-bottom:24px;font-size:32px;line-height:48px
}
h2 {
font-size:24px;line-height:36px
}
h3 {
font-size:20px;line-height:36px
}
h4 {
font-size:18px;line-height:24px
}
h5 {
font-size:16px;line-height:24px
}
h6 {
font-size:14px;line-height:24px
}
h1, h2, h3 {
letter-spacing:.05em
}
h1:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), h1:not(:lang(zh)), h2:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), h2:not(:lang(zh)), h3:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), h3:not(:lang(zh)) {
letter-spacing:0
}
h1+h2, h2+h3, h3+h4, h4+h5, h5+h6 {
margin-top:12px
}
ul, ol, dl {
margin-top:12px;margin-bottom:24px
}
ul, ol {
padding-left:32px
}
ul ul, ul ol, ol ul, ol ol {
margin-top:0;margin-bottom:0
}
ul {
list-style-type:disc
}
ol {
list-style-type:decimal
}
ul ul, ol ul {
list-style-type:circle
}
ul ul ul, ul ol ul, ol ul ul, ol ol ul {
list-style-type:square
}
li {
list-style-type:unset
}
table {
box-sizing:border-box;table-layout:fixed;margin-top:12px;margin-bottom:24px;margin-left:auto;margin-right:auto;border-collapse:collapse;border-width:1px;border-style:solid;border-color:#ccc;word-break:break-word
}
th, td {
padding-top:6px;padding-bottom:6px;padding-left:8px;padding-right:8px;border-width:1px;border-style:solid;border-color:#ccc
}
caption {
caption-side:bottom;margin-top:2px;margin-bottom:-4px;font-size:14px;line-height:24px
}
a {
text-decoration:none
}
a:hover {
padding-bottom:1px;border-bottom:1px solid currentColor;text-decoration:none
}
abbr[title] {
padding-bottom:1px;border-bottom:1px dotted;text-decoration:none;cursor:help
}
b, strong {
font-weight:600
}
code {
margin-left:.25em;margin-right:.25em;font-family:"SFMono-Regular",consolas,"Liberation Mono",menlo,courier,monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:.875em
}
dfn {
font-weight:600
}
dfn:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), dfn:not(:lang(zh)) {
font-weight:400
}
em {
font-weight:600
}
figcaption {
display:inline-block;vertical-align:top;font-size:14px;text-align:start
}
i {
font-style:italic
}
ins, u {
padding-bottom:1px;border-bottom:1px solid;text-decoration:none
}
mark {
padding-top:2px;padding-bottom:2px;padding-left:1px;padding-right:1px;margin-left:1px;margin-right:1px;background-color:rgba(255,247,0,.88);color:inherit
}
q {
quotes:"「" "」" "『" "』"
}
q:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), q:not(:lang(zh)) {
quotes:initial;
}
rt {
font-size:.875em;font-weight:400
}
small {
font-size:.875em
}
strong {
font-weight:600
}
sub, sup {
position:relative;margin-left:.25em;margin-right:.25em;font-size:.75em;font-family:"TemplateStyles CJK Punct","TemplateStyles CJK Body",Georgia,-apple-system,"Nimbus Roman No9 L","PingFang SC","Hiragino Sans GB","Noto Serif SC","Microsoft YaHei UI","WenQuanYi Micro Hei","ST Heiti",sans-serif;font-style:normal;line-height:1;vertical-align:baseline
}
sub {
bottom:-0.25em
}
sup {
top:-0.5em
}
sup:target, sup a:target {
background-color:#dbedff
}
summary {
padding-left:1em;outline:0;cursor:pointer
}
u[title] {
cursor:help;border-bottom-width:3px;border-bottom-style:double;border-bottom-color:rgba(0,0,0,.54)
}
address, cite, dfn, dt, em {
font-style:normal
}
address:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), address:not(:lang(zh)), cite:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), cite:not(:lang(zh)), dfn:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), dfn:not(:lang(zh)), dt:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), dt:not(:lang(zh)), em:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), em:not(:lang(zh)) {
font-style:italic
}
abbr[title], del, ins, s, u {
margin-left:1px;margin-right:1px
}

.heti--serif {
font-family:"TemplateStyles CJK Punct","Songti SC","SimSun","Noto Serif SC",Georgia,serif
}
.heti--classic {
font-family:"TemplateStyles CJK Punct","Songti SC","SimSun","Noto Serif SC",Georgia,serif
}
.heti--classic h1, .heti--classic h2, .heti--classic h3, .heti--classic h4, .heti--classic h5, .heti--classic h6 {
font-family:"TemplateStyles CJK Punct","Kaiti SC","STKaiti","KaiTi",Georgia,serif;font-weight:800
}
.heti--classic blockquote, .heti--classic cite, .heti--classic q {
font-family:"TemplateStyles CJK Punct","Kaiti SC","STKaiti","KaiTi",Georgia,serif
}
.heti--classic figcaption, .heti--classic caption, .heti--classic th {
font-family:"TemplateStyles CJK Punct","TemplateStyles CJK Body",Georgia,-apple-system,"Nimbus Roman No9 L","PingFang SC","Hiragino Sans GB","Noto Serif SC","Microsoft YaHei UI","WenQuanYi Micro Hei","ST Heiti",sans-serif
}
.heti--hei {
font-family:"TemplateStyles CJK Punct","TemplateStyles CJK Body",Georgia,-apple-system,"Nimbus Roman No9 L","PingFang SC","Hiragino Sans GB","Noto Serif SC","Microsoft YaHei UI","WenQuanYi Micro Hei","ST Heiti",sans-serif
}
.heti--song {
font-family:"TemplateStyles CJK Punct","Songti SC","SimSun","Noto Serif SC",Georgia,serif
}
.heti--kai {
font-family:"TemplateStyles CJK Punct","Kaiti SC","STKaiti","KaiTi",Georgia,serif
}
.heti--columns-1, .heti--columns-2, .heti--columns-3, .heti--columns-4, .heti--columns-16em, .heti--columns-20em, .heti--columns-24em, .heti--columns-28em, .heti--columns-32em, .heti--columns-36em, .heti--columns-40em, .heti--columns-44em, .heti--columns-48em {
max-width:none;column-gap:2em
}
.heti--columns-1 p, .heti--columns-2 p, .heti--columns-3 p, .heti--columns-4 p, .heti--columns-16em p, .heti--columns-20em p, .heti--columns-24em p, .heti--columns-28em p, .heti--columns-32em p, .heti--columns-36em p, .heti--columns-40em p, .heti--columns-44em p, .heti--columns-48em p {
margin-top:6px;margin-bottom:12px;text-indent:2em
}
.heti--columns-1 {
column-count:1
}
.heti--columns-2 {
column-count:2
}
.heti--columns-3 {
column-count:3
}
.heti--columns-4 {
column-count:4
}
.heti--columns-16em {
column-width:16em
}
.heti--columns-20em {
column-width:20em
}
.heti--columns-24em {
column-width:24em
}
.heti--columns-28em {
column-width:28em
}
.heti--columns-32em {
column-width:32em
}
.heti--columns-36em {
column-width:36em
}
.heti--columns-40em {
column-width:40em
}
.heti--columns-44em {
column-width:44em
}
.heti--columns-48em {
column-width:48em
}
.heti--vertical {
max-width:none;max-height:42em;writing-mode:vertical-rl;letter-spacing:.125em
}
.heti--vertical h1, .heti--vertical h2, .heti--vertical h3, .heti--vertical h4, .heti--vertical h5, .heti--vertical h6 {
text-align:start
}
.heti--vertical q {
quotes:"「" "」" "『" "』"
}
.heti--ancient, .heti--poetry {
font-family:"TemplateStyles CJK Punct","Songti SC","SimSun","Noto Serif SC",Georgia,serif
}
.heti--ancient h1, .heti--ancient h2, .heti--ancient h3, .heti--ancient h4, .heti--ancient h5, .heti--ancient h6, .heti--poetry h1, .heti--poetry h2, .heti--poetry h3, .heti--poetry h4, .heti--poetry h5, .heti--poetry h6 {
font-family:"TemplateStyles CJK Punct","Kaiti SC","STKaiti","KaiTi",Georgia,serif;font-weight:800;text-align:center
}
.heti--ancient h1 .heti-meta, .heti--ancient h2 .heti-meta, .heti--ancient h3 .heti-meta, .heti--ancient h4 .heti-meta, .heti--ancient h5 .heti-meta, .heti--ancient h6 .heti-meta, .heti--poetry h1 .heti-meta, .heti--poetry h2 .heti-meta, .heti--poetry h3 .heti-meta, .heti--poetry h4 .heti-meta, .heti--poetry h5 .heti-meta, .heti--poetry h6 .heti-meta {
font-weight:400
}
@media screen and (min-width: 640px){
.heti--ancient h1 .heti-meta, .heti--ancient h2 .heti-meta, .heti--ancient h3 .heti-meta, .heti--ancient h4 .heti-meta, .heti--ancient h5 .heti-meta, .heti--ancient h6 .heti-meta, .heti--poetry h1 .heti-meta, .heti--poetry h2 .heti-meta, .heti--poetry h3 .heti-meta, .heti--poetry h4 .heti-meta, .heti--poetry h5 .heti-meta, .heti--poetry h6 .heti-meta {
position:absolute;line-height:inherit;text-indent:0;display:inline;margin-top:4px;margin-left:8px
}

}
.heti--ancient .heti-meta, .heti--poetry .heti-meta {
line-height:24px;text-align:center;text-indent:0
}
.heti--ancient p {
text-indent:2em
}
.heti--poetry p {
text-align:center;text-indent:0
}
.heti--annotation p {
margin-top:0;margin-bottom:0;line-height:2.25;text-indent:2em
}
.heti--annotation em {
text-emphasis:filled circle;text-emphasis-position:under right;font-weight:400
}
.heti--annotation em:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti--annotation em:not(:lang(zh)) {
text-emphasis:none
}
.heti--annotation .heti-meta {
margin-top:12px;margin-bottom:24px
}
.heti-meta {
display:block;text-indent:0
}
.heti-verse {
text-align:center;text-indent:0
}
.heti-large {
font-size:18px;line-height:24px
}
.heti-x-large {
font-size:20px;line-height:30px;letter-spacing:.05em
}
.heti-small {
font-size:14px;line-height:24px
}
.heti-x-small {
font-size:12px;line-height:18px
}
.heti-list-latin {
list-style-type:upper-latin
}
.heti-list-latin ol {
list-style-type:lower-roman
}
.heti-list-latin ol ol {
list-style-type:lower-latin
}
.heti-list-han {

}
.heti-list-han ol {
list-style-type:decimal
}
.heti-list-han ol ol {
list-style-type:decimal-leading-zero
}
.heti-fn {
margin-top:59px;border-top:1px solid;border-top-color:#ccc;font-size:14px;font-family:"TemplateStyles CJK Punct","TemplateStyles CJK Body",Georgia,-apple-system,"Nimbus Roman No9 L","PingFang SC","Hiragino Sans GB","Noto Serif SC","Microsoft YaHei UI","WenQuanYi Micro Hei","ST Heiti",sans-serif;line-height:24px
}
.heti-fn ol {
margin-top:12px;margin-bottom:0
}
.heti-fn li:target {
background-color:#dbedff
}
.heti-hang {
position:absolute;line-height:inherit;text-indent:0
}
.heti-em {
text-emphasis:filled circle;text-emphasis-position:under right
}
.heti-em:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .heti-em:not(:lang(zh)) {
text-emphasis:none
}
.heti-ruby--inline {
display:inline-flex;flex-direction:column-reverse;height:1.5em;vertical-align:top
}
.heti-ruby--inline rt {
display:inline;margin-bottom:-0.25em;line-height:1;text-align:center
}

/* ===== 基础正文排版(自 heti 字号阶梯)===== */
p, li, dd, dt, td, th, caption, blockquote {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .02em;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}

/* ===== 页面底色与文字色(站点原有)===== */
a { color: #0645ad; }

/* ===== 中文标点与中文字体别名 ===== */
@font-face {
	font-family: "TemplateStyles CJK Punct";
	src: local("Noto Serif SC"), local("NotoSerifSC-Regular"),
	     local("Source Han Serif SC"), local("Songti SC"),
	     local("STSong"), local("SimSun"), local("宋体"), local("Microsoft YaHei UI");
	unicode-range: U+2000-206F, U+3000-303F;
}
@font-face {
	font-family: "TemplateStyles CJK Body";
	src: local("PingFang SC"), local("PingFangSC-Regular"),
	     local("Hiragino Sans GB"), local("HiraginoSansGB-W3"),
	     local("Noto Serif SC"), local("NotoSerifSC-Regular"),
	     local("Microsoft YaHei UI"), local("Microsoft YaHei"),
	     local("WenQuanYi Micro Hei"), local("ST Heiti"), local("SimSun");
	unicode-range: U+2E80-2EFF, U+31C0-31EF, U+3200-32FF,
	               U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+FE10-FE6F, U+FF00-FFEF,
	               U+1F200-1F2FF, U+20000-2A6DF;
}

/* ===== 正文与标题字体栈(引号走全角字体)===== */
p, li, dd, dt, td, th, caption, blockquote {
	font-family: "TemplateStyles CJK Punct","TemplateStyles CJK Body",Georgia,-apple-system,"Nimbus Roman No9 L","PingFang SC","Hiragino Sans GB","Noto Serif SC","Microsoft YaHei UI","WenQuanYi Micro Hei","ST Heiti",sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "TemplateStyles CJK Punct","TemplateStyles CJK Body",Georgia,-apple-system,"Nimbus Roman No9 L","PingFang SC","Hiragino Sans GB","Noto Serif SC","Microsoft YaHei UI","WenQuanYi Micro Hei","ST Heiti",sans-serif;
	font-weight: 600;
}
h2, h3, h4, h5, h6 { font-weight: bold; }
p { text-indent: 2em; }
p, li, dd, dt, td, th, caption, blockquote, h1, h2, h3, h4, h5, h6 { color: #202122; }
ruby { ruby-align: center; }
ruby rt { font-size: 0.55em; font-weight: normal; }
p:not(:lang(zh)) { text-align: start; text-indent: 0; }