https://calc.euil.cn/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3A%E9%A6%96%E9%A1%B5%2Fstyles.css 2026-05-26T16:39:21Z 本wiki上该页面的版本历史 MediaWiki 1.45.3 https://calc.euil.cn/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/styles.css&diff=509&oldid=prev 2026-02-21T08:21:16Z

<p></p> <a href="https://calc.euil.cn/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/styles.css&amp;diff=509&amp;oldid=506">显示更改</a>

小小白哦 https://calc.euil.cn/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/styles.css&diff=506&oldid=prev 2026-02-21T00:30:31Z

<p></p> <a href="https://calc.euil.cn/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/styles.css&amp;diff=506&amp;oldid=505">显示更改</a>

小小白哦 https://calc.euil.cn/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/styles.css&diff=505&oldid=prev 2026-02-20T23:59:02Z

<p></p> <a href="https://calc.euil.cn/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/styles.css&amp;diff=505&amp;oldid=501">显示更改</a>

小小白哦 https://calc.euil.cn/index.php?title=%E6%A8%A1%E6%9D%BF:%E9%A6%96%E9%A1%B5/styles.css&diff=501&oldid=prev 2026-02-20T23:38:39Z

<p>创建页面，内容为“<span class="autocomment">浅色模式卡片：​</span> .home-card { text-align: center; background-color: rgba(245, 247, 250, 0.4); border: 1px solid rgba(148, 163, 184, 0.2); box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05); border-radius: 16px; color: #1e2a3a; padding: 20px; margin: 12px 0; } <span class="autocomment">深色模式卡片：​</span> .skin-citizen-dark .home-card { background-color: rgba(30, 35, 45, 0.5); border: 1px solid rgba(74, 85, 104, 0.3); box-shadow: 0 6px…”</p> <p><b>新页面</b></p><div>/* 浅色模式卡片 */<br /> .home-card {<br /> text-align: center;<br /> background-color: rgba(245, 247, 250, 0.4);<br /> border: 1px solid rgba(148, 163, 184, 0.2);<br /> box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);<br /> border-radius: 16px;<br /> color: #1e2a3a;<br /> padding: 20px;<br /> margin: 12px 0;<br /> }<br /> <br /> /* 深色模式卡片 */<br /> .skin-citizen-dark .home-card {<br /> background-color: rgba(30, 35, 45, 0.5);<br /> border: 1px solid rgba(74, 85, 104, 0.3);<br /> box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);<br /> color: #e2e8f0;<br /> }<br /> <br /> /* 分割线 */<br /> .home-card hr {<br /> border: 0;<br /> border-top: 1px solid rgba(148, 163, 184, 0.4);<br /> margin: 15px 0;<br /> }<br /> <br /> .skin-citizen-dark .home-card hr {<br /> border-top-color: rgba(74, 85, 104, 0.5);<br /> }<br /> <br /> /* 标题 */<br /> .home-title {<br /> font-size: 24px;<br /> font-weight: bold;<br /> text-align: center;<br /> display: block;<br /> margin-bottom: 10px;<br /> }<br /> <br /> /* 提示条 */<br /> .home-tip {<br /> text-align: center;<br /> padding: 8px 16px;<br /> background-color: rgba(66, 153, 225, 0.1);<br /> border-radius: 30px;<br /> margin-bottom: 16px;<br /> font-size: 0.9rem;<br /> color: #1e2a3a;<br /> border: 1px solid rgba(66, 153, 225, 0.2);<br /> }<br /> <br /> .skin-citizen-dark .home-tip {<br /> color: #e2e8f0;<br /> background-color: rgba(66, 153, 225, 0.15);<br /> }<br /> <br /> .home-tip strong {<br /> color: #4299e1;<br /> font-weight: 600;<br /> }<br /> <br /> /* 欢迎区域 */<br /> .home-welcome {<br /> text-align: center;<br /> }<br /> <br /> .home-welcome img {<br /> max-width: 280px;<br /> height: auto;<br /> margin: 15px auto;<br /> filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.05));<br /> }<br /> <br /> .skin-citizen-dark .home-welcome img {<br /> filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));<br /> }<br /> <br /> .home-welcome p {<br /> font-size: 1.1rem;<br /> line-height: 1.6;<br /> margin: 16px 0;<br /> }<br /> <br /> /* 导航链接 */<br /> .home-nav {<br /> display: flex;<br /> flex-wrap: wrap;<br /> justify-content: center;<br /> gap: 12px;<br /> margin: 20px 0 5px;<br /> }<br /> <br /> .home-nav a {<br /> color: #1e2a3a;<br /> text-decoration: none;<br /> padding: 6px 16px;<br /> border-radius: 30px;<br /> background-color: rgba(148, 163, 184, 0.1);<br /> border: 1px solid rgba(148, 163, 184, 0.2);<br /> font-weight: 500;<br /> transition: all 0.2s;<br /> }<br /> <br /> .skin-citizen-dark .home-nav a {<br /> color: #e2e8f0;<br /> background-color: rgba(74, 85, 104, 0.2);<br /> border: 1px solid rgba(74, 85, 104, 0.3);<br /> }<br /> <br /> .home-nav a:hover {<br /> background-color: rgba(148, 163, 184, 0.2);<br /> text-decoration: none;<br /> transform: translateY(-1px);<br /> }<br /> <br /> .skin-citizen-dark .home-nav a:hover {<br /> background-color: rgba(74, 85, 104, 0.3);<br /> }<br /> <br /> /* 列表样式 */<br /> .home-list {<br /> list-style: none;<br /> padding: 0;<br /> margin: 10px 0;<br /> columns: 2;<br /> column-gap: 30px;<br /> }<br /> <br /> .home-list li {<br /> margin-bottom: 8px;<br /> break-inside: avoid;<br /> }<br /> <br /> .home-list a {<br /> color: #1e2a3a;<br /> text-decoration: none;<br /> border-bottom: 1px dotted rgba(148, 163, 184, 0.4);<br /> padding-bottom: 2px;<br /> }<br /> <br /> .skin-citizen-dark .home-list a {<br /> color: #e2e8f0;<br /> border-bottom-color: rgba(74, 85, 104, 0.5);<br /> }<br /> <br /> .home-list a:hover {<br /> border-bottom-color: #1e2a3a;<br /> }<br /> <br /> .skin-citizen-dark .home-list a:hover {<br /> border-bottom-color: #e2e8f0;<br /> }<br /> <br /> /* 特色条目专用样式 */<br /> .home-featured {<br /> display: flex;<br /> flex-wrap: wrap;<br /> gap: 25px;<br /> margin: 15px 0;<br /> }<br /> <br /> .home-featured-image {<br /> flex: 1;<br /> min-width: 250px;<br /> max-width: 300px;<br /> }<br /> <br /> .home-featured-image img {<br /> width: 100%;<br /> height: auto;<br /> border-radius: 12px;<br /> box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);<br /> }<br /> <br /> .skin-citizen-dark .home-featured-image img {<br /> box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);<br /> }<br /> <br /> .home-featured-content {<br /> flex: 2;<br /> min-width: 300px;<br /> text-align: left;<br /> }<br /> <br /> .home-featured-content h3 {<br /> margin-top: 0;<br /> font-size: 1.4rem;<br /> }<br /> <br /> /* 彩蛋/BUG步骤样式 */<br /> .home-steps {<br /> background-color: rgba(66, 153, 225, 0.05);<br /> border-left: 3px solid #4299e1;<br /> padding: 10px 15px;<br /> border-radius: 8px;<br /> font-size: 0.95rem;<br /> text-align: left;<br /> }<br /> <br /> .home-steps p {<br /> margin: 5px 0;<br /> }<br /> <br /> /* 阅读更多链接 */<br /> .read-more {<br /> text-align: right;<br /> margin-top: 15px;<br /> }<br /> <br /> .read-more a {<br /> color: #4299e1;<br /> text-decoration: none;<br /> font-weight: 500;<br /> padding: 5px 15px;<br /> border-radius: 20px;<br /> background-color: rgba(66, 153, 225, 0.1);<br /> border: 1px solid rgba(66, 153, 225, 0.2);<br /> }<br /> <br /> .read-more a:hover {<br /> background-color: rgba(66, 153, 225, 0.2);<br /> text-decoration: none;<br /> }<br /> <br /> /* 手机端适配 */<br /> @media screen and (max-width: 768px) {<br /> .home-card {<br /> padding: 15px;<br /> }<br /> <br /> .home-title {<br /> font-size: 22px;<br /> }<br /> <br /> .home-list {<br /> columns: 1;<br /> }<br /> <br /> .home-featured {<br /> flex-direction: column;<br /> gap: 15px;<br /> }<br /> <br /> .home-featured-image {<br /> max-width: 100%;<br /> text-align: center;<br /> }<br /> <br /> .home-featured-image img {<br /> max-width: 280px;<br /> }<br /> <br /> .home-nav {<br /> gap: 8px;<br /> }<br /> <br /> .home-nav a {<br /> padding: 5px 12px;<br /> font-size: 0.95rem;<br /> }<br /> <br /> .home-welcome img {<br /> max-width: 220px;<br /> }<br /> }<br /> <br /> /* 小屏优化 */<br /> @media screen and (max-width: 480px) {<br /> .home-card {<br /> padding: 12px;<br /> }<br /> <br /> .home-nav a {<br /> padding: 4px 10px;<br /> font-size: 0.9rem;<br /> }<br /> }</div>

小小白哦