:root{--el-color-primary:#1978f4;--el-color-primary-light-9:#eef6ff}.kb-user .body{max-width:none!important;padding:16px 20px 24px 0!important;gap:20px!important}.kb-user .sidebar{width:218px!important;min-height:calc(100vh - 90px);border:0;border-radius:0!important;background:white;top:82px!important}.kb-user .topbar{height:68px!important;padding:0 32px!important}.kb-user .menu-item.active{background:#e6f2ff!important;color:#1676ef!important}.ref-home{width:100%}.ref-hero{position:relative;display:flex;justify-content:space-between;min-height:245px;border-radius:8px;overflow:hidden;background:linear-gradient(110deg,#0956c9,#268bfa 60%,#a5d6ff);padding:34px 40px;color:white;gap:20px}.ref-hero-copy{z-index:1}.ref-hero h1{font-size:34px;margin:0 0 12px;font-weight:750;letter-spacing:1px}.ref-hero-copy>p{font-size:20px;margin:0}.ref-features{display:flex;gap:26px;border-top:1px solid #ffffff25;padding-top:20px;margin-top:22px;font-size:13px;color:#e1f1ff}.ref-illustration{position:relative;min-width:300px;width:32%;height:190px}.ref-laptop{position:absolute;left:30px;bottom:0;width:190px;transform:skew(-8deg)}.ref-screen{height:120px;background:#f4fbff;border:9px solid #2569df;border-radius:10px;box-shadow:12px 12px 0 #8bccfc}.ref-screen i{display:block;margin:13px 12px 0;height:5px;background:#c5dff8;width:75%}.ref-keyboard{height:14px;background:#2a6fe4;border-radius:0 0 30px 30px;width:230px;position:relative;left:-20px;box-shadow:0 8px 12px #1265c633}.ref-float{position:absolute;background:#edfaff;color:#1674db;padding:6px 15px;border-radius:7px;box-shadow:0 6px 18px #0d64b822;z-index:2;font-size:13px}.ref-float.one{left:20px;top:0}.ref-float.two{right:0;top:35px}.ref-books{position:absolute;bottom:0;right:0;transform:rotate(-8deg)}.ref-books i{display:block;width:80px;height:22px;background:#e4f3ff;border:6px solid #3872eb;border-radius:5px;margin:4px}.ref-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;margin-top:20px}.ref-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ref-service{border:1px solid #edf3fb;border-radius:8px;padding:24px 20px;text-align:left;cursor:pointer;background:#f7fbff;color:#263347;font:inherit;transition:transform .15s}.ref-service:hover{transform:translateY(-3px)}.ref-service.purple{background:#faf8ff}.ref-service.green{background:#f4fcfa}.ref-service.orange{background:#fffaf2}.ref-service-icon{display:grid;place-items:center;width:48px;height:52px;background:linear-gradient(140deg,#3da0ff,#0870ed);border-radius:13px;color:white;font-size:27px;box-shadow:0 8px 16px #2585ee20}.purple .ref-service-icon{background:linear-gradient(140deg,#b88aff,#7d4ee7)}.green .ref-service-icon{background:linear-gradient(140deg,#64c6aa,#2c9d7e)}.orange .ref-service-icon{background:linear-gradient(140deg,#ffc251,#f99513)}.ref-service h2{font-size:20px;margin:16px 0 10px}.ref-service p{font-size:12px;line-height:1.9;color:#7c8799;margin:0 0 20px}.ref-service strong{font-size:13px;color:#1478ec;font-weight:500}.green strong{color:#269b7d}.orange strong{color:#e99920}.ref-literature{background:white;border:1px solid #edf3fb;border-radius:8px;padding:22px;margin-top:20px;min-height:300px}.ref-section-head{display:flex;justify-content:space-between;align-items:center}.ref-section-head h2{font-size:20px;margin:0}.ref-section-head button,.ref-subjects button{border:0;background:none;color:#227fe9;cursor:pointer}.ref-subjects{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.ref-subjects button{font-size:12px;color:#748199;padding:6px 12px;border-radius:20px}.ref-subjects .active{background:#167cf9;color:white}.ref-aside{display:flex;flex-direction:column;gap:18px}.ref-side-card{background:white;border:1px solid #eaf1f9;border-radius:8px;padding:18px}.ref-side-card h3{font-size:16px;margin:0 0 18px}.ref-resource-links{display:grid;gap:14px;margin:20px 0}.ref-resource-links a{font-weight:650;color:#215380}.ref-side-card small{font-size:11px;color:#98a2b3}.ref-hot{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid #f1f4f8;padding:16px 0;color:#526178;text-align:left;cursor:pointer}.ref-hot span{color:#8b9aaf}.ref-join{padding:24px 18px;background:linear-gradient(120deg,#6273ec,#263eb4);color:white;border-radius:8px}.ref-join h3{font-size:19px;margin:0 0 4px}.ref-join p{margin:0 0 22px;font-size:15px}.ref-join button{background:white;color:#455bd5;border:0;border-radius:20px;padding:8px 16px;cursor:pointer}.ref-hint{font-size:13px;color:#8593aa;padding:30px}.ref-error{color:#ba5555;padding:24px}.kb-user .ref-literature .el-table td{height:44px}.kb-user .ref-literature .el-table .el-button{min-height:26px;padding:5px 10px}.kb-user .ref-literature a{color:#334967}@media(max-width:1200px){.ref-columns{grid-template-columns:minmax(0,1fr)}.ref-aside{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ref-hero h1{font-size:28px}.ref-hero-copy>p{font-size:16px}.ref-features{gap:14px}.ref-service{padding:20px 14px}.ref-service h2{font-size:18px}}@media(max-width:768px){.kb-user .body{padding:12px!important}.ref-hero{padding:24px;min-height:200px}.ref-hero h1{font-size:24px}.ref-hero-copy>p{font-size:14px}.ref-illustration{display:none}.ref-features{flex-wrap:wrap;font-size:11px}.ref-services{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-aside{grid-template-columns:1fr}.ref-service p{margin-bottom:12px}.ref-literature{padding:16px}.ref-columns{margin-top:12px;gap:12px}.ref-hero{border-radius:12px}}

.ref-breadcrumb{font-size:12px;color:#8a96ac;padding:0 0 18px}.ref-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.ref-detail-head,.ref-detail-body{background:white;border:1px solid #eaf1f9;border-radius:8px;padding:24px}.ref-detail-head{display:flex;gap:26px}.ref-document-cover{width:140px;min-width:140px;min-height:190px;background:linear-gradient(165deg,#faffff 48%,#d0eaff 49%,#eff9ff 66%,#c0e2ff 67%,#e8f8ff 75%);border:1px solid #e1edf9;padding:15px;display:flex;flex-direction:column;justify-content:space-between;color:#18456d;box-shadow:4px 6px 14px #255a8810}.ref-document-cover strong{font-size:13px}.ref-document-cover b{text-align:right;font-size:20px}.ref-document-cover small{font-size:7px}.ref-cover-lines i{display:block;height:2px;margin:8px 0;background:#adcee8}.ref-detail-heading{min-width:0;flex:1}.ref-detail-heading h1{font-size:23px;line-height:1.6;margin:0 0 14px;color:#182b4b}.ref-detail-heading p{font-size:13px}.ref-detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.ref-detail-tags span{background:#eef7ff;color:#2781d6;padding:3px 10px;font-size:11px;border-radius:4px}.ref-muted{color:#8995a8;font-size:12px;line-height:1.9}.ref-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.ref-detail-actions .el-button{margin-left:0!important}.ref-detail-body{margin-top:20px}.ref-detail-tabs{display:flex;gap:34px;border-bottom:1px solid #edf2f8}.ref-detail-tabs button{border:0;background:none;padding:12px 0;color:#7f8ca3;cursor:pointer}.ref-detail-tabs button.active{color:#1978f4;border-bottom:2px solid #1978f4}.ref-detail-section{padding:22px 0;min-height:180px}.ref-detail-section h3,.ref-preview-empty h3{font-size:16px;color:#22395a;margin:0 0 14px}.ref-detail-section p{color:#6f7e96;line-height:2;font-size:14px;white-space:pre-wrap}.ref-metadata{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px}.ref-metadata>div{display:flex;gap:12px}.ref-metadata dt{color:#97a1b0;min-width:60px}.ref-metadata dd{margin:0;overflow-wrap:anywhere;color:#61718b}.ref-preview-empty{border-top:1px solid #edf2f8;padding:22px 0}.ref-preview-empty p{color:#97a3b6;font-size:12px}.ref-detail-aside{display:flex;flex-direction:column;gap:20px}.ref-related{display:block;padding:13px 0;border-bottom:1px solid #eff3f9}.ref-related strong{display:block;font-size:12px;font-weight:500;color:#3f536f;line-height:1.8}.ref-related small{display:block;color:#a0aaba;font-size:10px;margin-top:5px}.ref-detail-state{padding:48px;background:white;border-radius:8px;color:#8190a8}@media(max-width:1100px){.ref-detail-grid{grid-template-columns:1fr}.ref-detail-aside{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:768px){.ref-detail-head,.ref-detail-body{padding:18px}.ref-document-cover{width:85px;min-width:85px;min-height:140px;padding:10px}.ref-document-cover strong{font-size:10px}.ref-detail-head{gap:16px}.ref-detail-heading h1{font-size:17px;margin-bottom:10px}.ref-detail-tags{gap:5px;margin-bottom:10px}.ref-detail-actions{gap:6px}.ref-detail-actions .el-button{font-size:11px;padding:8px}.ref-detail-aside{display:flex}.ref-metadata{grid-template-columns:1fr}.ref-detail-section p{font-size:13px}.ref-detail-tabs{gap:22px}}

@media(max-width:768px){.kb-user .account-layout{flex-direction:column!important}.kb-user .account-layout>.side{width:100%;display:flex;overflow-x:auto}.kb-user .account-layout>.side a{white-space:nowrap}.kb-user .side-title{display:none}}