|
|
| 第34行: |
第34行: |
| .wikiEditor-ui-toolbar .booklet .pages span.nc-橙 { color:#d35400; border-color:#f0c2a0; } | | .wikiEditor-ui-toolbar .booklet .pages span.nc-橙 { color:#d35400; border-color:#f0c2a0; } |
| .wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; } | | .wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; } |
|
| |
| /* ============================================ */
| |
| /* 首页 · 直角白卡(干净版) */
| |
| /* ============================================ */
| |
| .nc-stage {
| |
| background: #f3f1ec;
| |
| margin:-12px -16px 0;
| |
| padding:26px 18px 32px;
| |
| }
| |
| .nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
| |
| .nc-card {
| |
| flex:1; min-width:215px; background:#fff;
| |
| border:1px solid #e4ded2;
| |
| box-shadow:0 1px 2px rgba(60,50,30,.05), 0 10px 28px -16px rgba(60,50,30,.30);
| |
| transition:transform .18s ease, box-shadow .18s ease;
| |
| display:flex; flex-direction:column;
| |
| }
| |
| .nc-card:hover {
| |
| transform:translateY(-4px);
| |
| box-shadow:0 2px 4px rgba(60,50,30,.06), 0 18px 36px -16px rgba(60,50,30,.40);
| |
| }
| |
| .nc-card-head {
| |
| color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px;
| |
| letter-spacing:.4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
| |
| }
| |
| .nc-card ul { list-style:none !important; margin:0 !important; padding:6px 0 !important; }
| |
| .nc-card li { margin:0 !important; }
| |
| .nc-card li + li a { border-top:1px solid #f4f1ea; }
| |
| .nc-card li a {
| |
| display:block; padding:9px 18px; color:#3a3730; text-decoration:none;
| |
| border-left:3px solid transparent; transition:all .14s ease; font-size:.97em;
| |
| }
| |
| .nc-card li a:hover { background:#f7f4ee; padding-left:24px; }
| |
| /* 分类标题条(实色,沉稳)*/
| |
| .nc-card-head.nc-c-lobby { background:#8a7642; }
| |
| .nc-card-head.nc-c-play { background:#3a5f8a; }
| |
| .nc-card-head.nc-c-comm { background:#6e4a82; }
| |
| .nc-card-head.nc-c-apply { background:#9a5048; }
| |
| /* 悬停竖条跟随卡片色 */
| |
| .nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#8a7642; }
| |
| .nc-card:has(.nc-c-play) li a:hover { border-left-color:#3a5f8a; }
| |
| .nc-card:has(.nc-c-comm) li a:hover { border-left-color:#6e4a82; }
| |
| .nc-card:has(.nc-c-apply) li a:hover { border-left-color:#9a5048; }
| |