미디어위키:Common.css

/* ===== Main Page ===== */ .mw-mainpage-hero {

 text-align: center;
 padding: 3em 1em 2em;
 margin-bottom: 2em;
 border-bottom: 1px solid #222;

} .mw-mainpage-hero h1 {

 font-size: 3em;
 margin: 0 0 0.2em;
 color: #c9aa71;
 font-weight: 700;

} .mw-mainpage-hero-desc {

 font-size: 1.1em;
 color: #888;
 margin: 0 0 1.5em;

} .mw-mainpage-stats {

 display: flex;
 justify-content: center;
 gap: 2em;
 margin-bottom: 1.5em;
 flex-wrap: wrap;

} .mw-stat {

 text-align: center;

} .mw-stat-value {

 display: block;
 font-size: 1.8em;
 font-weight: 700;
 color: #c9aa71;

} .mw-stat-label {

 display: block;
 font-size: 0.8em;
 color: #888;
 text-transform: uppercase;
 letter-spacing: 0.1em;

} .mw-mainpage-search {

 max-width: 500px;
 margin: 0 auto;

} .mw-mainpage-search-input {

 width: 100%;
 padding: 0.8em 1em;
 border: 1px solid #333;
 border-radius: 8px;
 background: #1a1a1a;
 color: #c8c8c8;
 font-size: 1em;
 cursor: text;
 box-sizing: border-box;

} .mw-mainpage-search-input:focus {

 outline: none;
 border-color: #8B0000;

}

/* Category Grid */ .mw-mainpage-grid {

 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
 gap: 1em;
 margin: 2em 0;

} .mw-mainpage-card {

 display: block;
 padding: 1.5em;
 border: 1px solid #222;
 border-radius: 8px;
 background: #141414;
 text-decoration: none;
 transition: border-color 0.2s, transform 0.2s;

} .mw-mainpage-card:hover {

 border-color: #8B0000;
 transform: translateY(-2px);
 text-decoration: none;

} .mw-mainpage-card h3 {

 margin: 0.5em 0 0.3em;
 color: #e8e8e8;
 font-size: 1.1em;

} .mw-mainpage-card p {

 margin: 0;
 color: #888;
 font-size: 0.85em;

} .mw-card-icon {

 font-size: 2em;
 line-height: 1;

}

/* Start Section */ .mw-mainpage-section {

 text-align: center;
 padding: 2em;
 margin: 2em 0;
 border: 1px solid #222;
 border-radius: 8px;
 background: #141414;

} .mw-mainpage-section h2 {

 color: #c9aa71;
 border: none;
 margin-top: 0;

} .mw-mainpage-actions {

 display: flex;
 justify-content: center;
 gap: 1em;
 margin-top: 1.5em;
 flex-wrap: wrap;

} .mw-mainpage-btn {

 display: inline-block;
 padding: 0.7em 1.5em;
 border-radius: 6px;
 font-weight: 600;
 text-decoration: none;
 transition: background 0.2s;

} .mw-mainpage-btn-primary {

 background: #8B0000;
 color: #fff;

} .mw-mainpage-btn-primary:hover {

 background: #a00000;
 text-decoration: none;

} .mw-mainpage-btn-secondary {

 border: 1px solid #444;
 color: #c8c8c8;

} .mw-mainpage-btn-secondary:hover {

 border-color: #8B0000;
 color: #c9aa71;
 text-decoration: none;

}

/* Footer */ .mw-mainpage-footer-links {

 display: flex;
 justify-content: center;
 gap: 2em;
 padding: 1.5em 0;
 margin-top: 2em;
 border-top: 1px solid #222;
 flex-wrap: wrap;

} .mw-mainpage-footer-links a {

 color: #888;
 text-decoration: none;
 font-size: 0.9em;

} .mw-mainpage-footer-links a:hover {

 color: #c9aa71;

}

/* Infobox */ .wikitable.infobox {

 background: #141414;
 border-color: #333;
 border-radius: 6px;
 overflow: hidden;

} .wikitable.infobox th {

 background: #1e1e1e;
 color: #c9aa71;

} .wikitable.infobox th, .wikitable.infobox td {

 border-color: #333;
 padding: 8px 12px;

}