:root{--brand-600:#1668dc;--brand-500:#1e78ff;--brand-400:#4096ff;--brand-100:#e3f1ff;--brand-50:#f0f7ff;--violet-600:#6d5cf0;--violet-500:#876ffa;--violet-400:#a18cff;--cyan-500:#06b6d4;--cyan-100:#cffafe;--grad-brand:linear-gradient(90deg, #1e78ff 0%, #876ffa 100%);--grad-brand-hover:linear-gradient(90deg, #1668dc 0%, #6d5cf0 100%);--grad-text:linear-gradient(120deg, #1e78ff 20%, #4096ff 60%, #876ffa 100%);--grad-soft:linear-gradient(90deg, #1e78ff0f, #876ffa0f);--grad-deep:linear-gradient(150deg, #0b3fa8 0%, #1e78ff 55%, #4096ff 100%);--grad-cyan:linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--ink-900:#060e33;--ink-700:#333;--ink-500:#666;--ink-400:#999;--bg-page:#f5f9ff;--bg-card:#fff;--bg-soft:#eff4f9;--line:#e6eef6;--line-strong:#d5e3f2;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 3px #99999924;--shadow-md:0 2px 12px #9993;--shadow-lg:0 2px 12px #1e78ff4d;--font-sans:"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", system-ui, sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:15px;--fs-xl:16px;--fs-2xl:20px;--fs-3xl:22px;--fs-4xl:26px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:48px;--container:1200px;--header-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--ink-700);background:var(--bg-page);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3,h4{color:var(--ink-900);font-weight:600;line-height:1.35}.container{width:100%;max-width:var(--container);padding:0 var(--sp-5);margin:0 auto}.section{padding:var(--sp-8) 0}.section-tight{padding:var(--sp-7) 0}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.section-head .kicker{font-size:var(--fs-xs);letter-spacing:2px;color:var(--brand-500);text-transform:uppercase;align-items:center;gap:6px;font-weight:600;display:inline-flex}.section-head .kicker:before{content:"◆";color:var(--brand-500);font-size:10px}.section-head h2{margin-top:var(--sp-1);font-size:var(--fs-3xl)}.section-head .sub{margin-top:var(--sp-1);color:var(--ink-500)}.more-link{color:var(--ink-500);font-size:var(--fs-sm);flex-shrink:0;align-items:center;gap:4px;transition:color .2s;display:inline-flex}.more-link:hover{color:var(--brand-500)}.more-link .icon{width:15px;height:15px}.text-gradient{background:var(--grad-text);color:#0000;-webkit-background-clip:text;background-clip:text}.text-muted{color:var(--ink-500)}.text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.icon{flex-shrink:0;width:1em;height:1em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px;border-radius:4px}::selection{background:var(--brand-100);color:var(--brand-600)}[hidden]{display:none!important}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:transform .15s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-lg{font-size:var(--fs-lg);padding:12px 30px}.btn-md{font-size:var(--fs-md);padding:9px 24px}.btn-sm{font-size:var(--fs-sm);padding:6px 18px}.btn-primary{color:#fff;background:var(--grad-brand);box-shadow:0 6px 16px #1e78ff4d}.btn-primary:hover{background:var(--grad-brand-hover);box-shadow:0 8px 22px #1e78ff66}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffffa6}.btn-ghost:hover{background:#ffffff38}.btn-outline{color:var(--brand-500);border:1px solid var(--brand-400);background:0 0}.btn-outline:hover{background:var(--brand-50)}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .25s,border-color .25s}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--brand-100);transform:translateY(-4px)}.tag{font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;line-height:1.7;display:inline-flex}.tag-brand{color:var(--brand-600);background:var(--brand-50);border:1px solid var(--brand-100)}.tag-cyan{color:#0e7490;background:var(--cyan-100);border:1px solid #a5f3fc}.tag-success{color:#047857;background:var(--success-bg);border:1px solid #a7f3d0}.tag-warning{color:#b45309;background:var(--warning-bg);border:1px solid #fde68a}.tag-danger{color:#b91c1c;background:var(--danger-bg);border:1px solid #fecaca}.tag-muted{color:var(--ink-500);background:var(--bg-soft);border:1px solid var(--line)}.avatar{color:#fff;width:44px;height:44px;font-size:var(--fs-lg);background:var(--grad-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-sm{width:32px;height:32px;font-size:var(--fs-sm)}.avatar-lg{width:72px;height:72px;font-size:var(--fs-2xl)}.avatar-tint-b{background:linear-gradient(135deg,#0891b2,#06b6d4)}.avatar-tint-c{background:linear-gradient(135deg,#6b5cff,#8b7bff)}.field{flex-direction:column;gap:6px;display:flex}.field>label{font-size:var(--fs-sm);color:var(--ink-900);font-weight:500}.field .required:after{content:" *";color:var(--danger)}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;font-size:var(--fs-md);padding:9px 14px;transition:border-color .2s,box-shadow .2s}.input:hover,.select:hover,.textarea:hover{border-color:var(--brand-400)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #1e78ff1f}.textarea{resize:vertical;min-height:110px}.tabs{gap:var(--sp-1);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:4px;display:inline-flex}.tabs .tab{font-size:var(--fs-sm);color:var(--ink-500);border-radius:999px;padding:6px 18px;transition:all .2s}.tabs .tab.active{color:#fff;background:var(--grad-brand);box-shadow:0 3px 10px #1e78ff59}.breadcrumb{font-size:var(--fs-sm);color:var(--ink-400);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.breadcrumb a:hover{color:var(--brand-500)}.breadcrumb .sep{color:var(--line-strong)}.pagination{justify-content:center;gap:var(--sp-1);display:flex}.pagination button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-card);min-width:34px;height:34px;color:var(--ink-500);font-size:var(--fs-sm);padding:0 8px;transition:all .2s}.pagination button:hover:not(:disabled){border-color:var(--brand-400);color:var(--brand-500)}.pagination button.current{color:#fff;background:var(--grad-brand);border-color:#0000}.pagination button:disabled{opacity:.45;cursor:not-allowed}.list-rows{flex-direction:column;display:flex}.list-row{align-items:center;gap:var(--sp-3);border-bottom:1px dashed var(--line);padding:13px 2px;transition:color .15s;display:flex}.list-row:last-child{border-bottom:none}.list-row .row-title{white-space:nowrap;text-overflow:ellipsis;color:var(--ink-700);flex:1;overflow:hidden}.list-row:hover .row-title{color:var(--brand-500)}.list-row .row-date{color:var(--ink-400);font-size:var(--fs-xs);flex-shrink:0}.art{isolation:isolate;position:relative;overflow:hidden}.art:before{content:"";z-index:-2;position:absolute;inset:0}.art:after{content:"";z-index:-1;background-image:radial-gradient(circle at 18% 28%,#ffffff2e,#0000 34%),radial-gradient(circle at 82% 74%,#06b6d438,#0000 40%),repeating-linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 46px),repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 46px);position:absolute;inset:0}.art-a:before{background:linear-gradient(128deg,#1e78ff 0%,#6b5cff 58%,#4096ff 100%)}.art-b:before{background:linear-gradient(128deg,#0b3fa8 0%,#1e78ff 52%,#06b6d4 120%)}.art-c:before{background:linear-gradient(128deg,#1668dc 0%,#5a4fe0 48%,#22d3ee 118%)}.art-d:before{background:linear-gradient(128deg,#0e7490 0%,#0891b2 45%,#1e78ff 115%)}.art-soft:before{background:var(--grad-soft)}.art-soft:after{background-image:radial-gradient(circle at 20% 30%,#1e78ff29,#0000 42%),radial-gradient(circle at 80% 70%,#06b6d424,#0000 46%),repeating-linear-gradient(135deg,#1e78ff0d 0 2px,#0000 2px 14px)}.art-cover{left:var(--sp-3);top:var(--sp-3);font-size:var(--fs-xs);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e3361;border-radius:999px;padding:3px 10px;position:absolute}@media (width<=1024px){.section{padding:var(--sp-7) 0}}@media (width<=768px){.section{padding:var(--sp-6) 0}.section-head h2{font-size:var(--fs-2xl)}}.site-header{z-index:100;height:var(--header-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border-bottom:1px solid #0000;transition:box-shadow .25s,border-color .25s;position:sticky;top:0}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 4px 24px #060e330f}.header-inner{align-items:center;gap:var(--sp-6);height:100%;display:flex}.brand{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.brand-mark{color:#fff;letter-spacing:.5px;background:var(--grad-brand);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #1e78ff59}.brand-text{flex-direction:column;line-height:1.3;display:flex}.brand-text strong{font-size:var(--fs-xl);color:var(--ink-900);letter-spacing:1px}.brand-text small{color:var(--ink-400);letter-spacing:1px;font-size:11px}.main-nav{align-items:center;gap:var(--sp-2);flex:1;display:flex}.nav-link{border-radius:var(--radius-sm);font-size:var(--fs-lg);color:var(--ink-700);align-items:center;gap:2px;padding:8px 14px;transition:color .2s;display:inline-flex;position:relative}.nav-link .icon{width:14px;height:14px}.nav-link:hover,.nav-item.active>.nav-link{color:var(--brand-500)}.nav-item.active>.nav-link:after,.nav-link:hover:after{content:"";background:var(--grad-brand);border-radius:2px;height:3px;position:absolute;bottom:2px;left:14px;right:14px}.nav-item{position:relative}.nav-drop{width:264px;padding:var(--sp-2);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(8px)}.nav-drop:before{content:"";height:18px;position:absolute;top:-18px;left:0;right:0}.nav-item:hover .nav-drop,.nav-item:focus-within .nav-drop{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-drop a{border-radius:var(--radius-sm);flex-direction:column;gap:1px;padding:10px 14px;transition:background .15s;display:flex}.nav-drop a:hover{background:var(--brand-50)}.nav-drop b{font-size:var(--fs-md);color:var(--ink-900);align-items:center;gap:8px;font-weight:600;display:inline-flex}.nav-drop b .icon{width:16px;height:16px;color:var(--brand-500)}.nav-drop span{font-size:var(--fs-xs);color:var(--ink-400);padding-left:24px}.header-actions{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.search-box{border:1px solid var(--line-strong);background:var(--bg-soft);border-radius:999px;align-items:center;gap:6px;width:220px;padding:6px 8px 6px 16px;transition:border-color .2s,box-shadow .2s,width .25s;display:flex}.search-box:focus-within{border-color:var(--brand-400);width:260px;box-shadow:0 0 0 3px #1e78ff1a}.search-box input{min-width:0;font-size:var(--fs-sm);background:0 0;border:none;flex:1}.search-box input:focus{outline:none}.search-box button{color:var(--ink-500);border-radius:50%;padding:5px;display:inline-flex}.search-box button:hover{color:var(--brand-500)}.site-footer{margin-top:var(--sp-7);padding:var(--sp-7) 0 var(--sp-5);color:var(--ink-500);border-top:1px solid var(--line);background:#edf3fb}.footer-grid{gap:var(--sp-6);grid-template-columns:1.6fr 1fr 1fr 1.2fr;display:grid}.footer-logo{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.footer-logo strong{font-size:var(--fs-xl);color:var(--ink-900);letter-spacing:1px}.footer-brand p{font-size:var(--fs-sm);max-width:340px;line-height:1.9}.footer-slogan{margin-top:var(--sp-3);font-size:var(--fs-xs);letter-spacing:3px;color:var(--ink-400)}.footer-col h4{color:var(--ink-900);font-size:var(--fs-md);margin-bottom:var(--sp-3);font-weight:600}.footer-col a{font-size:var(--fs-sm);color:var(--ink-500);align-items:center;gap:8px;padding:5px 0;transition:color .2s;display:flex}.footer-col a:hover{color:var(--brand-500)}.footer-col .icon{opacity:.7;width:15px;height:15px}.footer-bottom{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line-strong);font-size:var(--fs-xs);color:var(--ink-400);justify-content:center;align-items:center;gap:10px;display:flex}.footer-bottom .dot{background:var(--ink-400);border-radius:50%;width:3px;height:3px}@media (width<=1024px){.header-inner{gap:var(--sp-4)}.search-box{width:160px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.site-header{height:auto}.header-inner{height:auto;padding-top:var(--sp-3);padding-bottom:var(--sp-2);gap:var(--sp-4);flex-wrap:wrap}.main-nav{gap:var(--sp-1);order:3;width:100%;overflow-x:auto}.nav-link{font-size:var(--fs-md);white-space:nowrap;padding:6px 10px}.nav-link:after,.brand-text small,.search-box{display:none}.footer-grid{grid-template-columns:1fr}}.user-menu{position:relative}.user-menu-btn{border:1px solid var(--line);background:var(--bg-soft);font-size:var(--fs-sm);color:var(--ink-700);border-radius:999px;align-items:center;gap:7px;padding:5px 12px 5px 6px;transition:border-color .2s,color .2s;display:flex}.user-menu-btn:hover{border-color:var(--brand-400);color:var(--brand-600)}.user-menu-btn .icon{width:13px;height:13px;color:var(--ink-400)}.avatar.avatar-xs{border-radius:50%;width:28px;height:28px;font-size:12px}.user-drop{width:168px;padding:var(--sp-2);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;z-index:120;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(6px)}.user-menu:hover .user-drop,.user-menu:focus-within .user-drop{opacity:1;visibility:visible;transform:translateY(0)}.user-drop a,.user-drop button{border-radius:var(--radius-sm);width:100%;font-size:var(--fs-sm);color:var(--ink-700);text-align:left;align-items:center;gap:8px;padding:9px 12px;transition:background .15s;display:flex}.user-drop a:hover,.user-drop button:hover{background:var(--brand-50);color:var(--brand-600)}.user-drop .icon{width:15px;height:15px;color:var(--ink-400)}