body{ margin: 0; padding: 0; background-color: #F5F5F5; font-size: 1.3em; } /* 正常状态的链接 */ a:link { color: black; /* 蓝色 */ text-decoration: none; /* 去掉下划线 */ } hr { width: 98%; } p { padding-left: 1em; padding-right: 1.5em; font-size: 1.3em; line-height: 120%; } div.title{ padding-left: 25px; font-size: 1.5em; color: #000000; } .intro{ font-size: 1.6em; } div.main { margin-bottom: 25px; width: 70em; padding-top: 0.5em; margin: 3px auto; background-color:#ffffff; } div.outer { padding: 1%; } div.subtitle { color: #000000; padding-left: 1em; padding-right: 1em; font-size: 1.5em; } div.photo { color: #000000; text-align: center; font-size: 1.5em; } div.footer{ padding-left: 6px; font-weight: bold; color: #000000; text-align: center; font-size: 1.5em; } .img{ padding-left: 5em; width: auto; height: 225px; } ul li{ font-size:18px; font-weight: bold; } /* ========================================================= Academic homepage layout (scoped; avoids legacy conflicts) Apply by adding class="sc ..." on . 根字号 125%：在浏览器 100% 缩放下达到 125% 的视觉大小。 ========================================================= */ html:has(body.sc){ font-size: 125%; } body.sc{ /* 使用 rem 以便随根字号缩放 */ font-size: 1.0625rem; /* 约 17px @16px → 约 25.5px @24px */ margin: 0; padding: 0; background: #f6f7f9; color: #111827; } body.sc{ --sc-text: #111827; --sc-muted: #4b5563; --sc-border: #e5e7eb; --sc-bg: #ffffff; --sc-chip: #f3f4f6; --sc-link: #0f172a; --sc-max: 54rem; /* 约 864px，适宜阅读的版面宽度 */ } body.sc{ font-family: "EB Garamond", Georgia, "Times New Roman", serif; line-height: 1.6; } body.sc.sc-zh{ font-family: "Noto Serif SC", "Source Han Serif SC", "PingFang SC", "Microsoft YaHei", serif; line-height: 1.75; } /* 英文页面整体字号略大，便于阅读 */ body.sc.sc-en{ font-size: 1.125rem; /* 约 18px @16px → 约 27px @24px */ } body.sc.sc-en.sc-home p{ font-size: 1.1rem; } body.sc.sc-en .name{ font-size: 1.85rem; } body.sc.sc-en .affil{ font-size: 1.05rem; } body.sc.sc-en .section h2{ font-size: 1.25rem; } body.sc.sc-en .list li{ font-size: 1.08rem; } body.sc.sc-en .news-item div, body.sc.sc-en .meta{ font-size: 1.02rem; } body.sc.sc-en .venue-tag{ font-size: .92rem; } body.sc.sc-en .small{ font-size: .98rem; } body.sc a{ color: var(--sc-link); } body.sc a:hover{ text-decoration: underline; text-underline-offset: 3px; } body.sc .main{ width: min(var(--sc-max), calc(100% - 2rem)); margin: 1.25rem auto; background: var(--sc-bg); border: 1px solid var(--sc-border); border-radius: 14px; overflow: hidden; padding-top: 0; margin-bottom: 1.25rem; } body.sc hr{ width: 100%; border: 0; border-top: 1px solid var(--sc-border); margin: 0; } body.sc p{ padding-left: 0; padding-right: 0; margin: .6rem 0; font-size: 1.05rem; line-height: 1.7; } body.sc.sc-home p{ font-size: 1.08rem; } body.sc .container{ padding: 1.25rem; } body.sc .header{ display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; align-items: center; } body.sc .portrait{ width: 9rem; height: 9rem; border-radius: 14px; object-fit: cover; border: 1px solid var(--sc-border); background: #fff; } body.sc .name{ font-size: 1.75rem; font-weight: 700; letter-spacing: .02em; margin: 0; } body.sc.sc-zh .name{ font-size: 1.55rem; } body.sc.sc-zh .affil, body.sc.sc-zh .meta{ font-size: 1.08rem; } body.sc .affil{ margin: .25rem 0 0; color: var(--sc-muted); font-size: 1rem; } body.sc .meta{ margin-top: .6rem; display: flex; flex-wrap: wrap; gap: .5rem .75rem; color: var(--sc-muted); font-size: .98rem; } body.sc .meta a{ color: inherit; } body.sc .nav{ display: flex; flex-wrap: wrap; gap: .5rem .75rem; padding: .75rem 1.25rem; background: linear-gradient(180deg, #ffffff, #fbfbfc); } body.sc .nav a{ display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .5rem; border-radius: 8px; background: var(--sc-chip); border: 1px solid var(--sc-border); font-size: .95rem; text-decoration: none; } body.sc .nav a:hover{ text-decoration: none; border-color: #cbd5e1; } body.sc .section{ padding: 1.25rem; } body.sc .section h2{ font-size: 1.2rem; margin: 0 0 .75rem; letter-spacing: .02em; font-weight: 600; } body.sc .grid2{ display: grid; grid-template-columns: 1.2fr .8fr; gap: 1.25rem; } body.sc.sc-zh .grid2{ grid-template-columns: 1.25fr .75fr; } body.sc .card{ border: 1px solid var(--sc-border); border-radius: 12px; padding: .9rem 1rem; background: var(--sc-bg); } body.sc .list{ margin: 0; padding-left: 1.1rem; } body.sc #selected .list{ list-style: none; padding-left: 0; } body.sc.sc-zh #selected .list li{ font-family: "EB Garamond", Georgia, "Times New Roman", serif; } body.sc .list li{ margin: .45rem 0; font-weight: 400; font-size: 1.05rem; } body.sc .news-item{ display: flex; gap: .5rem; align-items: flex-start; margin: .55rem 0; } body.sc .news-item img{ width: auto; height: 1.125rem; max-width: 1.125rem; margin-top: .2rem; flex-shrink: 0; object-fit: contain; vertical-align: middle; } body.sc .small{ font-size: .95rem; color: var(--sc-muted); font-weight: 500; } body.sc .badge{ display: inline-block; padding: .15rem .5rem; border: 1px solid var(--sc-border); border-radius: 999px; background: #fff; font-size: .92rem; color: var(--sc-muted); margin-right: .35rem; margin-bottom: .35rem; } body.sc.sc-zh .badge{ font-size: 1.08rem; } /* Venue tag (Selected Publications) */ body.sc .venue-tag{ display: inline-flex; align-items: center; padding: .12rem .5rem; margin-right: .45rem; border-radius: 999px; background: #f8fafc; border: 1px solid #e2e8f0; box-shadow: 0 1px 8px rgba(15, 23, 42, .10); color: #334155; font-weight: 700; font-size: .9rem; letter-spacing: .2px; vertical-align: baseline; white-space: nowrap; } /* Publications page helpers */ body.sc.sc-pubs .top{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .75rem 1rem; } body.sc.sc-pubs .h1{ font-size: 1.35rem; font-weight: 800; margin: 0; } body.sc.sc-pubs .legend{ margin-top: .5rem; color: var(--sc-muted); font-size: .95rem; } body.sc.sc-pubs .toc{ display: flex; flex-wrap: wrap; gap: .4rem .5rem; margin-top: .75rem; } body.sc.sc-pubs .toc a{ display: inline-block; padding: .15rem .5rem; border-radius: 999px; border: 1px solid var(--sc-border); background: #fff; text-decoration: none; font-size: .92rem; color: var(--sc-muted); } body.sc.sc-pubs .toc a:hover{ color: var(--sc-text); border-color: #cbd5e1; text-decoration: none; } body.sc.sc-pubs .year{ margin: 1.35rem 0 .65rem; padding-top: .35rem; font-size: 1.25rem; font-weight: 800; letter-spacing: .2px; } body.sc.sc-pubs .media img{ width: auto; height: 1.125rem; max-width: 1.125rem; vertical-align: text-bottom; object-fit: contain; } body.sc.sc-pubs .backtop{ position: fixed; right: 18px; bottom: 18px; padding: .4rem .6rem; border-radius: 10px; border: 1px solid var(--sc-border); background: rgba(255,255,255,.95); box-shadow: 0 6px 22px rgba(0,0,0,.08); text-decoration: none; font-size: .95rem; color: var(--sc-muted); } body.sc.sc-pubs .backtop:hover{ color: var(--sc-text); text-decoration: none; } body.sc .footer{ padding: 1rem 1.25rem; text-align: center; font-weight: 600; font-size: 0.95rem; background: #fff; } body.sc .footer img{ max-width: 12.5rem; height: auto; object-fit: contain; } body.sc.sc-pubs .footer{ border-top: 1px solid var(--sc-border); } /* ========== 移动端适配 ========== */ @media (max-width: 720px){ html:has(body.sc){ -webkit-text-size-adjust: 100%; } body.sc .main{ width: calc(100% - 1rem); margin: 0.5rem auto; } body.sc .header{ grid-template-columns: 7rem 1fr; } body.sc .portrait{ width: 7rem; height: 7rem; border-radius: 12px; } body.sc .meta{ flex-direction: column; gap: 0.25rem; } body.sc .grid2{ grid-template-columns: 1fr; } body.sc .container, body.sc .section{ padding: 1rem; } body.sc .nav{ padding: 0.6rem 1rem; gap: 0.4rem 0.5rem; } body.sc .nav a{ min-height: 2.75rem; padding: 0.4rem 0.6rem; align-items: center; } body.sc .card{ padding: 0.75rem 1rem; } body.sc #selected .list li, body.sc .list li{ overflow-wrap: break-word; word-break: break-word; } body.sc .venue-tag{ margin-bottom: 0.2rem; } body.sc.sc-pubs .backtop{ right: .75rem; bottom: .75rem; } } @media (max-width: 480px){ html:has(body.sc){ font-size: 112.5%; } body.sc .main{ width: calc(100% - 0.75rem); margin: 0.375rem auto; border-radius: 10px; } body.sc .header{ grid-template-columns: 1fr; justify-items: center; text-align: center; } body.sc .portrait{ width: 6rem; height: 6rem; border-radius: 10px; } body.sc .name{ text-align: center; } body.sc .affil{ text-align: center; } body.sc .meta{ justify-content: center; text-align: center; } body.sc .container, body.sc .section{ padding: 0.75rem; } body.sc .nav{ padding: 0.5rem 0.75rem; justify-content: center; } body.sc .section h2{ font-size: 1.1rem; } body.sc .footer img{ max-width: 100%; } }