:root{--ms-blue:#0078d4;--ms-blue-hover:#106ebe;--ms-blue-light:#e8f4fd;--ms-blue-bg:#f0f7ff;--ms-dark:#1a1a1a;--ms-text:#333;--ms-text-secondary:#616161;--ms-text-muted:#999999;--ms-bg:#fff;--ms-bg-neutral:#f5f5f5;--ms-bg-card:#fff;--ms-border:#e6e6e6;--ms-border-light:#f0f0f0;--ms-shadow:0 1.6px 3.6px rgba(0,0,0,.08),0 .3px .9px rgba(0,0,0,.1);--ms-shadow-hover:0 6px 12px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.1);--ms-radius:4px;--ms-radius-card:6px;--font-ui:"Segoe UI","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-ui);-webkit-font-smoothing:antialiased;color:var(--ms-text);background:#fff;font-size:16px;line-height:1.6}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--ms-blue);text-decoration:none}a:hover{color:var(--ms-blue-hover);text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{line-height:1.3;color:var(--ms-dark)}p{color:var(--ms-text)}ul{list-style:none;padding:0;margin:0}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-shrink-0,.shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4,.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.ml-2{margin-left:8px}.ml-56{margin-left:224px}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-8{padding-top:32px;padding-bottom:32px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.w-full{width:100%}.w-5{width:20px}.w-6{width:24px}.w-8{width:32px}.h-5{height:20px}.h-6{height:24px}.h-8{height:32px}.min-h-screen{min-height:100vh}.max-w-sm{max-width:384px}.max-w-\[220px\]{max-width:220px}.overflow-hidden{overflow:hidden}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:50%}.border{border:1px solid var(--ms-border)}.border-0{border-width:0}.border-b{border-bottom:1px solid var(--ms-border)}.border-t{border-top:1px solid var(--ms-border)}.border-gray-100{border-color:#f0f0f0}.border-gray-200{border-color:#e0e0e0}.border-red-100{border-color:#fdd}.border-indigo-200{border-color:#c7d2fe}.bg-white{background:#fff}.bg-gray-50{background:#f9fafb}.bg-gray-100{background:#f0f0f0}.bg-red-50{background:#fef2f2}.bg-indigo-50{background:#eef2ff}.bg-indigo-600{background:#4f46e5}.bg-blue-500{background:#3b82f6}.bg-green-500{background:#22c55e}.bg-purple-500{background:#a855f7}.bg-amber-500{background:#f59e0b}.hover\:bg-gray-50:hover{background:#f9fafb}.hover\:bg-gray-200:hover{background:#e0e0e0}.hover\:bg-indigo-700:hover{background:#4338ca}.text-white{color:#fff}.text-gray-300{color:#ccc}.text-gray-400{color:#999}.text-gray-500{color:#777}.text-gray-600{color:#666}.text-gray-700{color:#555}.text-gray-900{color:#111}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-indigo-500{color:#6366f1}.hover\:text-indigo-600:hover,.text-indigo-600{color:#4f46e5}.hover\:text-gray-600:hover{color:#666}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.06)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cursor-pointer{cursor:pointer}.hover\:no-underline:hover,.no-underline{text-decoration:none!important}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-10{z-index:10}.z-50{z-index:50}.focus\:outline-none:focus,.outline-none{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px rgba(79,70,229,.2)}.focus\:border-indigo-400:focus{border-color:#818cf8}.disabled\:opacity-50:disabled{opacity:.5}.transition-colors{transition:color .15s,background .15s,border-color .15s}.ms-container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.ms-container{padding:0 16px}}.site-header{background:#fff;border-bottom:1px solid var(--ms-border-light);position:sticky;top:0;z-index:100}.header-inner{justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px;height:54px}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{gap:10px;font-size:16px;font-weight:700;color:var(--ms-dark)}.header-logo,.header-logo:hover{text-decoration:none}.header-logo .logo-icon{font-size:22px}.header-logo .logo-text strong{background:linear-gradient(135deg,#0078d4,#106ebe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav,.header-nav a{display:flex;align-items:center;gap:4px;height:100%}.header-nav a{padding:0 12px;font-size:13px;color:var(--ms-text);text-decoration:none;border-bottom:2px solid transparent;transition:all .15s}.header-nav a:hover{text-decoration:none}.header-nav a.active,.header-nav a:hover{color:var(--ms-blue);border-bottom-color:var(--ms-blue)}.header-nav a.active{font-weight:600}.hamburger{display:none;background:none;border:none;font-size:22px;cursor:pointer;padding:8px;color:var(--ms-text)}.mobile-overlay{left:0;width:100%;background:rgba(0,0,0,.3);z-index:200}.mobile-menu,.mobile-overlay{position:fixed;top:0;height:100%}.mobile-menu{right:0;width:280px;background:#fff;z-index:201;padding:20px;box-shadow:-4px 0 12px rgba(0,0,0,.1)}.mobile-menu .close-btn{background:none;border:none;font-size:24px;cursor:pointer;float:right;padding:4px 8px;color:var(--ms-text)}.mobile-menu a{display:block;padding:10px 0;font-size:15px;color:var(--ms-text);text-decoration:none;border-bottom:1px solid var(--ms-border-light)}.mobile-menu a:hover{color:var(--ms-blue)}@media(max-width:768px){.header-nav{display:none}.hamburger{display:block}}@media(min-width:769px){.mobile-menu,.mobile-overlay{display:none!important}}.search-bar{max-width:560px;margin:16px auto 0}.search-link{display:block;padding:12px 20px;background:#fff;border:1px solid var(--ms-border);border-radius:var(--ms-radius-card);font-size:14px;box-shadow:var(--ms-shadow);transition:all .15s}.search-link,.search-link:hover{color:var(--ms-text-muted);text-decoration:none}.search-link:hover{box-shadow:var(--ms-shadow-hover);border-color:var(--ms-blue);cursor:text}.hero-section{background:linear-gradient(135deg,#f0f7ff,#e0eefb 50%,#e8f4fd);padding:48px 0;text-align:center}.hero-section h1{font-size:32px;font-weight:700;color:var(--ms-dark);margin-bottom:8px}.hero-section .subtitle{font-size:15px;color:var(--ms-text-secondary);max-width:640px;margin:0 auto 20px}.hero-cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.hero-cat{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:rgba(255,255,255,.7);border:1px solid var(--ms-border);border-radius:999px;font-size:13px;color:var(--ms-text);text-decoration:none;transition:all .15s}.hero-cat:hover{background:#fff;box-shadow:var(--ms-shadow);border-color:var(--ms-blue);color:var(--ms-blue);text-decoration:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ms-card{display:block;padding:20px;background:var(--ms-bg-card);border:1px solid var(--ms-border);border-radius:var(--ms-radius-card);box-shadow:var(--ms-shadow);transition:all .15s;text-decoration:none;color:inherit}.ms-card:hover{box-shadow:var(--ms-shadow-hover);border-color:var(--ms-blue);text-decoration:none}.card-title{font-size:15px;font-weight:600;color:var(--ms-dark);margin-bottom:4px}.card-desc{font-size:13px;color:var(--ms-text-secondary);line-height:1.5}.card-link{font-size:13px;color:var(--ms-blue);font-weight:500;margin-top:6px;display:inline-block}.article-card{display:block;padding:20px;background:var(--ms-bg-card);border:1px solid var(--ms-border);border-radius:var(--ms-radius-card);box-shadow:var(--ms-shadow);transition:all .2s;text-decoration:none;color:inherit}.article-card:hover{box-shadow:var(--ms-shadow-hover);transform:translateY(-2px);border-color:var(--ms-blue);text-decoration:none}.category-tag{display:inline-block;padding:2px 10px;background:var(--ms-blue-light);color:var(--ms-blue);font-size:11px;font-weight:600;border-radius:99px;margin-bottom:8px}.article-card h3{font-size:15px;font-weight:600;color:var(--ms-dark);margin-bottom:6px;line-height:1.4}.article-card p{font-size:13px;color:var(--ms-text-secondary);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-bar{display:flex;gap:6px;font-size:12px;color:var(--ms-text-muted);align-items:center}.sidebar-card{padding:16px;background:var(--ms-bg-card);border:1px solid var(--ms-border);border-radius:var(--ms-radius-card);box-shadow:var(--ms-shadow);margin-bottom:16px}.sidebar-card h3{font-size:14px;font-weight:600;margin-bottom:8px;padding-bottom:8px}.link-list li,.sidebar-card h3{border-bottom:1px solid var(--ms-border-light)}.link-list li{padding:6px 0;font-size:13px}.link-list li:last-child{border-bottom:none}.link-list a{color:var(--ms-text);text-decoration:none;display:block}.link-list a:hover{color:var(--ms-blue)}.section-block{padding:32px 0}.section-block-alt{padding:32px 0;background:var(--ms-bg-neutral)}.section-title{font-size:20px;font-weight:700;color:var(--ms-dark)}.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:#999;margin-bottom:12px}.breadcrumb a{color:#666;text-decoration:none}.breadcrumb a:hover{color:var(--ms-blue)}.compliance-notice{display:flex;gap:8px;align-items:flex-start;padding:10px 14px;background:#fffbe6;border:1px solid #ffe58f;border-radius:var(--ms-radius-card);font-size:12px;color:#ad8b00;margin-bottom:16px;line-height:1.5}.post-content{font-size:15px;line-height:1.8;color:var(--ms-text)}.post-content h2{font-size:20px;font-weight:700;margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--ms-border-light);color:var(--ms-dark)}.post-content h3{font-size:17px;font-weight:600;margin:24px 0 8px;color:var(--ms-dark)}.post-content p{margin:0 0 12px}.post-content ol,.post-content ul{padding-left:20px;margin:0 0 12px}.post-content li{margin-bottom:6px}.post-content code{background:#f4f4f4;padding:2px 6px;border-radius:3px;color:#d63384}.post-content code,.post-content pre{font-size:13px;font-family:Menlo,Consolas,monospace}.post-content pre{background:#1e1e1e;color:#d4d4d4;padding:14px 16px;border-radius:6px;overflow-x:auto;line-height:1.5;margin:0 0 12px}.post-content blockquote{border-left:3px solid var(--ms-blue);padding:8px 14px;margin:0 0 12px;background:var(--ms-blue-light);border-radius:0 4px 4px 0;color:var(--ms-text-secondary);font-size:14px}.post-content img{border-radius:6px;margin:8px 0;box-shadow:var(--ms-shadow)}.post-content a{color:var(--ms-blue);font-weight:500}.post-content a:hover{text-decoration:underline}.post-content table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:14px}.post-content td,.post-content th{padding:8px 12px;border:1px solid var(--ms-border);text-align:left}.post-content th{background:var(--ms-bg-neutral);font-weight:600}.cta-block{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border:1px solid var(--ms-blue-light);border-radius:10px}.cta-block h3{font-size:17px;font-weight:700;margin-bottom:4px}.cta-block p{font-size:14px;color:var(--ms-text-secondary)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary{background:var(--ms-blue);color:#fff}.btn-primary:hover{background:var(--ms-blue-hover);box-shadow:0 2px 8px rgba(0,120,212,.3);transform:translateY(-1px);text-decoration:none;color:#fff}.site-footer{background:#f0f0f0;padding:40px 0 20px;margin-top:48px;border-top:1px solid var(--ms-border-light)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-bottom:24px}.site-footer h4{font-size:13px;font-weight:600;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--ms-blue);display:inline-block}.site-footer ul{list-style:none;padding:0}.site-footer li{margin-bottom:6px}.site-footer li a{font-size:13px;color:var(--ms-text-secondary);text-decoration:none}.site-footer li a:hover{color:var(--ms-blue)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--ms-border);font-size:12px;color:var(--ms-text-muted)}.footer-bottom a{color:var(--ms-text-muted);margin:0 6px}.footer-bottom a:hover{color:var(--ms-blue)}.admin-sidebar{width:224px;position:fixed;left:0;top:0;height:100vh;background:linear-gradient(180deg,#1e293b,#334155);color:#fff;z-index:50;overflow-y:auto;display:flex;flex-direction:column}.admin-sidebar .sidebar-brand{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar .sidebar-brand h2{font-size:16px;font-weight:700;color:#fff}.admin-sidebar .sidebar-brand p{font-size:11px;color:rgba(255,255,255,.5)}.admin-sidebar nav{flex:1;padding:8px 0}.admin-sidebar nav a{display:block;padding:10px 16px;margin:2px 8px;border-radius:8px;font-size:13px;color:rgba(255,255,255,.7);text-decoration:none;transition:all .15s}.admin-sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.admin-sidebar nav a.active{background:rgba(255,255,255,.15);color:#fff;font-weight:600}.admin-sidebar .sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.4)}.admin-sidebar .sidebar-footer a{display:block;padding:6px 0;color:rgba(255,255,255,.5);text-decoration:none;font-size:12px}.admin-sidebar .sidebar-footer a:hover{color:#fff}input[type=email],input[type=password],input[type=text],input[type=url],select,textarea{font-family:var(--font-ui);font-size:14px}input[type=password]:focus,input[type=text]:focus{outline:none}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.cat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--ms-border);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.04);transition:all .15s;text-decoration:none;color:inherit;position:relative;overflow:hidden}.cat-card:hover{border-color:var(--ms-blue);box-shadow:0 3px 10px rgba(0,120,212,.08);text-decoration:none}.cat-icon{font-size:28px;line-height:1;flex-shrink:0}.cat-name{font-size:15px;font-weight:600;color:var(--ms-dark);margin-bottom:2px}.cat-desc{font-size:12px;color:var(--ms-text-secondary)}.cat-count{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:11px;color:#bbb;background:#f8f8f8;padding:3px 10px;border-radius:99px;white-space:nowrap}@media(max-width:768px){.cat-grid{grid-template-columns:1fr}.cat-count{display:none}}.post-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--ms-border);border-radius:10px;overflow:hidden}.post-item{display:flex;align-items:center;gap:12px;padding:14px 18px;text-decoration:none;color:inherit;border-bottom:1px solid var(--ms-border-light);transition:background .1s}.post-item:last-child{border-bottom:none}.post-item:hover{background:#f8faff;text-decoration:none}.post-cat-tag{font-size:11px;color:var(--ms-blue);background:var(--ms-blue-light);padding:2px 8px;border-radius:99px;white-space:nowrap;flex-shrink:0}.post-item-title{font-size:14px;color:var(--ms-text);flex:1;line-height:1.4}.post-item-arrow{font-size:14px;color:#ccc;flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-more{font-size:13px;color:var(--ms-blue);text-decoration:none;font-weight:500}.section-more:hover{text-decoration:underline}.articles-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.article-mini-card{display:block;padding:14px 18px;background:#fff;border:1px solid var(--ms-border);border-radius:8px;text-decoration:none;color:inherit;transition:all .15s}.article-mini-card:hover{border-color:var(--ms-blue);box-shadow:0 2px 8px rgba(0,120,212,.06);text-decoration:none}.article-mini-title{font-size:14px;font-weight:600;color:var(--ms-dark);margin-bottom:4px}.article-mini-desc{font-size:12px;color:var(--ms-text-secondary)}@media(max-width:768px){.hero-section h1{font-size:24px}.hero-section .subtitle{font-size:14px}.card-grid{grid-template-columns:1fr}.cta-block{flex-direction:column;text-align:center;padding:20px}.footer-grid{grid-template-columns:repeat(2,1fr)}.admin-sidebar{display:none}.ml-56{margin-left:0}.grid-cols-2,.lg\:grid-cols-4{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-grid,.grid-cols-2{grid-template-columns:1fr}}.related-article-card{display:block;padding:16px;border-radius:10px;border:1px solid #e5e7eb;text-decoration:none;color:inherit;transition:all .2s ease;background:#fafafa}.related-article-card:hover{border-color:#2563eb;background:#f0f7ff}.captcha-input:focus,.comment-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.12)}.related-cat-card:hover{border-color:#2563eb!important;background:#f0f7ff!important}.cross-link-item:hover{border-color:#16a34a!important;background:#f0fdf4!important}