:root{--blue:#117efb;--blue-dark:#0a6ce0;--blue-050:#eaf2ff;--blue-100:#bcd8ff;--ink:#1f2430;--text:#3f4653;--muted:#8a919e;--line:#e9ebef;--panel:#f7f8fa;--bg:#ffffff;--surface:#ffffff;--radius:10px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}html[data-theme="dark"]{--ink:#f0f1f4;--text:#c3c7d0;--muted:#8b919d;--line:#2b2e38;--panel:#181a21;--bg:#0f1014;--surface:#1b1d25;--blue-050:#1f2230;--blue-100:#2b3348}html[data-theme="dark"] img{filter:brightness(.94)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{background:var(--blue);color:#fff;position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.site-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;letter-spacing:1.5px;margin-right:auto;color:#fff}.site-logo img{height:30px;width:auto;display:block}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;color:#fff}.nav-toggle svg{width:24px;height:24px}.nav-toggle .ic-close{display:none}.site-header.nav-open .nav-toggle .ic-open{display:none}.site-header.nav-open .nav-toggle .ic-close{display:block}.theme-toggle{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.4);color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap}.theme-toggle svg{width:15px;height:15px}.theme-toggle .ic-moon{display:none}html[data-theme="dark"] .theme-toggle .ic-sun{display:none}html[data-theme="dark"] .theme-toggle .ic-moon{display:inline}@media(hover:hover){.theme-toggle:hover{background:rgba(255,255,255,.14)}}.main-nav{order:3;flex-basis:100%;display:none;flex-direction:column;border-top:1px solid rgba(255,255,255,.22);margin-top:4px;padding-top:6px}.site-header.nav-open .main-nav{display:flex}.main-nav a,.main-nav .menu-item a{display:block;padding:12px 4px;font-size:15px;opacity:.95;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.main-nav > a:last-child,.main-nav li:last-child a{border-bottom:0}.main-nav .current-menu-item > a,.main-nav a.active{font-weight:700}.main-nav ul{list-style:none;display:contents}.main-nav li{list-style:none}.site-search{order:2;flex-basis:100%;position:relative}.site-search input{width:100%;height:40px;border:0;border-radius:8px;padding:0 40px 0 14px;font-size:15px;color:var(--ink);background:#fff}.site-search input::placeholder{color:#9aa1ad}.site-search button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center}.site-search svg{width:18px;height:18px;color:#8a919e}@media(min-width:1200px){.header-inner{flex-wrap:nowrap;gap:30px;height:64px;padding-top:0;padding-bottom:0}.site-logo{font-size:22px;margin-right:0}.nav-toggle{display:none}.main-nav{order:0;flex-basis:auto;display:flex;flex-direction:row;gap:30px;border:0;margin:0;padding:0}.main-nav a,.main-nav .menu-item a{padding:6px 0;border:0;opacity:.92;position:relative}.main-nav a:hover{opacity:1}.main-nav .current-menu-item > a,.main-nav a.active{font-weight:400;opacity:1}.main-nav .current-menu-item > a::after,.main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-21px;height:2px;background:#fff}.site-search{order:0;flex:0 0 320px;width:320px;flex-basis:320px;margin-left:auto}}.site-footer{background:var(--blue);color:#fff}.site-footer .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:24px 20px;font-size:14px}.site-footer .foot-logo{font-size:18px;font-weight:800;letter-spacing:1.5px}.site-footer .foot-copy{opacity:.9}.site-footer nav,.site-footer .foot-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;list-style:none}.site-footer nav a{opacity:.92;padding:4px 0;color:#fff}@media(hover:hover){.site-footer nav a:hover{opacity:1}}@media(max-width:759px){.site-footer nav,.site-footer .foot-menu{display:none}}@media(min-width:900px){.site-footer .wrap{flex-direction:row;text-align:left;gap:20px;height:64px;padding:0 20px}.site-footer nav,.site-footer .foot-menu{margin-left:auto;gap:28px}}.tp1-more{display:flex;justify-content:center;align-items:center;min-height:1px;margin:6px 0 2px}.tp1-more.loading{min-height:46px}.tp1-more .spin{display:none;width:24px;height:24px;background:no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%238a919e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")}.tp1-more.loading .spin{display:block}.tp1-more.loading .tp1-more-btn{display:none}.tp1-more-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:11px 32px;font-size:14px;font-weight:600;margin:14px 0 22px}@media(hover:hover){.tp1-more-btn:hover{border-color:var(--blue);color:var(--blue)}}.tp1-more.is-end{min-height:0;margin:18px 0 30px}.tp1-end{color:var(--muted);font-size:13px;font-style:italic;text-align:center;letter-spacing:.01em}.card,.m3,.wk-ph,.tile{position:relative}.vb-play{position:absolute;left:50%;top:50%;z-index:2;translate:-50% -50%;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(14,16,20,.58);border:1.5px solid rgba(255,255,255,.75);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none;transition:scale .2s}.vb-play svg{width:18px;height:18px;margin-left:2px}.vb-dur{position:absolute;left:8px;bottom:8px;z-index:2;padding:2px 7px;border-radius:5px;font-size:11px;font-weight:600;color:#fff;background:rgba(14,16,20,.7);font-variant-numeric:tabular-nums;pointer-events:none}@media(hover:hover){a:hover>.vb-play,a:hover .vb-play{scale:1.1}}.tags-strip{background:var(--bg);border-bottom:1px solid var(--line)}.tags-strip .wrap{display:flex;align-items:center;gap:18px;height:50px;font-size:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tags-strip .wrap::-webkit-scrollbar{display:none}.tags-strip .label{color:var(--ink);font-weight:700;flex:0 0 auto}.tags-strip a{color:var(--blue);flex:0 0 auto;white-space:nowrap}.tags-strip a:active{opacity:.6}@media(hover:hover){.tags-strip a:hover{text-decoration:underline}}.section-head{padding:22px 0 16px}.section-head h1{font-size:clamp(19px,4.6vw,22px);color:var(--ink);font-weight:800}.section-head h1 span{color:var(--muted);font-weight:500;font-size:.72em;margin-left:6px}.masonry{column-count:2;column-gap:12px}@media(min-width:640px){.masonry{column-count:3;column-gap:14px}}@media(min-width:960px){.masonry{column-count:4;column-gap:16px}}.card{position:relative;display:block;break-inside:avoid;margin-bottom:12px;border-radius:var(--radius);overflow:hidden;background:var(--panel);aspect-ratio:3/4}@media(min-width:960px){.card{margin-bottom:16px}}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}@media(hover:hover){.card:hover img{transform:scale(1.04)}}.card .tag{position:absolute;right:8px;bottom:8px;z-index:1;background:rgba(20,22,28,.66);color:#fff;font-size:11.5px;font-weight:500;padding:3px 8px;border-radius:6px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.home-empty{color:var(--muted);padding:20px 0 40px}.seo-pager{margin:6px 0 2px}.pager{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:24px 0 6px}.pager a,.pager span{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;font-size:13.5px;color:var(--text);background:var(--surface);padding:0 6px}.pager .current{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.pager .dots{border:0;background:none}@media(hover:hover){.pager a:hover:not(.current){border-color:#c7ccd4}}.home-sentinel{height:1px}.home-sentinel.loading{height:44px;background:no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%238a919e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='.7s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")}.discover{background:var(--panel);border-radius:12px;padding:26px 20px;margin:30px 0 10px}.discover h2{font-size:clamp(18px,4.4vw,22px);color:var(--ink);font-weight:800;margin-bottom:12px}.discover p{max-width:900px;margin-bottom:12px;font-size:15px}.discover .btn{display:inline-block;margin-top:6px;background:var(--blue);color:#fff;font-size:14px;font-weight:600;padding:11px 26px;border-radius:8px}.discover .btn:active{background:var(--blue-dark)}@media(hover:hover){.discover .btn:hover{background:var(--blue-dark)}}@media(min-width:900px){.discover{padding:40px 44px;margin:38px 0 12px}}.browse{padding:34px 0 48px}.browse h2{font-size:clamp(18px,4.4vw,22px);color:var(--ink);font-weight:800;margin-bottom:22px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.browse h2 .browse-all{font-size:13.5px;font-weight:600;color:var(--blue);flex:0 0 auto}.tag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 16px}@media(min-width:600px){.tag-grid{grid-template-columns:repeat(3,1fr);gap:30px 20px}}@media(min-width:960px){.tag-grid{grid-template-columns:repeat(5,1fr);gap:34px 24px}}.tag-col{border-left:1px solid var(--line);padding-left:14px}.tag-col .letter{color:var(--blue);font-weight:800;font-size:15px;margin-bottom:6px}.tag-col a{display:block;font-size:14px;color:var(--text);padding:4px 0}.tag-col a:active{color:var(--blue)}@media(hover:hover){.tag-col a:hover{color:var(--blue)}}