.home{max-width:1320px;margin:0 auto;padding:24px;overflow-x:clip}:root{--header-h: 100px}[id^=cat-]{scroll-margin-top:var(--header-h)}.magWrap{margin-bottom:16px}.magGrid{display:grid;grid-template-columns:2fr 1.1fr 1.1fr;grid-auto-rows:190px;gap:16px}.leadSk,.tileSk,.miniSk{border-radius:16px;overflow:hidden}.leadCard{grid-column:1 / span 2;grid-row:1 / span 2;position:relative;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 12px 32px #7f00ff33;display:block;text-decoration:none;color:inherit}.mask{position:absolute;inset:0;background:linear-gradient(180deg,#0000,#0000008c 55%,#000000d9)}.leadInfo{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff}.tagRow{display:flex;gap:8px;margin-bottom:6px}.leadTitle{margin:2px 0 6px;font-size:28px;line-height:1.2;color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.45)}.leadDesc{margin:0 0 10px;color:#f0f0f0}.metaRow{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#eee}.metaRow.sm{font-size:12px;color:#666}.metaRow.xs{font-size:12px;color:#666;justify-content:flex-start;gap:8px}.mLeft{display:flex;align-items:center;gap:8px}.mRight{display:flex;align-items:center;gap:6px}.tileCard{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 26px #00000014;transition:.22s}.tileCard:hover{transform:translateY(-3px);box-shadow:0 18px 44px #7f00ff33}.tileMedia{aspect-ratio:4 / 3;width:100%;background-size:cover;background-position:center;position:relative}.badge{position:absolute;left:10px;top:10px;background:linear-gradient(90deg,#7f00ff,#e100ff);color:#fff;border-radius:999px;font-weight:800;font-size:12px;padding:4px 10px;box-shadow:0 8px 20px #7f00ff40}.tileBody{padding:10px 12px 12px}.tileTitle{margin:4px 0 2px!important;font-weight:800!important}.miniCard{display:flex;align-items:stretch;gap:10px;text-decoration:none;color:inherit;background:#fff;border-radius:14px;padding:10px;overflow:hidden;transition:.18s;box-shadow:0 8px 22px #0000000f}.miniCard:hover{transform:translateY(-2px);box-shadow:0 16px 30px #7f00ff2e}.miniInfo{flex:1;min-width:0}.miniCat{font-size:12px;color:#7f00ff;font-weight:800}.miniTitle{font-weight:800!important;line-height:1.25!important}.miniThumb{width:34%;min-width:120px;background-size:cover;background-position:center;border-radius:10px}.contentWrap{margin-top:8px}.topicsBar{background:linear-gradient(90deg,#faf0ff,#f6f9ff);border:1px solid #eee8ff;padding:10px;border-radius:14px;margin-bottom:12px}.topic{border:none;padding:8px 14px;border-radius:999px;cursor:pointer;background:#fff;color:#5a3dbb;font-weight:700;box-shadow:0 6px 18px #7f00ff14;transition:.15s}.topic:hover{transform:translateY(-1px)}.topic.active{color:#fff;background:linear-gradient(90deg,#7f00ff,#e100ff);box-shadow:0 10px 24px #7f00ff40}.secHead{display:flex;align-items:flex-end;gap:12px;margin:18px 0 10px}.secHead h2{margin:0;font-weight:900;line-height:1.1;font-size:clamp(20px,2.6vw,32px);letter-spacing:.3px;background:linear-gradient(90deg,#ff512f,#dd2476);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 28px rgba(255,72,0,.28)}.secHead h2:after{content:"";display:block;height:6px;width:72px;margin-top:6px;border-radius:999px;background:linear-gradient(90deg,#ff512f,#dd2476);box-shadow:0 10px 24px #ff480040}.secLine{flex:1;height:3px;border-radius:10px;background:linear-gradient(90deg,#7f00ff33,transparent);transform:translateY(-6px)}.viewAll{color:#7f00ff!important;margin-left:auto;font-size:18px}.masonry{column-count:3;column-gap:24px}.masonryCard{display:block;background:#fff;border-radius:16px;overflow:hidden;margin:0 0 24px;box-shadow:0 8px 24px #0000000f;break-inside:avoid;text-decoration:none;color:inherit}.masonryCard.sk{padding:12px}.msMedia{height:180px;background-size:cover;background-position:center;position:relative}.msBody{padding:12px 14px 14px}.msTitle{margin:4px 0 6px!important}.msDesc{color:#595b62!important;margin-bottom:8px!important}.catRails{margin-top:10px}.catRail{margin-top:8px}.railTrack{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:10px}.railItem{scroll-snap-align:start;text-decoration:none;color:inherit;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #0000000f;transition:.18s}.railItem:hover{transform:translateY(-2px);box-shadow:0 16px 30px #7f00ff2e}.railMedia{height:150px;background-size:cover;background-position:center}.railBody{padding:10px 12px 12px}.railTitle{font-weight:800!important}.sticky{position:sticky;top:calc(var(--header-h) - 10px);display:flex;flex-direction:column;gap:16px}.box{background:linear-gradient(180deg,#fff,#faf7ff);border:1px solid #f0e7ff;border-radius:16px;padding:12px}.boxTitle{font-weight:800;display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;background:linear-gradient(90deg,#ffe1f3,#e8ddff);border-radius:12px}.rankItem{display:grid;grid-template-columns:36px 1fr 72px;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:8px 6px;border-radius:10px;transition:.15s}.rankItem:hover{background:#fff;box-shadow:0 8px 22px #0000000f}.rankNum{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;background:linear-gradient(180deg,#7f00ff,#e100ff);color:#fff;box-shadow:0 6px 16px #7f00ff33}.rankText{min-width:0}.rankCat{font-size:12px;color:#7f00ff;font-weight:800}.rankTitle{font-weight:800!important;margin:0!important}.rankThumb{width:72px;height:56px;background-size:cover;background-position:center;border-radius:10px}.box.promo{background:radial-gradient(500px 250px at -10% -30%,rgba(127,0,255,.12),transparent 60%),#fff}.promoInner{text-align:center;padding:6px 4px 10px}.promoInner h3{margin:6px 0 4px}@media (max-width: 1200px){.magGrid{grid-template-columns:1.6fr 1fr 1fr;grid-auto-rows:180px}}@media (max-width: 992px){.home{padding:16px}.magGrid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.leadCard{grid-column:1 / span 2;grid-row:1 / span 2}.masonry{column-count:2}}@media (max-width: 576px){.magGrid{grid-template-columns:1fr;grid-auto-rows:200px}.leadCard{grid-column:auto;grid-row:auto;height:260px}.leadTitle{font-size:22px}.leadDesc{font-size:13px}.miniThumb{min-width:100px}.masonry{column-count:1}.railTrack{grid-auto-columns:80%}}.fiveBlock{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:8px}.fiveLeft,.fiveRight{min-width:0}.fiveLeft{display:flex;direction:column;align-items:center}.fiveBig{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #00000014;transition:transform .22s ease,box-shadow .22s ease}.fiveBig:hover{transform:translateY(-3px);box-shadow:0 18px 44px #7f00ff33}.fiveBigMedia{height:320px;background-size:cover;background-position:center}.fiveBigBody{padding:14px 16px 16px}.fiveBigTitle{margin:2px 0 6px!important}.fiveBigDesc{color:#595b62!important;margin-bottom:8px!important}.fiveItem{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 22px #0000000f;transition:transform .18s ease,box-shadow .18s ease;height:100%}.fiveItem:hover{transform:translateY(-2px);box-shadow:0 16px 30px #7f00ff2e}.fiveItemMedia{height:120px;background-size:cover;background-position:center}.fiveItemBody{padding:10px 12px 12px}.fiveItemTitle{font-weight:800!important;margin:0 0 4px!important}.fiveBig.sk,.fiveItem.sk{padding:12px}@media (max-width: 992px){.fiveBlock{grid-template-columns:1fr}.fiveBigMedia{height:240px}}@media (max-width: 576px){.fiveItemMedia{height:110px}}.fiveBlock{grid-template-columns:.9fr 1.1fr}.fiveBigMedia{height:260px}.fiveBigBody{padding:12px 14px 14px}.fiveBigTitle{font-size:clamp(18px,1.8vw,22px)!important}.fiveBigDesc{font-size:14px!important}.fiveItemMedia{height:160px}.fiveItemBody{padding:12px 14px 14px}.fiveItemTitle{font-size:clamp(14px,1.2vw,16px)!important}@media (min-width: 1400px){.fiveBlock{grid-template-columns:.85fr 1.15fr}.fiveItemMedia{height:180px}}@media (max-width: 992px){.fiveBlock{grid-template-columns:1fr}.fiveBigMedia{height:240px}.fiveItemMedia{height:130px}}.ribbon{position:absolute;left:12px;top:12px;background:linear-gradient(90deg,#7f00ff,#e100ff);color:#fff;font-weight:800;font-size:12px;padding:4px 10px;border-radius:999px;box-shadow:0 8px 20px #7f00ff40}.drawer-cover{width:100%;height:490px;border-radius:12px;background-size:cover;background-position:center;margin-bottom:12px;box-shadow:0 8px 24px #00000014}@media (max-width: 576px){.drawer-cover{height:280px}}.drawer-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.drawer-meta .left{display:flex;align-items:center;gap:8px;color:#666;font-size:13px}.drawer-meta .left .author{font-weight:600;color:#333}.drawer-meta .left .dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6;display:inline-block}.drawer-meta .status.live{color:#52c41a;font-weight:700}.drawer-meta .status.draft{color:#999;font-weight:700}.drawer-desc{font-size:15px!important;color:#444!important}.drawer-html{font-size:15px;line-height:1.7;color:#222}.drawer-html img{max-width:100%;height:auto;border-radius:8px}.drawer-html p{margin:0 0 12px}.drawer-html h1,.drawer-html h2,.drawer-html h3{margin:18px 0 10px;font-weight:800}.drawer-html ul{padding-left:20px;margin:8px 0 12px}.fiveBigMedia{position:relative}.media-like-btn{position:absolute;top:10px;left:10px;z-index:2;width:36px;height:36px;border:0;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.media-like-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.media-like-btn .anticon{font-size:18px}.likeWrap{position:relative;display:inline-flex;align-items:center;gap:8px}.likeBtn{display:inline-flex;align-items:center;gap:8px;padding:var(--lh-btn-py, 10px) var(--lh-btn-px, 14px);border-radius:999px;border:0;cursor:pointer;background:transparent;filter:drop-shadow(0 6px 14px rgba(255,77,79,.35));transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.likeBtn:hover{transform:translateY(-1px);filter:brightness(1.05)}.likeBtn:active{transform:translateY(0)}.heartIcon{font-size:var(--lh-icon-size, 20px);color:#ff4d4f;animation:none}.likeBtn.pulse .heartIcon{animation:pop .25s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.likeCount{font-weight:800;color:#ff4d4f;font-size:var(--lh-count-size, 13px)}.floatHeart{position:absolute;pointer-events:none;font-size:var(--lh-particle-size, 18px);will-change:transform,opacity;animation:floatUp var(--dur, .8s) ease-out forwards;filter:drop-shadow(0 6px 14px rgba(255,77,79,.35))}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(0)}10%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx, 0)),calc(-50% + var(--ty, -60px))) rotate(var(--rot, 0deg)) scale(1.2)}}.pm-wrap{padding:20px}.pm-filters{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px}.mb8{margin-bottom:8px}.pm-create-center{display:flex;justify-content:center;margin:10px 0 20px}.pm-card{border-radius:16px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;border:1px solid #f0f0f0;box-shadow:0 12px 30px #06003a1a}.pm-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001f;border:2px solid #1900ffd2}.pm-cover{height:170px;width:100%;object-fit:cover;display:block}.pm-title{font-weight:700;font-size:18px;margin:6px 0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pm-excerpt{color:#666;margin:0 0 12px;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pm-actions{width:100%;display:flex;gap:10px}.btn-show{background:#1677ff;color:#fff;border:none;border-radius:18px;padding:2px 14px;height:32px}.btn-edit{background:#fff;border:1px solid #d9d9d9;color:#333;border-radius:8px}.btn-del{background:#fff;border:1px solid #ff4d4f;color:#ff4d4f;border-radius:8px}@media (max-width: 575.98px){.pm-cover{height:160px}.pm-title{font-size:16px}}.body-card-bv{background:linear-gradient(135deg,#fff,#f9fbfc 60%,#fefefe);padding:20px 20px 40px;border-radius:20px}.create-post-modal .ant-modal-body{padding-top:12px}.create-post-modal{margin-top:-35px}.create-post-modal .ck-label{margin-bottom:8px}.create-post-modal .editor-wrap{background:#fff;border:1px solid #eaeaea;border-radius:10px;padding:6px 10px}.create-post-modal .ck-editor__editable{min-height:260px}.create-post-modal .cover-dragger{border-radius:12px;background:#fafafa}.create-post-modal .cover-dragger .ant-upload{padding:8px}.create-post-modal .drag-inner{padding:12px 6px}.create-post-modal .ant-upload-list-picture-card-container{width:100%;height:auto}.create-post-modal .ant-upload-list-item{border-radius:10px}.create-post-modal .footer-help{margin-top:6px}@media (max-width: 768px){.create-post-modal .ck-editor__editable{min-height:220px}}.ck-editor__editable .ck-media__wrapper video{max-width:100%;height:auto;display:block;border-radius:8px}.footer-app{background:#0b1220;color:#c9d4e3;padding:48px 16px 24px;font-family:Inter,Arial,Helvetica,sans-serif}.foot-container{max-width:1200px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px;align-items:start}@media (max-width: 992px){.footer-grid{grid-template-columns:1fr 1fr;gap:22px}}@media (max-width: 576px){.footer-grid{grid-template-columns:1fr}}.foot-brand{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.brand-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#ff3b3b,#ff9f1a);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.brand-text{color:#fff;font-weight:800;letter-spacing:.6px;font-size:20px}.foot-title{color:#fff;font-weight:700;margin-bottom:12px;letter-spacing:.3px}.foot-text{margin:0 0 14px;color:#aab6c8;line-height:1.65}.foot-text.small{font-size:13px}.foot-links{list-style:none;padding:0;margin:0}.foot-links li{margin:8px 0}.foot-links a,.foot-hint a,.foot-bottom a{color:#c9d4e3;text-decoration:none}.foot-links a:hover,.foot-hint a:hover,.foot-bottom a:hover{color:#fff}.socials{display:flex;gap:12px;margin-top:10px}.socials a{color:#c9d4e3;font-size:18px}.socials a:hover{color:#fff}.foot-bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.foot-bottom-links{display:flex;align-items:center;gap:10px}.foot-bottom .dot{width:4px;height:4px;background:#5e6a7e;display:inline-block;border-radius:50%}.legal-modal .ant-modal-content{border-radius:14px;background:#0f1726;color:#cfe0ff;box-shadow:0 20px 60px #00000073}.legal-modal .ant-modal-header{background:transparent;border-bottom:1px solid rgba(255,255,255,.08)}.legal-modal .ant-modal-title{color:#fff;font-weight:800;letter-spacing:.3px}.legal-modal .ant-modal-body{max-height:70vh;overflow:auto;padding:20px 8px 8px}.legal-modal .ant-modal-body::-webkit-scrollbar{width:8px}.legal-modal .ant-modal-body::-webkit-scrollbar-track{background:transparent}.legal-modal .ant-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f46e5,#06b6d4);border-radius:8px}.legal-content{padding:0 8px 8px}.legal-content h4{color:#fff;margin-top:12px;margin-bottom:8px;font-weight:800}.legal-content p,.legal-content li{color:#cfe0ff}.legal-content ul{margin:8px 0 16px 18px}.foot-hint{margin-top:8px;color:#8fa2bf;font-size:13px}.login-wrap{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 10% -10%,#e6f4ff 30%,transparent 31%),radial-gradient(900px 500px at 120% 10%,#f0f5ff 30%,transparent 31%),linear-gradient(135deg,#e0f2ff,#f7fbff 60%,#fefefe)}.login-bg:before,.login-bg:after{content:"";position:absolute;filter:blur(80px);border-radius:50%;opacity:.35}.login-bg:before{width:360px;height:360px;background:#60a5fa;top:-80px;right:-40px}.login-bg:after{width:300px;height:300px;background:#34d399;bottom:-80px;left:-40px}.login-row{min-height:100vh}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-radius:18px;box-shadow:0 12px 40px #0000001a;padding:8px 6px;transition:transform .25s ease,box-shadow .25s ease}.login-card:hover{transform:translateY(-4px);box-shadow:0 18px 55px #0000001f}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px}.divider{margin:12px 0 18px}.field-icon{color:#8fb3ff;margin-right:6px}.submit-btn{height:44px;border-radius:10px;border:none;color:#fff;font-weight:600;background:linear-gradient(135deg,#1677ff,#00c6ff);box-shadow:0 8px 18px #1677ff59;transition:all .3s ease}.submit-btn:hover{background:linear-gradient(135deg,#00c6ff,#1677ff);box-shadow:0 10px 24px #1677ff73;transform:translateY(-2px)}.ghost-btn{height:42px;border-radius:10px;background:#fff;border:1px solid #e5e7eb}.link{padding:0}@media (max-width: 575.98px){.login-card{padding:10px 12px}}:root{--hdr-grad-a: #0f172a;--hdr-grad-b: #4338ca;--hdr-dark: #0b1220;--hdr-text: #ffffff}.header-app{position:sticky;top:0;z-index:1000;padding:0;height:auto;display:flex;flex-direction:column;background:linear-gradient(250deg,#0b12208c,#0b122000 30%),linear-gradient(90deg,var(--hdr-grad-a),var(--hdr-grad-b));box-shadow:0 10px 24px #0000002e}.header-inner{display:flex;align-items:center;gap:16px;padding:12px 16px;min-height:64px}.brand{display:flex;align-items:center;min-width:160px}.logo-wrap{display:flex;align-items:center}.brand-logo{width:auto;display:block;transform:scale(2.55);transform-origin:center;margin-left:15px;margin-top:20px}.brand-logo:hover{transform:scale(2.8);transition:transform .2s ease}.header-search{flex:1;max-width:980px}.header-app .ant-input-affix-wrapper{border-radius:12px;border:none;padding:6px 12px;box-shadow:0 6px 18px #00000026}.header-app .ant-input-affix-wrapper:focus,.header-app .ant-input-affix-wrapper-focused{box-shadow:0 10px 24px #22d3ee59}.header-right{display:flex;align-items:center;gap:8px;color:var(--hdr-text)}.header-icon{font-size:20px}.burger{color:#fff;font-size:25px}.burger:hover{color:#00ff4c;font-size:25px}.active_menu{color:#00ff4c!important}.active_menu_mobile{color:#2600ff!important}.nav-wrap{padding:0 5px}.nav-menu{background:transparent!important;border:none!important}.nav-menu .ant-menu-item{color:#fff!important;font-weight:600;font-size:18px}.nav-menu .ant-menu-item:hover{color:#00ff4c!important}.text-menu{color:#fff;text-decoration:none;cursor:pointer}.text-menu:hover{color:#e8f7ff}.nav-drawer .ant-drawer-header{background:var(--hdr-dark);color:#fff}.nav-drawer .ant-drawer-body{padding-top:12px}.drawer-head{display:flex;align-items:center;gap:8px}.drawer-head .brand-logo{height:26px}.drawer-search{margin-bottom:12px}.drawer-menu .ant-menu-item{font-weight:600}@media (max-width: 992px){.header-search{max-width:100%}}@media (max-width: 768px){.nav-wrap{display:none}.brand-logo{height:44px}}@media (max-width: 480px){.header-inner{padding:15px}.brand-logo{transform:scale(2.55);margin-left:50px;margin-bottom:20px}}.header-inner{width:min(1200px,100% - 32px);margin:0 auto;justify-content:center;gap:16px}.brand{display:flex;align-items:center}.brand .brand-logo{height:50px;width:auto;object-fit:contain}.header-search{flex:0 1 780px;margin:0 16px}.header-right{display:flex;align-items:center;gap:10px}.nav-wrap{display:flex;padding:0 0 5px}.nav-menu{width:min(1200px,100% - 32px);margin:0 auto!important;background:transparent!important;border:none!important}.nav-menu .ant-menu-overflow{display:flex;justify-content:center}.nav-menu .ant-menu-item{padding-inline:16px;font-weight:600}.nav-wrap .ant-menu{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-wrap .ant-menu::-webkit-scrollbar{height:0}@media (max-width: 1024px){.header-search{flex-basis:640px}}@media (max-width: 768px){.nav-wrap{display:none}.header-inner{width:min(640px,100% - 24px);position:relative;justify-content:center}.brand{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.header-right{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.header-search{display:none}}@media (max-width: 480px){.brand .brand-logo{height:40px}}.nav-drawer .ant-drawer-body{padding:0;background:#0f1430;color:#e6ecff}.drawer-head{background:radial-gradient(120% 120% at 0% 0%,#28306b,#171d3e 60%,#111633);padding:20px 18px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-logo{transform:scale(.8);width:auto}.drawer-logo:hover{transform:scale(.9);transition:transform .2s ease}.drawer-tagline{font-size:12px;color:#b8c1ff;letter-spacing:.3px}.drawer-search{position:sticky;top:0;z-index:2;background:#0f1430;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.nav-drawer .ant-input-affix-wrapper{background:#101738;border:1px solid rgba(255,255,255,.08);color:#e8edff}.nav-drawer .ant-input-affix-wrapper input{color:#e8edff}.nav-drawer .ant-input-affix-wrapper:hover,.nav-drawer .ant-input-affix-wrapper-focused{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee2e}.drawer-quick{display:flex;gap:8px;padding:12px 14px 0;flex-wrap:wrap}.quick-btn{background:linear-gradient(135deg,#1fb6ff,#673ab7);color:#fff;border:none;border-radius:10px;box-shadow:0 8px 18px #1fb6ff40}.quick-btn:hover{filter:brightness(1.05)}.drawer-divider{margin:12px 14px;color:#9fb4ff!important}.drawer-list{padding:0 10px;display:grid;gap:8px}.drawer-item{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:8px;padding:10px;color:#e8edff;text-decoration:none;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.drawer-item:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000047;border-color:#22d3ee8c}.drawer-item.active{background:linear-gradient(90deg,#22d3ee2e,#a855f72e);border-color:#22d3eecc;box-shadow:0 12px 28px #22d3ee40}.di-index{font-weight:800;color:#9bdcff;letter-spacing:.5px}.di-text{font-weight:600;color:#eef3ff}.di-arrow{color:#a6b3ff;font-size:16px}.drawer-chips{padding:2px 12px 8px;display:flex;flex-wrap:wrap;gap:8px}.drawer-chips .chip{display:inline-flex;padding:6px 10px;font-size:12px;color:#dfe8ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.drawer-chips .chip:hover{background:#22d3ee33;border-color:#22d3ee80;color:#fff}.drawer-chips .chip.active{background:linear-gradient(90deg,#22d3ee40,#a855f740);border-color:#22d3eecc;color:#fff}.drawer-footer{padding:14px;border-top:1px solid rgba(255,255,255,.06);margin-top:8px}.drawer-footer .df-line{display:flex;align-items:center;gap:10px;color:#8fa1ff;font-size:12px}.drawer-footer a{color:#cfe3ff;text-decoration:none}.drawer-footer a:hover{color:#22d3ee}.drawer-footer .dot{width:4px;height:4px;border-radius:50%;background:#6c7bff;display:inline-flex}.nav-drawer .ant-drawer-body{-webkit-overflow-scrolling:touch}.nav-drawer .ant-drawer-close{position:absolute;right:12px;top:10px;width:28px;height:28px;border-radius:1000;z-index:1000;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px #22d3ee40;transition:transform .15s ease,filter .15s ease,box-shadow .2s ease,border-color .2s ease}.nav-drawer .ant-drawer-close:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 32px #22d3ee59}.nav-drawer .ant-drawer-close .anticon,.nav-drawer .ant-drawer-close svg{font-size:16px;color:#fff}.nav-drawer .ant-drawer-close span:not(.anticon){display:none}.detail-page{--header-h: 100px}.read-progress{position:fixed;top:0;left:0;height:4px;z-index:2000;background:linear-gradient(90deg,#7f00ff,#e100ff);box-shadow:0 4px 14px #7f00ff59}.hero-detail{position:relative;background-size:cover;background-position:center;min-height:500px;display:flex;align-items:flex-end}.hero-mask{position:absolute;inset:0;background:radial-gradient(1200px 500px at -10% -40%,rgba(255,255,255,.15),transparent 60%),radial-gradient(1200px 500px at 110% -40%,rgba(255,255,255,.12),transparent 60%),linear-gradient(180deg,#0000 10%,#000000a6 80%)}.hero-inner{position:relative;z-index:1;color:#fff;width:100%;max-width:1200px;margin:0 auto;padding:24px}.breadcrumb,.breadcrumb a{color:#fff}.hero-tags{display:flex;gap:8px;margin:6px 0 8px}.pill{border:none;font-weight:800;background:linear-gradient(90deg,#7f00ff,#e100ff);color:#fff!important;border-radius:999px;padding:2px 10px;box-shadow:0 6px 18px #7f00ff40}.hero-title{margin:6px 0 10px!important;color:#fff!important;text-shadow:0 8px 30px rgba(0,0,0,.5)}.hero-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.meta-col{display:flex;flex-direction:column}.meta-sub{display:flex;align-items:center;gap:8px;font-size:13px;opacity:.95}.dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.7;display:inline-block}.container{max-width:1200px;margin:0 auto;padding:22px 24px 32px}.article{background:#fff;border-radius:16px;box-shadow:0 8px 26px #0000000f;padding:16px 18px 20px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.desc{font-size:16px!important;color:#444!important;background:#faf7ff;border:1px dashed #e8e1ff;padding:12px 14px;border-radius:12px}.article-html{font-size:16px;line-height:1.8;color:#1b1d24}.article-html img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px #0000000f;margin:12px 0}.article-html p{margin:0 0 14px}.article-html h1,.article-html h2,.article-html h3{font-weight:900;margin:20px 0 12px;scroll-margin-top:calc(var(--header-h) + 12px)}.article-html blockquote{margin:12px 0;padding:10px 14px;border-left:4px solid #7f00ff;background:#fafafa;border-radius:8px}.author-box{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#fff,#faf7ff);border:1px solid #f0e7ff;border-radius:14px;padding:12px;margin-top:16px}.author-name{font-weight:800}.author-note{color:#666}.sidebar{position:sticky;top:calc(var(--header-h) + 10px);display:flex;flex-direction:column;gap:16px}.box{border-radius:16px;overflow:hidden}.box .boxTitle{font-weight:800;padding:10px 12px;background:linear-gradient(90deg,#ffe1f3,#e8ddff);border-bottom:1px solid #f0e7ff;border-top-left-radius:16px;border-top-right-radius:16px}.box .ant-card-body{padding:12px}.hot-list{display:flex;flex-direction:column;gap:10px}.hot-item{display:grid;grid-template-columns:36px 1fr 72px;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:8px 6px;border-radius:10px;transition:.15s}.hot-item:hover{background:#fff;box-shadow:0 8px 22px #0000000f}.hot-rank{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;background:linear-gradient(180deg,#7f00ff,#e100ff);color:#fff;box-shadow:0 6px 16px #7f00ff33}.hot-title{font-weight:800!important;margin:0!important}.hot-thumb{width:72px;height:56px;background-size:cover;background-position:center;border-radius:10px}.hot-meta{font-size:12px;color:#666}.backTop{align-self:center}.rel-card{display:flex;gap:10px;text-decoration:none;color:inherit;background:#fff;border-radius:14px;overflow:hidden;transition:.18s;border:1px solid #f2f2f2}.rel-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #7f00ff2e}.rel-media{width:36%;min-width:140px;height:120px;background-size:cover;background-position:center;border-right:1px solid #f6f6f6}.rel-body{flex:1;min-width:0;padding:10px 12px}.rel-title{font-weight:800!important;margin:0 0 6px!important}.rel-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;justify-content:space-between}@media (max-width: 992px){.hero-detail{min-height:280px}.container{padding:16px}}@media (max-width: 576px){.hero-inner{padding:16px}.hero-title{font-size:22px!important}.rel-media{min-width:110px;height:100px}}.article-html,.article-html *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.article-html img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.article-html a img{pointer-events:auto}.article-html .allow-select,.article-html .allow-select *{user-select:text!important;-webkit-user-select:text!important}.backTop.ant-btn-primary{background-image:linear-gradient(90deg,#7f00ff,#e100ff);border:0;color:#fff;box-shadow:0 8px 22px #7f00ff40;transition:transform .18s ease,box-shadow .18s ease,filter .18s}.backTop.ant-btn-primary:hover,.backTop.ant-btn-primary:focus{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 30px #7f00ff59}.backTop .anticon{color:currentColor}.backPage{background-image:linear-gradient(90deg,#7f00ff,#e100ff);border:0;color:#fff;box-shadow:0 8px 22px #7f00ff40;transition:transform .18s ease,box-shadow .18s ease,filter .18s}.box .boxTitle{display:flex;align-items:center;gap:10px;font-weight:800;padding:10px 12px;background:linear-gradient(90deg,#ffe1f3,#e8ddff);border-bottom:1px solid #f0e7ff;border-top-left-radius:16px;border-top-right-radius:16px}.tocIcon{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#7f00ff,#e100ff);box-shadow:0 6px 16px #7f00ff40;font-size:14px}.tocScroll{max-height:500px;overflow:auto;padding-right:4px;scroll-behavior:smooth}.tocScroll{scrollbar-width:thin}.tocScroll::-webkit-scrollbar{width:6px}.tocScroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7f00ff,#e100ff);border-radius:999px}html,body{scroll-behavior:smooth}.article-html h1,.article-html h2,.article-html h3,.article-html p[id],.article-html li[id],.article-html div[id]{scroll-margin-top:calc(var(--header-h, 80px) + 12px)}.ant-anchor-wrapper .ant-anchor-link-title{font-weight:600}.ant-anchor .ant-anchor-ink:before{background:linear-gradient(90deg,#7f00ff,#e100ff)}.heartBtn{border:0;color:#ff4d4f;background:#ff4d4f1f;box-shadow:0 8px 20px #ff4d4f33;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.heartBtn:hover{filter:brightness(1.05);transform:translateY(-1px)}.heartBtn .anticon{color:currentColor}.heartBtn.on{background:#ff4d4f;color:#fff;box-shadow:0 10px 26px #ff4d4f59}.fab-scroll.ant-float-btn-primary{background-image:linear-gradient(90deg,#7f00ff,#e100ff);border:0;color:#fff;box-shadow:0 10px 26px #7f00ff47;transition:transform .18s ease,box-shadow .18s ease,filter .18s}.fab-scroll.ant-float-btn-primary:hover,.fab-scroll.ant-float-btn-primary:focus{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 38px #7f00ff61}.fab-scroll .ant-float-btn-body{color:#fff}.btn-cuon-trang{background:linear-gradient(90deg,#7f00ff,#e100ff);color:#fff;border:0;box-shadow:0 12px 30px #8b5cf659}:root{--accent-a: #8b5cf6;--accent-b: #ec4899;--surface: #0b1220;--card: #0f1726;--muted: #aab6c8}.postall{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}.ph-title{margin:0;font-weight:900;letter-spacing:.2px}.ph-sub{display:block;color:#667792}.ph-right{color:#334155;font-weight:700}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 8px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent-a),var(--accent-b));margin-right:6px}.filter-card{position:relative;background:#fff;border-radius:16px;padding:16px;border:1px solid #eef2f7;box-shadow:0 20px 40px #110c2e12}.filter-card .fc-head{font-weight:700;letter-spacing:.3px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.filter-card .fc-body{display:flex;flex-direction:column;gap:16px}.fc-field .fc-label{font-size:13px;color:#64748b;margin-bottom:6px}.fc-actions{margin-top:8px}.w100{width:100%}.sticky{position:sticky;top:88px}.post-card{border:none;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px #0a0a1e0f;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.post-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #8b5cf647,0 6px 18px #ec48992e}.pc-cover{position:relative;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center}.pc-cover.sk{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.pc-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#00000059)}.pc-cat{position:absolute;left:10px;top:10px;z-index:2;padding:4px 10px;font-size:12px;color:#fff;border-radius:999px;background:linear-gradient(135deg,var(--accent-a),var(--accent-b));box-shadow:0 6px 16px #ec489959}.pc-body{padding:12px 10px 14px}.pc-title{margin:6px 0 4px;font-weight:800!important;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc-desc{color:#546173!important;margin-bottom:10px}.pc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#475569;margin-bottom:8px}.pc-meta .meta-left{display:flex;align-items:center;gap:8px}.pc-meta .author{color:#0f172a;font-weight:600}.pc-meta .meta-right{display:flex;align-items:center;gap:8px}.pc-meta .dot{width:4px;height:4px;border-radius:50%;background:#94a3b8;display:inline-block}.tag-pill{border-radius:999px!important;border:0!important;background:#f1f5ff!important;color:#334155!important;margin:4px 6px 0 0!important}.list-foot{display:flex;justify-content:center;margin-top:18px}@media (max-width: 992px){.sticky{position:static;top:auto}}@media (max-width: 576px){.page-head{flex-direction:column;align-items:flex-start;gap:8px}}.dv-wrap{--bg1: #0f0f14;--bg2: #1b1b26;--grad: linear-gradient(135deg, #7f00ff, #00d4ff);--card: #11141a;--text-sub: #a6adbb}.dv-hero{background:radial-gradient(1200px 400px at 20% -10%,rgba(127,0,255,.45),transparent),radial-gradient(1000px 360px at 80% 0%,rgba(0,212,255,.35),transparent),linear-gradient(180deg,var(--bg1),var(--bg2));padding:56px 16px 36px;color:#fff}.dv-hero-inner{max-width:1120px;margin:0 auto}.dv-title{color:#fff!important;margin:0;letter-spacing:.3px}.dv-title span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.dv-sub{margin:6px 0 0;color:var(--text-sub)}.dv-input-row{margin-top:18px}.dv-supported{margin-top:10px;color:#c9d1d9;font-size:13px}.dv-container{max-width:1120px;margin:20px auto 48px;padding:0 16px}.dv-card{background:#0f1220;border:1px solid #1c2338!important;border-radius:14px!important;box-shadow:0 10px 30px #00000040;color:#e8eaed}.dv-results{display:grid;grid-template-columns:260px 1fr;gap:16px}@media (max-width: 768px){.dv-results{grid-template-columns:1fr}}.dv-thumb{width:100%;border-radius:12px;object-fit:cover;box-shadow:0 8px 24px #0006}.dv-downloads .dv-download-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px dashed #2a3458;border-radius:12px;background:#161b338c}.dv-section{margin-top:12px}.dv-feature{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}.dv-feature-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--grad);box-shadow:0 6px 18px #7f00ff59}.dv-feature-title{font-weight:600;color:#fff}.dv-feature-desc{color:var(--text-sub);font-size:13px}.dv-card .ant-card-head-title{color:#fff}.dv-card .ant-steps-item-title{color:#eaeef6}.dv-card .ant-steps-item-description{color:#9aa3b2}.dv-card .ant-steps-item-title,.dv-card .ant-steps-item-description{color:#e6ebf7!important}.dv-card .ant-steps-item-wait .ant-steps-item-title,.dv-card .ant-steps-item-wait .ant-steps-item-description{color:#c8d1e6!important}.dv-card .ant-steps-item-icon{background:#161c2d!important;border-color:#3a4b7a!important}.dv-card .ant-steps-icon,.dv-card .ant-steps-item-icon .ant-steps-icon{color:#fff!important}.dv-card .ant-steps-item-tail:after{background-color:#2a3458!important}.dv-card .ant-collapse>.ant-collapse-item>.ant-collapse-header{color:#e6ebf7!important}.dv-card .ant-collapse-expand-icon,.dv-card .ant-collapse-arrow{color:#9fb4ff!important}.dv-card .ant-collapse,.dv-card .ant-collapse-content{background:#0f1220!important;border-color:#1c2338!important}.dv-card .ant-collapse-content>.ant-collapse-content-box{color:#c8d1e6!important}.dv-card,.dv-card p,.dv-card li,.dv-card .ant-typography{color:#e6eaef}