:root{--bg:#0d1117;--bg-soft:#141b24;--bg-card:#161e29;--border:#243040;--text:#e8eef7;--text-soft:#9fb0c3;--accent:#f97316;--accent-2:#38bdf8;--radius:14px;--max-width:1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(1200px 600px at 80% -10%, #f9731629, transparent 60%), radial-gradient(900px 500px at 10% 0%, #38bdf81f, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0d1117d1;position:sticky;top:0}.header-inner{align-items:center;gap:16px;height:64px;display:flex}.brand{letter-spacing:.3px;white-space:nowrap;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-ball{background:linear-gradient(140deg, var(--accent), #fb923c);color:#1c1207;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;font-weight:900;display:grid}.brand small{color:var(--text-soft);letter-spacing:0;font-size:11px;font-weight:500;display:block}.nav-scroll{scrollbar-width:none;flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.nav-scroll::-webkit-scrollbar{display:none}.nav-link{color:var(--text-soft);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:14px;transition:background .15s,color .15s}.nav-link:hover{color:var(--text);background:#ffffff0f}.nav-link.active{color:var(--accent);background:#f9731629}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.locale-switch{border:1px solid var(--border);border-radius:999px;display:flex;overflow:hidden}.locale-switch a{color:var(--text-soft);padding:5px 12px;font-size:13px}.locale-switch a.active{background:var(--accent);color:#1c1207;font-weight:700}.btn{background:var(--accent);color:#1c1207;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;transition:transform .12s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{border-color:var(--border);color:var(--text);background:0 0}.btn.small{padding:6px 14px;font-size:13px}.hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:36px;padding:64px 0 40px;display:grid}.hero h1{margin:0 0 16px;font-size:clamp(30px,5vw,46px);line-height:1.2}.hero p{color:var(--text-soft);max-width:56ch;margin:0 0 26px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-card{background:linear-gradient(160deg, var(--bg-card), #141b2499);border:1px solid var(--border);border-radius:20px;padding:22px}.hero-card h3{color:var(--text-soft);margin:0 0 14px;font-size:15px;font-weight:600}.stat-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.stat-value{color:var(--accent);font-size:26px;font-weight:800}.stat-label{color:var(--text-soft);font-size:13px}.section{padding:40px 0}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.section-head h2{margin:0;font-size:24px}.section-head p{color:var(--text-soft);margin:6px 0 0;font-size:15px}.link-more{color:var(--accent-2);white-space:nowrap;font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px;transition:transform .15s,border-color .15s;display:flex}.card:hover{border-color:#f9731680;transform:translateY(-3px)}.card h3{margin:0;font-size:18px;line-height:1.35}.card p{color:var(--text-soft);margin:0;font-size:14px}.card-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto;font-size:12px;display:flex}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge.funny{color:#facc15;background:#facc1524;border-color:#facc154d}.badge.warm{color:#f87171;background:#f8717124;border-color:#f871714d}.badge.iconic{color:#38bdf8;background:#38bdf824;border-color:#38bdf84d}.badge.controversy{color:#c084fc;background:#a855f724;border-color:#a855f74d}.badge.tag{color:var(--text-soft);border-color:var(--border);background:#ffffff0d}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--text-soft);border-radius:999px;padding:5px 12px;font-size:13px}.chip.active{border-color:var(--accent);color:var(--accent)}.layout-with-aside{grid-template-columns:280px 1fr;align-items:start;gap:28px;display:grid}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.panel h3{margin:0 0 14px;font-size:15px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--text-soft);font-size:13px}input[type=text],input[type=number],input[type=url],input[type=email],select,textarea{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;outline:none;width:100%;padding:9px 12px}select option,select optgroup{color:var(--text);background-color:#1b2432}select option:checked{background-color:var(--accent);color:#1c1207}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:120px}.filter-actions{flex-wrap:wrap;gap:8px;display:flex}.article{max-width:760px;margin:0 auto;padding:40px 0 20px}.article h1{margin:12px 0 14px;font-size:clamp(26px,4.5vw,40px);line-height:1.25}.article .lead{color:var(--text-soft);margin:0 0 20px;font-size:17px}.article-body p{margin:0 0 18px;font-size:16px}.meta-row{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.definition{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:24px 0;display:grid}.definition .panel h3{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.definition .panel p{margin:0;font-size:15px}.quote-block{border-left:3px solid var(--accent);color:var(--accent-2);margin:20px 0;padding:10px 0 10px 16px;font-size:20px;font-weight:700}.share-card{border:1px solid var(--border);background:linear-gradient(150deg,#1f2937,#111827);border-radius:18px;max-width:520px;margin:24px 0;padding:24px}.share-card .share-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.share-card .share-title{margin:10px 0 12px;font-size:24px;font-weight:800;line-height:1.3}.share-card .share-foot{color:var(--text-soft);border-top:1px solid var(--border);justify-content:space-between;padding-top:12px;font-size:12px;display:flex}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.entity-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:16px;display:flex}.avatar{color:#0d1117;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:grid}.entity-card h3{margin:0;font-size:16px}.entity-card p{color:var(--text-soft);margin:2px 0 0;font-size:13px}.team-stripe{border-radius:999px;height:6px;margin-top:10px;display:flex;overflow:hidden}.team-stripe span{flex:1}.timeline{border-left:2px solid var(--border);flex-direction:column;gap:26px;margin-left:10px;padding-left:24px;display:flex}.timeline-item{position:relative}.timeline-item:before{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;left:-33px;box-shadow:0 0 0 4px #f9731626}.timeline-item h3{margin:4px 0 8px;font-size:17px}.timeline-item p{color:var(--text-soft);margin:0;font-size:14px}.rank-list{flex-direction:column;gap:12px;display:flex}.rank-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:14px 18px;display:flex}.rank-no{color:var(--accent);flex:none;width:28px;font-size:20px;font-weight:800}.rank-body{flex:1;min-width:0}.rank-body h3{margin:0;font-size:16px}.rank-body p{color:var(--text-soft);margin:2px 0 0;font-size:13px}.bar{background:#ffffff14;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;max-width:620px;margin:0 auto;padding:26px}.notice{border-radius:12px;margin-top:14px;padding:12px 14px;font-size:14px}.notice.success{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d}.notice.error{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.quiz-option{text-align:left;border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:12px;width:100%;margin-bottom:10px;padding:12px 16px;transition:border-color .15s,background .15s;display:block}.quiz-option:hover{border-color:var(--accent)}.quiz-option.correct{background:#22c55e1f;border-color:#4ade80}.quiz-option.wrong{background:#ef44441f;border-color:#f87171}.footer{border-top:1px solid var(--border);background:#0a0e1499;margin-top:60px;padding:36px 0 28px}.footer-grid{grid-template-columns:1.4fr 2fr;gap:28px;display:grid}.footer h4{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:14px}.friend-links{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 18px;display:grid}.friend-links a{color:var(--text-soft);font-size:13px}.friend-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:26px;padding-top:18px;font-size:12px;display:flex}.empty{text-align:center;color:var(--text-soft);border:1px dashed var(--border);border-radius:var(--radius);padding:48px 20px}.breadcrumb{color:var(--text-soft);padding-top:20px;font-size:13px}.breadcrumb a:hover{color:var(--accent)}.mobile-only{display:none}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}.layout-with-aside,.footer-grid{grid-template-columns:1fr}}@media (max-width:640px){.header-inner{flex-wrap:wrap;height:auto;padding:10px 0}.nav-scroll{order:3;width:100%;padding-bottom:6px}.card-grid{grid-template-columns:1fr}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.section{padding:28px 0}.article{padding-top:24px}}
