body{background-color:#f9fafb;font-family:"Inter",system-ui,sans-serif;color:#1e293b;margin:0;padding:0}a{color:#1e293b;text-decoration:none}a:hover{color:#3b82f6;text-decoration:underline}.container{max-width:1280px;margin:0 auto;padding:0 16px}.red-link{color:red}.red-link:hover{color:#cc0000;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}header{background-color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:10px}.header-top{border-bottom:1px solid #e5e7eb}.header-flex{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 0}@media (min-width:768px){.header-flex{flex-direction:row}}header a{display:block;text-decoration:none;transition:all 0.3s ease}header a:hover{color:white;background-color:#3b82f6;text-decoration:none}.header-logo a{height:60px;font-size:48px;font-weight:bold;color:#3b82f6;background-color:transparent}.header-logo a:hover{color:#3b82f6;background-color:transparent}.header-banner{background-color:#3b82f6;width:360px;height:60px;color:white;padding:8px;display:grid;place-items:center}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.nav-menu-left{margin:0}.nav-menu-right{margin:0}.nav-menu,.dropdown-menu{list-style:none;margin:0;padding:0;display:none}.nav-item{position:relative}.nav-item a{padding:12px 16px}.nav-item.active a{background-color:#3b82f6;color:white}.nav-menu:hover .nav-item.active:not(:hover) a{background-color:transparent;color:#1e293b}.nav-item.dropdown:hover .dropdown-menu{display:block}.dropdown-menu{position:absolute;top:100%;left:0;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,0.1);z-index:10;min-width:160px}.dropdown-item a{padding:8px 16px}.nav-right{display:none}#mobile-menu-button{background:none;border:none;font-size:20px;cursor:pointer}#mobile-menu{display:none;margin:0;padding:0 0 12px;list-style:none}#mobile-menu li{margin:0;padding:0;list-style:none}#mobile-menu a{padding:8px 16px}#mobile-menu a:hover{background-color:transparent;color:#3b82f6}@media (min-width:768px){.nav-menu{display:flex}#mobile-menu-button{display:none}.nav-right{display:block}}.mobile-dropdown-toggle{display:flex;justify-content:space-between;align-items:center}.mobile-dropdown-toggle i{transition:transform 0.3s ease}.active .mobile-dropdown-toggle i{transform:rotate(180deg)}.mobile-dropdown-menu{display:none;list-style:none;padding-left:10px}.mobile-dropdown.active .mobile-dropdown-menu{display:block}main{padding:10px 0 16px 0}aside{flex:1;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.main-layout{display:flex;flex-direction:column;gap:10px}.left-content{flex:3;min-width:0}@media (min-width:768px){.main-layout{flex-direction:row}aside{position:sticky;align-self:flex-end;bottom:0}}@media (max-width:1280px){.right-sidebar{max-width:unset;width:unset}}.sidebar-card{width:100%;box-sizing:border-box;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:10px;padding-bottom:10px;border:1px solid #e5e7eb;overflow:hidden;box-sizing:}.sidebar-card-title{position:relative;margin:11.5px 15px;font-weight:bold;font-size:16px}.sidebar-card-line{margin:0 15px;width:calc(100% - 30px);height:2px;background-color:#e5e7eb;position:relative;top:-2px}.sidebar-card-line::after{content:'';position:absolute;left:0;bottom:0;width:64px;height:2px;background-color:#ff0000}.sidebar-card ul{list-style:none;margin:5px 10px;padding:0 10px;box-sizing:border-box}.sidebar-card ul li{padding:2px 0;display:flex;align-items:center;gap:8px;box-sizing:border-box;border-bottom:1px solid #f1f5f9}.sidebar-card ul li:last-child{border-bottom:none}.sidebar-card ul li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.sidebar-card ul li .text-content{flex:1 1 0;min-width:0;line-height:1.4}.sidebar-card ul li .text-content .date{display:block;font-size:13px;color:#6b7280}.card{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);box-sizing:border-box;overflow:hidden;margin-bottom:10px}.card-block{border-top:2px solid #ff0000}.card-header{display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb;padding:10px 15px}.card ul{list-style:none;margin:0;padding:12px;width:100%;box-sizing:border-box}.card li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;gap:8px;width:100%;box-sizing:border-box;white-space:nowrap}.card li a{max-width:calc(100% - 80px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.card li span{flex-shrink:0;color:#6b7280;font-size:13px}.card-blue-bar{background-color:#3b82f6;width:3px;height:16px;margin-right:5px;display:inline-block;vertical-align:middle}.card-header h2{margin:0;padding:0;font-size:16px;line-height:16px}.card-header h2 a{vertical-align:middle}.carousel{position:relative;overflow:hidden;margin-bottom:10px;height:100%}.carousel-inner{display:flex;width:100%;height:100%;transition:transform 0.5s ease}.carousel-item{flex:0 0 100%;height:100%;position:relative}.carousel-item img{width:100%;height:100%;display:block;object-fit:cover}.carousel-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.carousel-indicator{width:10px;height:10px;background:rgba(255,255,255,0.6);cursor:pointer;border:1px solid rgba(0,0,0,0.6)}.carousel-indicator.active{background:rgba(0,0,0,0.6);border-color:rgba(255,255,255,0.6)}.carousel-control-prev,.carousel-control-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.3);color:white;border:none;width:36px;height:36px;cursor:pointer;z-index:5}.carousel-indicator:hover,.carousel-control-prev:hover,.carousel-control-next:hover{background:rgba(0,0,0,0.5)}.carousel-control-prev{left:8px}.carousel-control-next{right:8px}.carousel-caption{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:4;color:#ff0000;font-size:18px;text-align:center;background-color:rgba(0,0,0,0.5);padding:2px 4px;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;text-shadow:0.6px 0 #fff,-0.6px 0 #fff,0 0.6px #fff,0 -0.6px #fff,0.6px 0.6px #fff,-0.6px -0.6px #fff,0.6px -0.6px #fff,-0.6px 0.6px #fff}.left-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;align-items:flex-start;margin-bottom:0}.left-grid>*{align-self:flex-start;height:375px}@media (max-width:1280px){.left-grid{grid-template-columns:1fr}}footer{background-color:#1f2937;color:white;margin-top:8px;padding-bottom:12px;font-size:14px;color:#9ca3af;box-shadow:0 -1px 3px rgba(0,0,0,0.1)}.footer-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-grid h3{font-size:16px;margin-bottom:12px;color:white}.footer-grid a{color:#9ca3af;text-decoration:none;display:block;margin:4px 0}.footer-grid a:hover{color:white}.footer-grid img{width:100px}.footer-icons i{font-size:14px}.footer-icons a{display:inline-flex;font-size:16px;width:32px;height:32px;background-color:#374151;align-items:center;justify-content:center;margin-right:8px;transition:0.3s}.footer-icons a:hover{background-color:#3b82f6}.footer-bottom{border-top:1px solid #374151;text-align:center;margin-top:16px;padding-top:8px;color:#9ca3af;font-size:12px}.friend-links{background-color:#fff;color:#111;padding:8px 0 16px 0;margin-top:0px}.friend-links h3{font-size:16px;font-weight:bold;margin-bottom:8px}.friend-links .links-wrap{display:flex;flex-wrap:wrap;gap:12px}.friend-links a{font-size:14px}.friend-links a:hover{color:#3b82f6}.page-container{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);border-top:2px solid #ff0000;margin-bottom:10px;overflow:hidden;padding:20px;line-height:1.8}.page-breadcrumb{font-size:14px;margin:12px 0}.crumb-link{color:#6b7280;text-decoration:none}.crumb-link:hover{color:#3b82f6;text-decoration:underline}.list-container{}.list-container>ul{list-style:none;margin:0 0 10px 0;padding:0}.list-container>ul>li{padding:10px;border-bottom:1px solid #f1f5f9}.list-container>ul>li h2,.list-container>ul>li h3{font:inherit;line-height:inherit}.list-container>ul>li h2{margin:0;font-size:18px;font-weight:bold}.list-container>ul>li h3{margin:10px 0}.list-item-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.list-item-meta{display:flex;justify-content:space-between;align-items:center}.list-item-date,.list-item-views{font-size:13px;color:#6b7280;white-space:nowrap}.article-content{}.article-content h1{font-size:24px;margin:0 0 20px 0;line-height:1.3}.article-content h2{font-size:20px;margin:25px 0 15px 0;padding-left:8px;border-left:3px solid #ff0000}.article-content h3,h4,h5,h6{margin:20px 0 12px 0;font-weight:bold}.article-content h3{font-size:18px}.article-content h4,h5,h6{font-size:16px}.article-content p{font-size:15px;margin:0 0 15px 0}.article-content ul{margin:0 0 15px 20px;padding-left:10px}.article-content ul li{font-size:15px;margin-bottom:8px}.article-content a{color:#3b82f6}.article-meta-top{display:flex;flex-wrap:wrap;gap:15px;font-size:14px;color:#6b7280;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.article-tags-top{margin-bottom:10px}.article-summary{background-color:#f8fafc;border-top:2px solid #3b82f6;padding:2px 10px;margin:15px 0}.article-summary h2{font-size:16px;font-weight:bold;margin:0;padding-left:0;border-left:none}.article-summary p{margin:4px 0px}.article-body{}.article-body img{display:block;max-width:100%;margin-left:auto;margin-right:auto;border:1px solid #e5e7eb}.decl{display:flex;padding:0;margin:10px 0;border:1px solid #e5e7eb;background-color:#f9fafb}.decl a{color:#1e293b}.decl-left{background-color:#3b82f6;min-width:40px;border:1px solid #e5e7eb;display:flex;color:white;font-weight:bold;text-align:center;align-items:center;justify-content:center;writing-mode:vertical-lr}.decl h2{font-size:inherit;margin:0;padding-left:0;border-left:none}.decl-right{flex:1;padding:5px 15px;overflow:hidden}.decl-right p{margin:5px 0;font-size:15px;line-height:1.6;white-space:nowrap}.url-wrap{display:inline-block;max-width:calc(100% - 75px);vertical-align:bottom;box-sizing:border-box}.copy-btn{color:#0066cc;background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer;text-align:left;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dashed #0066cc}.copy-btn:hover{color:#ff0000;border-bottom-color:#ff0000}.copy-btn.copied{color:#4CAF50;border-bottom-color:#4CAF50}.post-nav{font-size:15px;margin:15px 0;padding:5px 10px;border:1px solid #e5e7eb;background-color:#f9fafb;box-shadow:0 1px 3px rgba(0,0,0,0.1);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.post-nav-prev{text-align:left;overflow:hidden;min-width:0}.post-nav-next{text-align:right;overflow:hidden;min-width:0}.post-nav-label{font-weight:bold;display:block;margin-bottom:5px}.post-nav a{color:#3b82f6;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-card{background:#fff;border-top:2px solid #ff0000;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:10px;padding:0}.related-card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;list-style:none;margin:0}.related-card ul li{display:block;overflow:hidden;min-width:0}.related-card ul li a{display:block;font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{margin-top:20px;padding:10px 0;display:flex;justify-content:center;align-items:center}.pagination ul{display:flex;list-style:none;margin:0;padding:0}.pagination li{margin:0;padding:0}.pagination i{font-size:10px}.pagination a{display:inline-flex;align-items:center;text-align:center;justify-content:center;background-color:#fff;border:1px solid #e5e7eb;text-decoration:none;transition:all 0.3s ease;box-sizing:border-box;font-size:14px;padding:5px 5px;width:45px;height:36px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pagination li a.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.pagination li a:hover{background-color:#3b82f6;color:#fff;border-color:#3b82f6;text-decoration:none}.tags,.hotags{display:flex;flex-wrap:wrap;gap:8px}.hotags{margin:5px 10px;padding:0 10px}.tag{display:inline-block;padding:3px 8px;font-size:12px;background-color:#f1f5f9;color:#6b7280;text-decoration:none;transition:all 0.3s ease}.tag.tag-color1{background-color:#FFCCD0;color:#B30012}.tag.tag-color2{background-color:#FFDFB3;color:#A65C00}.tag.tag-color3{background-color:#FFF5B3;color:#8C6F00}.tag.tag-color4{background-color:#D9F7D9;color:#006600}.tag.tag-color5{background-color:#CCF2F5;color:#006B7F}.tag.tag-color6{background-color:#CCE5FF;color:#004C99}.tag.tag-color7{background-color:#E6CCFF;color:#6600CC}.tag:hover{background-color:#3b82f6;color:#fff;text-decoration:none}.hotags .tag{font-size:16px}.title-404{height:100px;line-height:100px;text-align:center;font-size:28px;padding-bottom:36px;border-bottom:1px solid #000}.function-card{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);overflow:hidden;margin-bottom:10px;padding:10px}.box{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px}.box.box-blue{background-color:#3b82f6;color:white}.box.box-gray{background-color:#9ca3af;color:white}.box.box-amber{background-color:#f59e0b;color:white}.box.box-green{background-color:#22c55e;color:white}.box.box-red{background-color:#ff0000;color:white}.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px}.btn{padding:8px 16px;border:none;cursor:pointer;font-size:14px;color:white;transition:0.3s}.btn:hover{background-color:#b7c4d8}.btn-blue{background-color:#3b82f6}.btn-blue:hover{background-color:#2563eb}.btn-gray{background-color:#6b7280}.btn-gray:hover{background-color:#4b5563}.btn-amber{background-color:#f59e0b}.btn-amber:hover{background-color:#d97706}.btn-green{background-color:#22c55e}.btn-green:hover{background-color:#16a34a}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}