https://ac-wiki.cn/index.php?action=history&feed=atom&title=%E7%94%A8%E6%88%B7%3A%E5%A4%A9%E6%98%8E%2F%E4%BF%A1%E6%81%AF%E6%A1%86%E6%A8%A1%E6%9D%BF%E8%AF%95%E9%AA%8C-20260618%2F%E6%A0%B7%E5%BC%8F 2026-08-24T04:08:57Z 本wiki上该页面的版本历史 MediaWiki 1.45.3 https://ac-wiki.cn/index.php?title=%E7%94%A8%E6%88%B7:%E5%A4%A9%E6%98%8E/%E4%BF%A1%E6%81%AF%E6%A1%86%E6%A8%A1%E6%9D%BF%E8%AF%95%E9%AA%8C-20260618/%E6%A0%B7%E5%BC%8F&diff=3177&oldid=prev 2026-06-18T12:30:52Z

<p>创建信息框模板试验样式（Codex）</p> <p><b>新页面</b></p><div>.acw-infobox-lab {<br /> display: grid;<br /> gap: 1rem;<br /> max-width: 1120px;<br /> color: var(--color-base, #202122);<br /> }<br /> .acw-infobox-note {<br /> border: 1px solid var(--border-color-base, #a2a9b1);<br /> border-radius: 8px;<br /> background: var(--background-color-neutral-subtle, #f8f9fa);<br /> color: var(--color-subtle, #54595d);<br /> padding: 0.85rem 1rem;<br /> }<br /> .acw-infobox-grid {<br /> display: grid;<br /> grid-template-columns: repeat(3, minmax(0, 1fr));<br /> gap: 1rem;<br /> align-items: start;<br /> }<br /> .acw-ibox {<br /> overflow: hidden;<br /> border: 1px solid var(--border-color-base, #a2a9b1);<br /> border-radius: 8px;<br /> background: var(--background-color-base, #fff);<br /> color: var(--color-base, #202122);<br /> box-shadow: 0 2px 12px var(--box-shadow-color-base, rgba(0,0,0,0.06));<br /> }<br /> .acw-ibox a { text-decoration: none; }<br /> .acw-ibox a:hover { text-decoration: underline; }<br /> .acw-ibox-title {<br /> margin: 0;<br /> color: var(--color-emphasized, #101418);<br /> font-size: var(--font-size-x-large, 1.25rem);<br /> line-height: 1.25;<br /> font-weight: 800;<br /> }<br /> .acw-ibox-subtitle {<br /> margin-top: 0.2rem;<br /> color: var(--color-subtle, #54595d);<br /> font-size: var(--font-size-small, 0.875rem);<br /> }<br /> .acw-ibox-label {<br /> color: var(--color-subtle, #54595d);<br /> font-size: var(--font-size-small, 0.875rem);<br /> }<br /> .acw-ibox-value { color: var(--color-base, #202122); }<br /> .acw-ibox-badge {<br /> display: inline-block;<br /> border: 1px solid var(--border-color-progressive, #36c);<br /> border-radius: 999px;<br /> background: var(--background-color-progressive-subtle, #f1f4fd);<br /> color: var(--color-progressive, #36c);<br /> padding: 0.12rem 0.55rem;<br /> font-size: var(--font-size-x-small, 0.75rem);<br /> font-weight: 700;<br /> }<br /> .acw-ibox-list {<br /> margin: 0;<br /> padding: 0;<br /> list-style: none;<br /> }<br /> .acw-ibox-list li {<br /> border-top: 1px solid var(--border-color-subtle, #eaecf0);<br /> padding: 0.7rem 0.9rem;<br /> }<br /> .acw-ibox-meta-row {<br /> display: grid;<br /> grid-template-columns: 5.5rem 1fr;<br /> gap: 0.75rem;<br /> }<br /> .acw-ibox-a { border-left: 4px solid var(--border-color-progressive, #36c); }<br /> .acw-ibox-a .acw-ibox-head {<br /> background: var(--background-color-neutral-subtle, #f8f9fa);<br /> padding: 1rem;<br /> }<br /> .acw-ibox-a .acw-ibox-mark {<br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> width: 2.35rem;<br /> height: 2.35rem;<br /> margin-bottom: 0.75rem;<br /> border-radius: 8px;<br /> background: var(--background-color-progressive-subtle, #f1f4fd);<br /> color: var(--color-progressive, #36c);<br /> font-weight: 800;<br /> }<br /> .acw-ibox-a .acw-ibox-section-title {<br /> border-top: 1px solid var(--border-color-base, #a2a9b1);<br /> background: var(--background-color-interactive-subtle, #f8f9fa);<br /> color: var(--color-emphasized, #101418);<br /> padding: 0.55rem 0.9rem;<br /> font-size: var(--font-size-small, 0.875rem);<br /> font-weight: 700;<br /> }<br /> .acw-ibox-b .acw-ibox-head {<br /> border-bottom: 1px solid var(--border-color-base, #a2a9b1);<br /> background: var(--background-color-progressive-subtle, #f1f4fd);<br /> padding: 0.95rem 1rem;<br /> }<br /> .acw-ibox-b .acw-ibox-kicker {<br /> display: flex;<br /> justify-content: space-between;<br /> gap: 0.75rem;<br /> margin-bottom: 0.45rem;<br /> color: var(--color-progressive, #36c);<br /> font-size: var(--font-size-small, 0.875rem);<br /> font-weight: 700;<br /> }<br /> .acw-ibox-b .acw-ibox-body { padding: 0.9rem 1rem; }<br /> .acw-ibox-b .acw-ibox-timeline {<br /> display: grid;<br /> gap: 0.6rem;<br /> margin-top: 0.8rem;<br /> }<br /> .acw-ibox-b .acw-ibox-step {<br /> display: grid;<br /> grid-template-columns: 4.25rem 1fr;<br /> gap: 0.7rem;<br /> align-items: start;<br /> }<br /> .acw-ibox-b .acw-ibox-time {<br /> border-radius: 999px;<br /> background: var(--background-color-neutral-subtle, #f8f9fa);<br /> color: var(--color-subtle, #54595d);<br /> padding: 0.08rem 0.45rem;<br /> text-align: center;<br /> font-size: var(--font-size-x-small, 0.75rem);<br /> }<br /> .acw-ibox-c {<br /> background: var(--background-color-neutral-subtle, #f8f9fa);<br /> }<br /> .acw-ibox-c .acw-ibox-head {<br /> padding: 1rem 1rem 0.7rem;<br /> }<br /> .acw-ibox-c .acw-ibox-tabs {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 0.4rem;<br /> margin-top: 0.75rem;<br /> }<br /> .acw-ibox-c .acw-ibox-tab {<br /> border: 1px solid var(--border-color-subtle, #eaecf0);<br /> border-radius: 6px;<br /> background: var(--background-color-base, #fff);<br /> color: var(--color-base, #202122);<br /> padding: 0.24rem 0.5rem;<br /> font-size: var(--font-size-x-small, 0.75rem);<br /> }<br /> .acw-ibox-c .acw-ibox-panel {<br /> margin: 0 0.75rem 0.75rem;<br /> border: 1px solid var(--border-color-subtle, #eaecf0);<br /> border-radius: 8px;<br /> background: var(--background-color-base, #fff);<br /> }<br /> .acw-ibox-c .acw-ibox-stats {<br /> display: grid;<br /> grid-template-columns: repeat(2, minmax(0, 1fr));<br /> gap: 1px;<br /> background: var(--border-color-subtle, #eaecf0);<br /> overflow: hidden;<br /> border-radius: 8px 8px 0 0;<br /> }<br /> .acw-ibox-c .acw-ibox-stat {<br /> background: var(--background-color-base, #fff);<br /> padding: 0.75rem;<br /> }<br /> .acw-ibox-c .acw-ibox-stat strong {<br /> display: block;<br /> color: var(--color-progressive, #36c);<br /> font-size: var(--font-size-large, 1.125rem);<br /> }<br /> .acw-ibox-c .acw-ibox-links {<br /> display: grid;<br /> gap: 0.45rem;<br /> padding: 0.8rem;<br /> }<br /> .acw-ibox-c .acw-ibox-link {<br /> display: flex;<br /> justify-content: space-between;<br /> gap: 0.75rem;<br /> border-radius: 6px;<br /> background: var(--background-color-interactive-subtle, #f8f9fa);<br /> padding: 0.45rem 0.55rem;<br /> }<br /> @media screen and (max-width: 980px) {<br /> .acw-infobox-grid { grid-template-columns: 1fr; }<br /> }<br /> @media screen and (max-width: 640px) {<br /> .acw-ibox-meta-row, .acw-ibox-b .acw-ibox-step { grid-template-columns: 1fr; gap: 0.2rem; }<br /> }</div>

天明