*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Arial,sans-serif;background:#f6f5fb;color:#171620}body.dark{background:#111117;color:#f1f1f7}.top{position:sticky;top:0;z-index:50;height:64px;padding:0 22px;display:flex;align-items:center;gap:24px;background:linear-gradient(110deg,#37206e,#6c3cff);color:#fff;box-shadow:0 8px 22px rgba(49,27,104,.14)}.brand{display:flex;gap:9px;align-items:center;color:#fff;text-decoration:none;font-weight:900;font-size:23px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:#5c34d9;font-weight:1000}.top nav{display:flex;gap:17px}.top nav a,.lang{color:#fff;text-decoration:none;font-weight:700;opacity:.94}.top-actions{margin-inline-start:auto;display:flex;gap:8px;align-items:center}.theme,.lang{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:9px 12px}.theme{cursor:pointer}main{max-width:1180px;margin:auto;padding:24px 18px 60px}.hero{padding:30px;border-radius:26px;background:linear-gradient(135deg,#3b2378,#7651ff);color:#fff;box-shadow:0 22px 60px rgba(70,44,160,.18)}.hero h1{margin:0 0 10px;font-size:clamp(30px,4vw,46px)}.hero p{margin:0;max-width:760px;line-height:1.75;opacity:.95}.searchbox{margin-top:20px;position:relative}.searchbox form{display:flex;gap:8px}.searchbox input{flex:1;padding:15px 18px;border-radius:16px;border:1px solid #e0def0;font-size:16px}.searchbox button{border:0;border-radius:16px;padding:0 22px;font-weight:800;background:#111;color:#fff}.suggestions{position:absolute;top:56px;left:0;right:0;background:#fff;border:1px solid #ddd8ef;border-radius:16px;display:none;overflow:hidden;z-index:20;box-shadow:0 18px 40px rgba(0,0,0,.1)}body.dark .suggestions{background:#1d1d25;border-color:#363646}.suggestions a{display:block;padding:11px 14px;text-decoration:none;color:inherit}.suggestions a:hover{background:#f1effb}section{margin-top:28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:13px}.section-head h2{margin:0;font-size:24px}.section-head a{color:#5a35d5;text-decoration:none;font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #e7e4f1;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(40,28,85,.05);transition:.18s transform,.18s box-shadow}.card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(40,28,85,.09)}body.dark .card{background:#1a1a22;border-color:#2b2b36;box-shadow:none}.thumb{display:block;aspect-ratio:16/9;background:#2a2251}.thumb img{width:100%;height:100%;display:block;object-fit:cover}.card-body{padding:13px}.card h3{font-size:16px;margin:0 0 6px}.card p{margin:0;color:#6e6a7c;font-size:13px;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f0edff;color:#4f2ab9;font-size:12px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 15px;border-radius:12px;text-decoration:none;font-weight:850;border:1px solid #dcd8ef;background:#fff;color:#2d2448}.btn.primary{background:#6339e8;color:#fff;border-color:#6339e8}.btn.ghost{background:transparent}.buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.code-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e4e0ef;border-radius:18px;overflow:hidden}.code-table th,.code-table td{padding:14px;text-align:right;border-bottom:1px solid #eee}.code-table th{background:#f7f5ff}.code-cell{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:900}.copy{padding:8px 11px;border-radius:10px;border:1px solid #d9d4eb;background:#fff;cursor:pointer;font-weight:800}.status{font-size:12px;padding:5px 8px;border-radius:999px;font-weight:800}.status.ok{background:#e8f8ee;color:#137a3a}.status.warn{background:#fff3d9;color:#8a5a00}.status.verify{background:#fce9ea;color:#9b2d34}.note{padding:12px 14px;border-radius:13px;background:#fff7df;border:1px solid #f2df9e;color:#624c00;line-height:1.7}.article{max-width:860px;margin:auto;background:#fff;border:1px solid #e6e2f0;border-radius:22px;padding:28px}.article h1{font-size:38px;margin:0 0 12px}.article h2{margin-top:28px}.article p,.article li{line-height:1.95;color:#464151}.breadcrumb{font-size:13px;color:#736e82;margin-bottom:12px}.meta{color:#777184;font-size:13px;margin-bottom:18px}.code-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#f3efff,#fff);border:1px solid #e4dcff}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.sidebar{display:flex;flex-direction:column;gap:12px}.list-card{padding:15px;background:#fff;border:1px solid #e6e2f0;border-radius:16px;text-decoration:none;color:inherit}.list-card strong{display:block}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.small{font-size:13px;color:#6f687b}.ad-wrap{min-height:100px;display:flex;align-items:center;justify-content:center;margin:18px 0;color:#999;font-size:11px}.ad-wrap ins{max-width:100%;width:100%}footer{border-top:1px solid #e2deeb;padding:25px 18px;max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;color:#676172;font-size:13px}.foot-links{display:flex;gap:13px}.foot-links a{color:inherit}.lang-panel{display:flex;gap:10px;align-items:center}.rating{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.rating input{display:none}.rating label{font-size:30px;color:#bbb;cursor:pointer}.rating input:checked~label,.rating label:hover,.rating label:hover~label{color:#f5b400}.copy-all{margin-bottom:10px}.search-results{display:grid;gap:10px}.result{padding:15px;background:#fff;border:1px solid #e6e2f0;border-radius:16px;text-decoration:none;color:inherit}.result span{font-size:12px;color:#7e7789}.hero-row{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.notice{padding:14px;border:1px solid #ded5ff;background:#fbf9ff;border-radius:16px}.dark .article,.dark .list-card,.dark .code-table,.dark .notice,.dark .ad-wrap{background:#1a1a22;border-color:#2b2b36}.dark .code-table th{background:#22222b}.dark .code-table td{border-color:#2b2b36}.dark .article p,.dark .article li{color:#c9c5d2}.dark .searchbox input{background:#1d1d25;color:#fff;border-color:#333341}.dark .btn,.dark .copy{background:#1d1d25;color:#fff;border-color:#383746}.dark .chip{background:#28203e;color:#c7baff}.dark .section-head a{color:#bfaeff}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid,.hero-row{grid-template-columns:1fr}.related{grid-template-columns:repeat(2,1fr)}.top nav{display:none}}@media(max-width:560px){main{padding:16px 12px 45px}.grid{grid-template-columns:1fr 1fr;gap:10px}.article{padding:20px}.article h1{font-size:30px}.hero{padding:22px;border-radius:20px}.top{padding:0 12px}.brand{font-size:20px}.related{grid-template-columns:1fr 1fr}.code-table{font-size:13px}.code-table th:nth-child(3),.code-table td:nth-child(3){display:none}footer{flex-direction:column}}
body.dark{background:#111117;color:#eee}body.dark main a{color:inherit}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;opacity:.82;margin-bottom:8px}.suggestions{top:60px;max-height:420px;overflow:auto}.suggestions a{display:flex;align-items:center;gap:12px;padding:10px 12px}.suggestions a img{width:46px;height:46px;border-radius:11px;object-fit:cover;background:#26213d;flex:none}.suggestions a span{display:flex;flex-direction:column;gap:2px;min-width:0}.suggestions a strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestions a small{font-size:11px;color:#777080}.suggest-empty{padding:14px;text-align:center;color:#777080}.rich-result{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:13px}.rich-result img{width:92px;height:92px;border-radius:14px;object-fit:cover;background:#282044}.rich-result span:not(.result-icon){display:flex;flex-direction:column;gap:5px;min-width:0}.rich-result strong{font-size:16px}.rich-result small{font-size:12px;color:#777080;line-height:1.5}.rich-result b{font-size:28px;color:#6b43da}.result-icon{width:92px;height:92px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#4a2b9b,#7a50f4);color:#fff;font-size:30px}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-card{min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.game-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.game-facts span{padding:11px 12px;border:1px solid #e4e0ef;background:#faf9fd;border-radius:14px;font-size:12px;color:#6d6879}.game-facts b{display:block;font-size:11px;color:#46358a;margin-bottom:3px}.game-details{margin-top:16px}.detail-block{padding:16px 0;border-top:1px solid #ece9f2}.detail-block h2{margin:0 0 6px;font-size:19px}.detail-block p{margin:0}.article-hero{margin:14px 0;border-radius:20px;overflow:hidden;background:#f1edff;text-align:center}.article-hero img{display:block;width:160px;height:160px;object-fit:contain;margin:auto}.content-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.content-points>div{padding:14px;border:1px solid #e5e0f2;border-radius:16px;background:#faf9ff}.dark .game-facts span{background:#1a1a22;border-color:#2b2b36;color:#c9c5d2}.dark .article-card,.dark .content-points>div{background:#1a1a22;border-color:#2b2b36}.dark .suggestions a:hover{background:#25232e}.dark .suggestions a small,.dark .rich-result small{color:#aaa4b5}.dark .article-hero{background:#201a34}.dark .search-page .result{background:#1a1a22;border-color:#2b2b36}@media(max-width:700px){.article-grid{grid-template-columns:1fr 1fr}.game-facts{grid-template-columns:1fr}.content-points{grid-template-columns:1fr}.rich-result{grid-template-columns:68px 1fr auto}.rich-result img,.result-icon{width:68px;height:68px}.article-hero img{width:110px;height:110px}}@media(max-width:560px){.article-grid{grid-template-columns:1fr}.suggestions{top:58px}.suggestions a{padding:9px}.suggestions a img{width:42px;height:42px}}
