|
|
| 第99行： |
第99行： |
| left: 0; | | left: 0; |
| right: 0; | | right: 0; |
| bottom: 0;
| |
| height: 6px;
| |
| opacity: .42;
| |
| }
| |
|
| |
| .nc-card-lobby::after { background: #d89038; }
| |
| .nc-card-play::after { background: #4c8fbd; }
| |
| .nc-card-comm::after { background: #8d62b8; }
| |
| .nc-card-apply::after { background: #c85c70; }
| |
|
| |
| .nc-card-head {
| |
| position: relative;
| |
| padding: 14px 18px 13px;
| |
| letter-spacing: 0;
| |
| }
| |
|
| |
| .nc-card-head::after {
| |
| content: "";
| |
| position: absolute;
| |
| left: 18px;
| |
| right: 18px;
| |
| bottom: 0;
| |
| height: 1px;
| |
| background: rgba(255,255,255,.45);
| |
| }
| |
|
| |
| .nc-card li a {
| |
| position: relative;
| |
| padding: 8px 18px 8px 28px;
| |
| font-weight: 620;
| |
| }
| |
|
| |
| .nc-card li a::before {
| |
| content: "";
| |
| position: absolute;
| |
| left: 16px;
| |
| top: 50%;
| |
| width: 4px;
| |
| height: 4px;
| |
| margin-top: -2px;
| |
| background: #9aa4ad;
| |
| }
| |
|
| |
| .nc-card li a:hover {
| |
| padding-left: 32px;
| |
| background: rgba(86,102,118,.12);
| |
| }
| |
|
| |
| .nc-card li a:hover::before {
| |
| background: #0f4c5c;
| |
| }
| |
|
| |
| /* Softer status boxes if you keep {{成功}} near the top. */
| |
| .mw-parser-output .successbox,
| |
| .mw-parser-output .mw-message-box-success {
| |
| border-color: #bdd8c8;
| |
| background: rgba(246,252,248,.72);
| |
| }
| |
|
| |
| /* Mobile: keep the mascot useful, not overwhelming. */
| |
| @media (max-width: 760px) {
| |
| .nc-mascot img {
| |
| max-width: min(360px, 86vw);
| |
| }
| |
| .nc-home-intro {
| |
| padding: 16px;
| |
| }
| |
| .nc-home-intro h2 {
| |
| font-size: 1.22rem;
| |
| }
| |
| .nc-card {
| |
| min-width: 100%;
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 1080px) {
| |
| .nc-cards {
| |
| grid-template-columns: repeat(2, minmax(0, 1fr));
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 760px) {
| |
| .nc-cards {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |