/* cn-lol-jingcai.com — editorial design 18 */
:root { --bg:#11131c; --surface:#1b2030; --text:#f7f4ef; --accent:#ed7958; --secondary:#e5c36b; --line:#ed795855; --radius:16px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--bg); color:var(--text); font:16px/1.8 "Microsoft YaHei",Arial,sans-serif; }
a { color:var(--accent); text-decoration:none; } .cnloljingcai-topbar { position:sticky; top:0; z-index:5; background:#11131cf2; border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.cnloljingcai-nav-wrap { max-width:1240px; margin:auto; padding:15px 24px; display:flex; flex-direction:column; gap:9px; } .cnloljingcai-brand { font-size:1.2rem; font-weight:850; color:var(--text); letter-spacing:.03em; } .cnloljingcai-nav-links { display:flex; flex-wrap:wrap; gap:7px 19px; } .cnloljingcai-nav-links a { color:var(--text); font-size:.91rem; }
main { max-width:1240px; margin:auto; padding:32px 24px 78px; } .cnloljingcai-hero { padding:clamp(24px,5vw,58px); background:linear-gradient(125deg,var(--surface),#ed795818); border:1px solid var(--line); border-radius:var(--radius); position:relative; overflow:hidden; }
.cnloljingcai-hero:after { content:""; position:absolute; width:280px; height:280px; right:-100px; top:-110px; border-radius:50%; background:radial-gradient(circle,#e5c36b66,transparent 70%); } .cnloljingcai-eyebrow { color:var(--accent); text-transform:uppercase; letter-spacing:.16em; font-size:.78rem; font-weight:800; } h1 { font-size:clamp(2rem,5vw,3.6rem); line-height:1.25; max-width:1000px; margin:12px 0 18px; } .cnloljingcai-hero p { max-width:1000px; font-size:1.05rem; margin:0; }
.cnloljingcai-brand-intro { margin:30px 0 46px; padding:27px 30px; border-left:4px solid var(--accent); background:var(--surface); } .cnloljingcai-brand-intro p { margin:0; line-height:2; } section { margin:46px 0; scroll-margin-top:120px; } .cnloljingcai-section-title { display:flex; align-items:end; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:20px; } h2 { font-size:clamp(1.45rem,3vw,2.15rem); margin:0; } h3 { line-height:1.45; } .cnloljingcai-news-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.cnloljingcai-news-card,.cnloljingcai-faq-card,.cnloljingcai-topic-card,.cnloljingcai-community-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; } .cnloljingcai-news-card:nth-child(3) { border-top:3px solid var(--accent); } .cnloljingcai-news-card h3 { margin:9px 0; font-size:1.19rem; } .cnloljingcai-news-card p { margin:0; } .cnloljingcai-meta { color:#aebbc8; font-size:.83rem; letter-spacing:.04em; } .cnloljingcai-faq-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } details summary { cursor:pointer; font-weight:750; } .cnloljingcai-answer { color:#c4cfda; } .cnloljingcai-topic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; } .cnloljingcai-topic-card h3 { margin:0 0 8px; color:var(--accent); } .cnloljingcai-community-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } footer { border-top:1px solid var(--line); padding:24px; text-align:center; color:#aebbc8; }
@media(max-width:720px) { .cnloljingcai-nav-wrap { padding:12px 16px; } main { padding:18px 14px 54px; } .cnloljingcai-news-grid,.cnloljingcai-faq-list,.cnloljingcai-topic-grid,.cnloljingcai-community-grid { grid-template-columns:1fr; } .cnloljingcai-hero { padding:24px 20px; } .cnloljingcai-brand-intro { padding:21px; } }

.cnloljingcai-schedule-card{padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius)}.cnloljingcai-schedule-timeline{display:grid;gap:12px;padding-left:24px}.cnloljingcai-schedule-timeline li{padding:12px 14px;border-left:3px solid var(--accent)}.cnloljingcai-schedule-timeline strong,.cnloljingcai-schedule-timeline span{display:block}.cnloljingcai-schedule-note{font-size:.9rem;opacity:.82}.cnloljingcai-match-table-wrap{overflow-x:auto;margin:20px 0}.cnloljingcai-match-table{width:100%;border-collapse:collapse;min-width:690px;background:var(--bg)}.cnloljingcai-match-table caption{text-align:left;font-size:1.1rem;font-weight:750;padding:12px 0;color:var(--accent)}.cnloljingcai-match-table th,.cnloljingcai-match-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.cnloljingcai-match-table th{color:var(--accent);white-space:nowrap}.cnloljingcai-match-table tbody tr:nth-child(even){background:var(--surface)}

.cnloljingcai-feature-image{display:block;max-width:100%;height:auto;border-radius:var(--radius)}.cnloljingcai-hero>.cnloljingcai-feature-image{max-width:min(44%,560px);float:right;margin:0 0 18px 28px}.cnloljingcai-card-media{display:block;max-width:100%;height:auto;border-radius:calc(var(--radius)/2)}

.cnloljingcai-news-grid{display:block;border-left:2px solid var(--accent);padding-left:20px}.cnloljingcai-news-card{margin:0 0 15px;border-radius:0 var(--radius) var(--radius) 0}.cnloljingcai-topic-grid{grid-template-columns:1fr}

/* layout family 2 */
main{max-width:1480px}.cnloljingcai-section-title{border-bottom:0;border-left:5px solid var(--accent);padding:4px 0 4px 16px}.cnloljingcai-news-grid{grid-template-columns:1fr}.cnloljingcai-news-card{display:grid;grid-template-columns:150px 1fr;gap:8px 18px}