:root{--color-primary-600:#0a5694;--color-primary-550:#0876bd;--color-primary-500:#0d69b7;--color-primary-450:#4182c2;--color-primary-400:#2e7cd6;--color-primary-300:#7eb3e8;--color-primary-200:#a8cff0;--color-primary-100:#dbebfe;--color-primary-50:#f4f6fb;--color-navy:#182437;--color-navy-deep:#151e2d;--color-blue-light:#dbebfe;--color-blue-lighter:#c5dffe;--color-accent-600:#b71c1c;--color-accent-500:#d32f2f;--color-accent-400:#ef5350;--color-accent-300:#e57373;--color-accent-100:#ffebee;--color-neutral-900:#1a1a1a;--color-neutral-800:#333;--color-neutral-700:#4a4a4a;--color-neutral-650:#555;--color-neutral-600:#666;--color-neutral-500:#999;--color-neutral-400:#bfbfbf;--color-neutral-300:#d8d8d8;--color-neutral-200:#ececec;--color-neutral-150:#f1f1f1;--color-neutral-100:#f5f7fa;--color-neutral-50:#fafafa;--color-white:#fff;--color-slate-700:#3c454d;--color-slate-600:#53677a;--color-slate-500:#69869e;--color-slate-200:#cdd7de;--color-slate-100:#eaeef2;--color-coral-500:#f55d51;--color-mint-500:#43c993;--color-success:#67c23a;--color-warning:#e6a23c;--color-error:#f56c6c;--color-info:#909399;--color-primary:var(--color-primary-500);--color-primary-hover:var(--color-primary-600);--color-primary-light:var(--color-primary-400);--color-primary-bg:var(--color-primary-100);--color-primary-border:var(--color-primary-300);--color-accent:var(--color-accent-500);--color-accent-hover:var(--color-accent-600);--color-accent-bg:var(--color-accent-100);--color-danger:var(--color-error);--color-danger-bg:var(--color-accent-100);--color-bg:var(--color-neutral-100);--color-surface:var(--color-white);--color-surface-alt:var(--color-neutral-50);--color-border:var(--color-neutral-200);--color-border-light:var(--color-neutral-100);--color-divider:var(--color-neutral-200);--color-text-primary:var(--color-neutral-800);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:#6b7280;--color-text-inverse:var(--color-white);--color-text-link:var(--color-primary-600);--font-family:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;--font-family-heading:"PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif;--font-family-english:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", "Fira Code", Consolas, monospace;--text-hero:48px;--text-h1:36px;--text-h2:28px;--text-h3:22px;--text-h4:18px;--text-body:16px;--text-small:14px;--text-caption:12px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:32px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.3;--leading-normal:1.75;--leading-relaxed:1.8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--container-xl:1600px;--container-lg:1200px;--container-md:960px;--container-sm:720px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-round:20px;--radius-full:9999px;--border-width-base:1px;--border-width-thick:2px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 12px #0000000f;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 12px 32px #0000001f;--transition-fast:.2s ease;--transition-base:.3s ease;--portal-max-width:var(--container-xl);--header-height:80px;--footer-height:auto}@media (width<=767px){:root{--text-hero:32px;--text-h1:28px;--text-h2:24px;--text-h3:20px;--text-body:15px;--text-small:13px;--text-base:15px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-base);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg)}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.container{width:100%;max-width:var(--container-xl);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}main.main-content{padding-top:var(--space-5);background:linear-gradient(#dceeff 0,#f4f7fc 540px)}main.main-content.login-main{min-height:calc(100vh - 80px);padding:0}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-tertiary);margin-bottom:var(--space-4);display:flex}.breadcrumb a{color:var(--color-text-secondary)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb .separator{color:var(--color-text-tertiary)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-h2);color:var(--color-text-primary);font-weight:700}.section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-title-wrap{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-title{font-size:var(--text-h2);color:var(--color-neutral-900);font-weight:600;line-height:1.4}.section-subtitle{font-family:var(--font-family-english);font-size:var(--text-small);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em}.section-more{font-size:var(--text-small);color:var(--color-primary)}.section-more:hover{color:var(--color-primary-hover)}.detail-row{border-bottom:1px solid var(--color-border-light);font-size:var(--text-base);justify-content:space-between;padding:10px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-secondary);flex-shrink:0;margin-right:16px}.detail-value{color:var(--color-text-primary);text-align:right;word-break:break-all}.list-row{border-bottom:1px solid var(--color-border-light);align-items:center;gap:12px;padding:12px 0;display:flex}.list-row-main{flex:1;min-width:0}.list-row-title{font-weight:var(--font-medium);margin-bottom:4px}.list-row-sub{font-size:var(--text-small);color:var(--color-text-tertiary)}.link-more{font-size:var(--text-small);color:var(--color-primary)}.dash-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=1023px){.dash-grid-2{grid-template-columns:1fr}}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-col{flex-direction:column}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-24{margin-top:24px}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mr-2{margin-right:var(--space-2)}.ml-auto{margin-left:auto}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--text-small)}.text-xs{font-size:var(--text-caption)}.text-lg{font-size:var(--text-lg)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.fw-600{font-weight:600}.fw-700{font-weight:700}.text-secondary{color:var(--color-text-secondary)}.text-tertiary,.text-muted{color:var(--color-text-tertiary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.muted-pad{color:var(--color-text-tertiary);padding:16px 0}.w-full{width:100%}.w-auto{width:auto}.hidden{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-md)}.cursor-pointer{cursor:pointer}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.topbar{background-color:var(--color-primary-50);border-bottom:1px solid var(--color-neutral-200);height:40px}.topbar-inner{justify-content:flex-end;align-items:center;gap:var(--space-4);height:100%;font-size:var(--text-small);color:var(--color-neutral-600);display:flex}.topbar a{color:inherit}.topbar a:hover{color:var(--color-primary)}.role-switcher{align-items:center;gap:4px;display:flex}.role-switcher-label{color:var(--color-neutral-500)}.site-header{z-index:1030;height:var(--header-height);background:linear-gradient(90deg,#c5dffe 0%,#d2e6fe 35%,#cae1fe 55%,#dbebfe 100%);border-bottom:1px solid #ffffffe6;padding:0;position:sticky;top:0;box-shadow:0 1px 6px #0d69b714}.site-header-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:34px;max-width:1800px;height:100%;display:flex}.brand{align-items:center;gap:var(--space-4);display:flex}.brand-logo{width:80px;height:28px;color:var(--color-primary-550);background:0 0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-style:italic;font-weight:700;line-height:1;display:flex}.brand-logo img{width:100%;height:auto;display:block}.brand-text h1{font-family:var(--font-family-heading);color:var(--color-neutral-900);font-size:21px;font-weight:600;line-height:1.35}.header-nav{white-space:nowrap;align-self:stretch;align-items:stretch;gap:30px;display:flex}.header-nav-item{color:#333;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-family:inherit;font-size:16px;display:flex;position:relative}.header-nav-item:hover{color:var(--color-primary-550)}.header-nav-item.is-active{color:var(--color-primary-550);font-weight:600}.header-nav-item.is-active:after{content:"";background:var(--color-primary-550);border-radius:2px;width:50%;height:3px;position:absolute;bottom:11px;left:25%}.brand-text p{font-family:var(--font-family-english);font-size:var(--text-small);color:var(--color-neutral-500);margin-top:2px}.header-actions{flex-wrap:nowrap;align-items:center;gap:12px;margin-left:auto;display:flex}.search-box{border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);background-color:var(--color-white);align-items:center;min-width:240px;height:40px;display:flex;overflow:hidden}.search-box input{min-width:0;height:100%;padding:0 var(--space-3);color:var(--color-neutral-700);border:none;outline:none;flex:1}.search-box input::placeholder{color:var(--color-neutral-400)}.search-box button{height:100%;padding:0 var(--space-4);background-color:var(--color-primary);color:var(--color-white);cursor:pointer;transition:background-color var(--transition-fast);border:none}.search-box button:hover{background-color:var(--color-primary-hover)}.header-user{color:var(--color-text-primary);font-size:var(--text-small);align-items:center;gap:6px;display:flex}.header-user:hover{color:var(--color-primary)}.org-apply{border-radius:var(--radius-round);min-width:135px;height:34px;color:var(--color-neutral-700);font-size:var(--text-small);cursor:pointer;transition:background var(--transition-fast);background:#ffffffbf;border:none;align-items:center;gap:6px;padding:0 14px;display:flex}.org-apply:hover{background:var(--color-white)}.org-apply .n-icon{color:var(--color-primary)}.header-divider{background:#c8d6e9;width:1px;height:20px}.login-btn{border-radius:var(--radius-round);height:38px;font-size:var(--text-body);padding:0 26px}.header-user{cursor:pointer;background:0 0;border:none}.header-user-caret{color:var(--color-neutral-600)}.header-apps{border-radius:var(--radius-md);width:36px;height:34px;color:var(--color-neutral-600);cursor:pointer;transition:background var(--transition-fast);background:#ffffff8c;border:none;justify-content:center;align-items:center;display:flex}.header-apps:hover{background:var(--color-white);color:var(--color-primary)}.mobile-menu-toggle{display:none}.header-avatar{background:var(--color-primary-500);width:28px;height:28px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.card-body{padding:20px}.card-footer{border-top:1px solid var(--color-border-light);background:var(--color-surface-alt);padding:12px 20px}.main-nav{background-color:var(--color-primary-600);z-index:1020;box-shadow:var(--shadow-md);position:sticky;top:0}.main-nav-list{align-items:center;gap:var(--space-1);height:var(--header-height);white-space:nowrap;list-style:none;display:flex;overflow-x:auto}.main-nav-list a{padding:0 var(--space-4);color:#ffffffe6;font-size:var(--text-body);line-height:var(--header-height);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:var(--radius-sm);display:block}.main-nav-list a:hover,.main-nav-list a.router-link-active{background-color:var(--color-primary-500);color:var(--color-white)}.nav-coming{opacity:.65;cursor:default!important}.main-nav-list a.nav-coming:hover{color:#ffffffe6;background-color:#0000}.site-footer{color:#c8d0db;background-color:#17273d;padding:0}.footer-top{gap:var(--space-8);padding-bottom:var(--space-10);grid-template-columns:2fr 1fr 1fr 1fr 1fr;display:grid}.footer-brand .footer-logo{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-white);margin-bottom:var(--space-3)}.footer-brand .footer-desc{font-size:var(--text-small);color:var(--color-neutral-400);max-width:393px;line-height:1.7}.footer-col h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-white);margin-bottom:var(--space-4)}.footer-col a,.footer-col p{font-size:var(--text-small);color:var(--color-neutral-400);transition:color var(--transition-fast);line-height:2;text-decoration:none;display:block}.footer-col a:hover{color:var(--color-primary-400)}.footer-qr-list{gap:var(--space-4);display:flex}.footer-qr-item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.footer-qr-box{border-radius:var(--radius-md);background:var(--color-neutral-700);width:63px;height:63px;color:var(--color-neutral-500);border:1px solid #ffffff1f;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.footer-qr-box .footer-qr-placeholder{width:40px;height:40px}.footer-qr-item span{font-size:var(--text-caption);color:var(--color-neutral-400)}.footer-bottom{padding:var(--space-5) 0;font-size:var(--text-small);color:var(--color-neutral-500);justify-content:space-between;align-items:center;display:flex}.axure-footer{grid-template-columns:1fr 1fr;max-width:980px;padding-top:48px;padding-bottom:42px;display:grid}.footer-contact{border-left:1px solid #ffffff1f;padding-left:80px}.footer-contact-item{font-size:var(--text-small);align-items:center;gap:6px;display:flex}.footer-contact h4{color:#fff;margin-bottom:18px}.footer-contact p{margin:8px 0}.footer-copyright{text-align:center;color:var(--color-white);background:#151e2d;padding:8px;font-size:12px}.footer-copyright a{color:inherit;margin-left:12px;text-decoration:none}.app-layout-wrap{background:linear-gradient(#dceeff 0,#f4f7fc 720px);padding:20px 24px 60px}.app-layout{max-width:var(--container-xl);grid-template-columns:280px 1fr;margin:0 auto;display:grid}.app-sidebar{background:var(--color-white);border-right:none;border-radius:12px;height:calc(100vh - 120px);padding:28px 0;position:sticky;top:100px;overflow-y:auto}.app-sidebar-title{padding:var(--space-6) var(--space-5) 0;margin-bottom:var(--space-4);font-size:var(--text-small);color:var(--color-neutral-500);letter-spacing:.5px;font-weight:var(--font-semibold)}.app-sidebar .n-menu{padding:0 8px}.app-sidebar .n-menu .n-menu-item-content{border-radius:var(--radius-md);border-right:3px solid #0000}.app-sidebar .n-menu .n-menu-item-content--selected{border-right-color:var(--color-primary-500);font-weight:var(--font-semibold)}.app-content{padding:0 0 0 20px;overflow-x:auto}.app-content>.container{max-width:100%;padding:0}.hero{border-radius:var(--radius-lg);height:380px;margin-bottom:var(--space-6);box-shadow:var(--shadow-lg);color:var(--color-white);position:relative;overflow:hidden}.hero .n-carousel .n-carousel__slide{height:380px}.hero-slide{background:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-500) 100%);justify-content:space-between;align-items:center;height:100%;display:flex}.hero-content{padding:var(--space-10);z-index:2;flex-shrink:0;max-width:560px;position:relative}.hero-visual{padding:var(--space-8);color:#ffffffe6;z-index:1;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.hero-visual svg{filter:drop-shadow(0 4px 24px #0000001f);width:100%;max-width:320px;height:auto}.hero-eyebrow{font-size:var(--text-caption);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 12px;font-weight:600;display:inline-flex}.hero-title{font-size:var(--text-hero);letter-spacing:1px;margin-bottom:14px;font-weight:800;line-height:1.25}.hero-sub{font-size:var(--text-h4);opacity:.92;margin-bottom:0;line-height:1.7}.hero-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.hero-tag{font-size:var(--text-caption);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.5px;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:20px;padding:4px 14px;font-weight:500;display:inline-block}.hero-dots{z-index:3;gap:10px;display:flex;position:absolute;bottom:24px;left:48px}.home-intro{text-align:center;padding:var(--space-8) 0 var(--space-4)}.home-intro-sub{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-4)}.home-intro-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.home-intro-tags span{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-primary);background:var(--color-primary-50);border:1px solid var(--color-primary-border);border-radius:999px;align-items:center;padding:6px 16px;display:inline-flex}.role-cards{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.role-card{background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:14px;padding:20px;transition:all .25s;display:flex}.role-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-300);transform:translateY(-3px)}.role-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.role-card-body{flex:1;min-width:0}.role-card-title{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:4px;font-weight:700}.role-card-desc{font-size:var(--text-caption);color:var(--color-neutral-500);line-height:1.5}.role-card-arrow{font-size:var(--text-small);color:var(--color-primary-500);white-space:nowrap;flex-shrink:0;font-weight:600}.course-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.course-duration{color:#fff;font-size:var(--text-caption);border-radius:var(--radius-sm);background:#0009;padding:2px 8px;position:absolute;bottom:8px;right:8px}.course-cat{font-size:var(--text-caption);color:var(--color-primary);background:var(--color-primary-bg);border-radius:var(--radius-sm);margin-bottom:8px;padding:2px 8px;font-weight:500;display:inline-block}.course-expert{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:8px}.course-mini-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.course-mini{background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border-light);transition:all .15s;overflow:hidden}.course-mini:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.course-mini-cover{color:#ffffffe6;justify-content:center;align-items:center;height:100px;display:flex;position:relative}.course-mini-info{padding:10px 12px}.course-mini-name{font-size:var(--text-small);color:var(--color-text-primary);margin-bottom:4px;font-weight:500;line-height:1.4}.course-mini-meta{font-size:var(--text-caption);color:var(--color-text-tertiary);justify-content:space-between;display:flex}.notice-list{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.notice-item{border-bottom:1px solid var(--color-border-light);cursor:pointer;align-items:center;gap:8px;padding:10px 0;display:flex}.notice-item:last-child{border-bottom:none}.cert-card-mini{background:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-500) 100%);border-radius:var(--radius-md);color:#fff;cursor:pointer;padding:16px 20px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.cert-card-mini:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cert-card-mini:before{content:"";background:#ffffff0d;border-radius:50%;width:80px;height:80px;position:absolute;top:-10px;right:-10px}.cert-level{background:var(--color-accent);color:#fff;font-size:var(--text-caption);border-radius:var(--radius-sm);margin-bottom:10px;padding:2px 10px;font-weight:600;display:inline-block}.cert-name{font-size:var(--text-body);margin-bottom:6px;font-weight:600;line-height:1.3}.cert-number{font-size:var(--text-caption);opacity:.85;font-family:var(--font-mono);margin-bottom:3px}.cert-date{font-size:var(--text-caption);opacity:.85}.cert-page-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.cert-page-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.cert-page-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.cert-page-head{background:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-500) 100%);color:#fff;padding:16px 20px;position:relative}.cert-page-body{padding:12px 20px}.cert-page-row{font-size:var(--text-small);color:var(--color-text-secondary);justify-content:space-between;padding:4px 0;display:flex}.cert-page-row .mono{font-family:var(--font-mono);color:var(--color-text-primary)}.cert-page-actions{border-top:1px solid var(--color-border-light);gap:8px;padding:12px 20px;display:flex}.cert-page-actions .n-button{flex:1}.ad-carousel{border-radius:var(--radius-md);min-height:180px;position:relative;overflow:hidden}.ad-slide{text-align:center;box-sizing:border-box;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:180px;padding:32px 16px;display:flex}.ad-icon{margin-bottom:8px;font-size:36px}.ad-title{font-size:var(--text-body);margin-bottom:6px;font-weight:600}.ad-desc{font-size:var(--text-small);opacity:.9;max-width:260px;margin:0 auto;line-height:1.6}.flow{flex-wrap:nowrap;align-items:stretch;gap:0;padding:24px 0 8px;display:flex;position:relative}.flow-step{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:0;padding:0 6px;display:flex}.flow-ico{background:var(--color-primary-bg);width:56px;height:56px;color:var(--color-primary);border:1px solid var(--color-primary-border);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative;box-shadow:0 4px 14px #1e88e51a}.flow-label{font-size:var(--text-small);color:var(--color-text-primary);text-align:center;font-weight:600;line-height:1.5}.flow-arrow{color:var(--color-primary-border);flex-shrink:0;align-self:center;margin-bottom:32px;padding:0 2px;font-size:20px}.flow-step.done .flow-ico{color:var(--color-success);border-color:var(--color-success);background:#67c23a1f}.flow-step.active .flow-ico{background:var(--color-accent-bg);color:var(--color-accent);border-color:var(--color-accent)}.cert-intro-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-primary-border);cursor:pointer;grid-template-columns:1fr 420px;align-items:center;gap:28px;padding:28px;transition:all .2s;display:grid}.cert-intro-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cert-intro-title{font-size:var(--text-h3);color:var(--color-text-primary);margin-bottom:12px;font-weight:700;line-height:1.4}.cert-intro-desc{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.7}.cert-intro-link{font-size:var(--text-body);color:var(--color-primary);align-items:center;gap:4px;margin-top:12px;font-weight:600;display:inline-flex}.cert-intro-link:after{content:"›";font-size:18px;transition:transform .2s}.cert-intro-card:hover .cert-intro-link:after{transform:translate(3px)}.persona-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(5,1fr);display:grid}.persona-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;padding:18px 14px;transition:all .25s;display:flex;position:relative;overflow:hidden}.persona-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-border);transform:translateY(-4px)}.persona-ico{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;font-size:22px;display:flex}.persona-title{font-size:var(--text-body);color:var(--color-text-primary);margin-bottom:6px;font-weight:700}.persona-desc{font-size:var(--text-small);color:var(--color-text-secondary);flex:1;line-height:1.6}.persona-tag{font-size:var(--text-small);color:var(--color-primary);border-top:1px dashed var(--color-border-light);text-align:right;margin-top:10px;padding-top:10px;font-weight:600}.msg-list{background:var(--color-surface)}.msg-item{border-bottom:1px solid var(--color-border-light);cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;transition:background .1s;display:flex}.msg-item:hover{background:var(--color-surface-alt)}.msg-item-unread{background:var(--color-primary-bg)}.msg-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.msg-dot.read{background:0 0}.msg-body{flex:1;min-width:0}.msg-title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:4px;font-weight:500;line-height:1.4}.msg-item-unread .msg-title{font-weight:600}.msg-summary{font-size:var(--text-small);color:var(--color-text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;line-height:1.5;display:-webkit-box;overflow:hidden}.msg-meta{font-size:var(--text-caption);color:var(--color-text-tertiary);align-items:center;gap:12px;display:flex}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.stat-card .stat-label{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.stat-card .stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.2}.toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:var(--space-2);display:flex}.filter-bar{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:1px solid var(--color-border-light);flex-wrap:wrap;padding:16px 20px;display:flex}.filter-bar .filter-item{align-items:center;gap:var(--space-2);display:flex}.filter-bar .filter-label{font-size:var(--text-small);color:var(--color-text-secondary);white-space:nowrap}.filter-row-secondary{border-top:1px solid var(--color-border-light);margin-top:12px;padding-top:12px}.search-bar{align-items:center;gap:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);padding:12px 16px;display:flex}.pay-cert-card{background:var(--color-primary-bg);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 16px;display:flex}.pay-cert-icon{background:var(--color-primary);color:#fff;width:48px;height:48px;font-size:var(--text-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.pay-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pay-fee-row{font-size:var(--text-base);color:var(--color-text-secondary);justify-content:space-between;padding:8px 0;display:flex}.pay-fee-total{border-top:1px solid var(--color-border-light);font-size:var(--text-lg);color:var(--color-danger);margin-top:8px;padding-top:12px;font-weight:600}.pay-fee-panel{background:var(--color-primary-bg);border-radius:var(--radius-md);margin-top:12px;padding:12px 16px}.student-cert-tip{background:var(--color-primary-bg);font-size:var(--text-small);color:var(--color-primary);border-radius:6px;margin-bottom:16px;padding:10px 14px}.student-cert-item{border:1px solid var(--color-border-light);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:10px;padding:14px 16px;transition:all .15s;display:flex}.student-cert-item:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.student-cert-info{flex:1}.student-cert-name{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:4px;font-weight:500}.student-cert-meta{font-size:var(--text-caption);color:var(--color-text-tertiary)}.student-cert-actions{flex-shrink:0;gap:8px;display:flex}.order-voucher{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:inline-flex}.order-voucher:hover{background:var(--color-primary-bg)}.order-voucher-img{border:1px solid var(--color-border);background-position:50%;background-size:cover;border-radius:4px;width:48px;height:32px}.order-voucher-name{font-size:var(--text-caption);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.inv-apply-cert{background:var(--color-primary-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.login-page{min-height:calc(100vh - 360px);padding:var(--space-10) var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:var(--space-10)}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{background:linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-500) 100%);color:#fff;width:64px;height:64px;font-weight:700;font-size:var(--text-h3);margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.dash-stats{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.dash-stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200)}.dash-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary-500);margin-bottom:var(--space-1)}.dash-stat-label{font-size:var(--text-small);color:var(--color-neutral-500)}.dash-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);margin-bottom:var(--space-5)}.dash-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-neutral-900);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.dash-quick-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.dash-quick-item{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-neutral-100);border-radius:var(--radius-md);color:var(--color-neutral-700);transition:all var(--transition-fast);text-align:center;flex-direction:column;text-decoration:none;display:flex}.dash-quick-item:hover{background:var(--color-primary-50);color:var(--color-primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-quick-item svg{width:28px;height:28px}.dash-quick-label{font-size:var(--text-small);font-weight:var(--font-medium)}.dash-welcome{margin-bottom:var(--space-6)}.dash-welcome h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-neutral-900);margin-bottom:var(--space-1)}.dash-welcome p{font-size:var(--text-base);color:var(--color-neutral-500)}.batch-bar{background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);align-items:center;gap:12px;padding:10px 14px;display:flex}.batch-count{font-size:var(--text-small);color:var(--color-text-secondary)}.batch-count b{color:var(--color-primary)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot-success{background:var(--color-success)}.status-dot-warning{background:var(--color-warning)}.status-dot-danger{background:var(--color-danger)}.status-dot-info{background:var(--color-info)}.status-dot-default{background:var(--color-neutral-400)}.search-result-group{margin-bottom:var(--space-4)}.search-result-group:last-child{margin-bottom:0}.search-result-head{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:600}.search-result-item{align-items:center;gap:var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2);color:var(--color-text-primary);padding:10px 12px;text-decoration:none;transition:all .15s;display:flex}.search-result-item:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.search-result-type{flex-shrink:0}.course-rating-summary{align-items:center;gap:6px;display:inline-flex}.rating-stars{color:var(--color-warning);letter-spacing:1px}.rating-num{font-size:var(--text-small);color:var(--color-text-tertiary)}.review-item{border-bottom:1px solid var(--color-border-light);padding:14px 0}.review-item:last-of-type{border-bottom:none}.review-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.review-avatar{background:var(--color-primary-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:inline-flex}.review-user{font-weight:500;font-size:var(--text-small)}.review-stars{color:var(--color-warning);font-size:12px}.review-time{font-size:var(--text-caption);color:var(--color-text-tertiary);margin-left:auto}.review-text{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.7}.axure-public-page{padding-top:4px}.axure-panel{background:#fffffff0;border-radius:12px;padding:28px 32px;box-shadow:0 8px 30px #184e820a}.axure-page-title{font-size:22px;font-weight:600}.axure-title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.axure-pager{justify-content:flex-end;padding-top:24px;display:flex}.cell-link{color:var(--color-primary);cursor:pointer}.level-tag{z-index:0;color:var(--color-white);padding:1px 6px;font-size:11px;line-height:16px;position:relative}.level-tag:before{z-index:-1;content:"";background:var(--color-primary-450);border-radius:3px;position:absolute;inset:0;transform:skew(-10deg)}.pc-payment-qr .n-qr-code{padding:0!important}@media (width<=1451px){.brand-text{display:none}}@media (width<=1047px){.header-nav{display:none}}@media (width<=1179px){.course-grid{grid-template-columns:repeat(3,1fr)}.cert-page-grid{grid-template-columns:repeat(2,1fr)}.persona-grid{grid-template-columns:repeat(3,1fr)}.site-header{height:64px;min-height:64px}.site-header-inner{gap:12px;height:64px;position:relative}.brand{gap:10px;min-width:0}.brand-logo{width:64px;height:32px}.brand-text h1{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.header-nav{z-index:2;background:#f8fbff;border-radius:0 0 12px 12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;height:auto;padding:8px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 8px 18px #0d69b729}.header-nav.is-open{display:grid}.header-nav-item{border-radius:6px;justify-content:center;min-height:42px;padding:0 8px;font-size:14px}.header-nav-item.is-active:after{width:auto;height:2px;bottom:5px;left:28%;right:28%}.mobile-menu-toggle{width:36px;height:36px;color:var(--color-primary);cursor:pointer;background:#fff9;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.brand-text{display:block}}@media (width<=1023px){.brand-text{display:none}.course-grid{grid-template-columns:repeat(2,1fr)}.cert-intro-card{grid-template-columns:1fr}.persona-grid,.role-cards{grid-template-columns:repeat(2,1fr)}.hero-content{padding:var(--space-6)}.app-layout{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--color-neutral-200);height:auto;padding:var(--space-3);position:static}.app-sidebar-title{display:none}}@media (width<=767px){.site-header{height:64px;min-height:64px}.site-header-inner{flex-wrap:nowrap;align-items:center;gap:8px;height:64px;padding-top:0;padding-bottom:0;position:relative}.brand{gap:8px;min-width:0}.brand-logo{width:52px;height:32px;font-size:15px}.brand-text h1{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.3;overflow:hidden}.header-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.header-actions{flex:none;gap:12px;width:auto;margin-left:auto}.header-actions .header-divider,.header-actions .header-apps,.header-actions .header-user span:last-child{display:none}.login-btn{height:34px;padding:0 14px;font-size:13px}.search-box{width:100%;min-width:auto}.main-nav-list{gap:0}.main-nav-list a{padding:0 var(--space-3)}.course-grid,.cert-page-grid,.persona-grid,.course-mini-grid,.role-cards{grid-template-columns:1fr}.hero,.hero .n-carousel .n-carousel__slide{height:320px}.hero-title{font-size:var(--text-h1)}.hero-tags{gap:6px}.hero-visual{display:none}.hero-content{max-width:100%}.home-intro{padding:var(--space-6) 0 var(--space-3)}.home-intro-sub{font-size:var(--text-base)}.flow{flex-direction:column;gap:8px}.flow-arrow{margin-bottom:0;transform:rotate(90deg)}.flow-step{background:var(--color-surface);border-radius:10px;flex-direction:row;gap:12px;padding:8px 12px}.page-header{flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:var(--space-2);text-align:center;flex-direction:column}.pay-form-row{grid-template-columns:1fr}.axure-footer{grid-template-columns:1fr;gap:28px}.footer-contact{border-left:none;padding-left:0}.axure-panel{padding:20px 16px}}@media (width<=570px){.brand-text{display:none}}@media (width<=366px){.org-apply{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}