|
|
| Line 198: |
Line 198: |
|
| |
|
| /* ——— Home layout ——— */ | | /* ——— Home layout ——— */ |
| .home-hero {
| | |
| margin: 0 0 1rem 0; padding: 1.2rem 1.4rem;
| |
| border: 1px solid #a2a9b1; background: #f8f9fa;
| |
| }
| |
| .home-hero h1 { margin: 0 0 .2rem 0; font-size: 1.8rem; } | | .home-hero h1 { margin: 0 0 .2rem 0; font-size: 1.8rem; } |
| .home-actions .btn { | | .home-actions .btn { |
| Line 239: |
Line 236: |
| background:#111827; color:#f3f4f6; border-color:#374151; | | background:#111827; color:#f3f4f6; border-color:#374151; |
| } | | } |
|
| |
|
| |
| /* Featured character card */
| |
| .feature-card{
| |
| border:1px solid #a2a9b1; background:#fff; border-radius:10px;
| |
| padding:.8rem; display:grid; grid-template-columns: 320px 1fr; gap:1rem; align-items:start;
| |
| }
| |
| @media (max-width: 800px){
| |
| .feature-card{ grid-template-columns: 1fr; }
| |
| }
| |
| .feature-media img{ border-radius:8px; }
| |
| .feature-title{ margin:.1rem 0 .4rem 0; font-size:1.25rem; }
| |
| .feature-excerpt{ line-height:1.5; }
| |
| .feature-readmore{ margin-top:.5rem; font-weight:600; }
| |
|
| |
| /* Dark mode */
| |
| .skin-theme-clientpref-night .feature-card,
| |
| .client-darkmode .feature-card{
| |
| background:#111827; border-color:#374151; color:#e5e7eb;
| |
| }
| |
| .skin-theme-clientpref-night .feature-readmore a,
| |
| .client-darkmode .feature-readmore a{ color:#93c5fd; }
| |