.yp-hsk-page{background:#fafafa;flex-direction:column;gap:40px;padding:24px calc(max(24px,50vw - 600px)) 64px;display:flex}.yp-hsk-hero{background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;min-height:184px;padding:36px;display:flex;position:relative}.yp-hsk-hero__copy{max-width:560px}.yp-hsk-hero h1{color:#000;letter-spacing:0;margin:0;font-size:36px;font-weight:600;line-height:44px}.yp-hsk-entry-card small,.yp-hsk-entry-card strong,.yp-hsk-hero h1,.yp-hsk-hero p,.yp-hsk-search input{font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif)}.yp-hsk-hero p{color:#717680;margin:24px 0 0;font-size:16px;font-weight:400;line-height:24px}.yp-hsk-hero__stats{color:#111827;align-items:center;margin:0;display:flex}.yp-hsk-hero__stats div{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100px;min-height:59px;display:flex}.yp-hsk-hero__stats div+div{border-left:1px solid #e5e7eb}.yp-hsk-hero__stats dt{color:#111827;font-family:Inter,Microsoft YaHei,sans-serif;font-size:31px;font-weight:700;line-height:32px}.yp-hsk-hero__stats dd{color:#9ca3af;margin:0;font-family:Inter,Microsoft YaHei,sans-serif;font-size:13px;line-height:19px}.yp-hsk-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.yp-hsk-entry-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e9eaeb;border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;min-height:144px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.yp-hsk-entry-card:hover{border-color:#d6bbfb;transform:translateY(-2px);box-shadow:0 12px 28px #0a0d120f}.yp-hsk-entry-card__icon{color:#252b37;background:#f5f5f5;border-radius:9999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;overflow:hidden}.yp-hsk-entry-card__icon img{width:44px;height:44px;display:block}.yp-hsk-entry-card strong{color:#000;font-size:18px;font-weight:500;line-height:28px}.yp-hsk-entry-card small{color:#535862;font-size:16px;line-height:24px}.yp-hsk-toolbar{gap:32px}.yp-hsk-search,.yp-hsk-selects,.yp-hsk-toolbar{align-items:center;display:flex}.yp-hsk-search{color:#717680;background:#fff;border:1px solid #d5d7da;border-radius:12px;flex:1;gap:8px;min-height:50px;padding:12px 16px;box-shadow:0 1px 2px #0a0d120d}.yp-hsk-search svg{flex:none;width:20px;height:20px}.yp-hsk-search input{color:#414651;flex:1;min-width:0;font-size:16px;font-weight:500;line-height:24px}.yp-hsk-search input::placeholder{color:#717680}.yp-hsk-selects{flex:none;gap:9px}.yp-hsk-filter{position:relative}.yp-hsk-filter__trigger{color:#414651;min-height:48px;font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);cursor:pointer;background:#fff;border:1px solid #d5d7da;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:12px;font-size:16px;font-weight:500;line-height:24px;display:inline-flex;box-shadow:0 1px 2px #0a0d120d,inset 0 -2px #0a0d120d,inset 0 0 0 1px #0a0d122e}.yp-hsk-filter__trigger svg{width:20px;height:20px;transition:transform .18s}.yp-hsk-filter.open .yp-hsk-filter__trigger{color:#6941c6;border-color:#d6bbfb}.yp-hsk-filter.open .yp-hsk-filter__trigger svg{transform:rotate(180deg)}.yp-hsk-filter__menu{z-index:20;opacity:0;pointer-events:none;border:1px solid #e9eaeb;border-radius:12px;min-width:168px;padding:8px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 16px 36px #0a0d121f}.yp-hsk-filter.open .yp-hsk-filter__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.yp-hsk-filter__menu button{color:#414651;white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;width:100%;min-height:38px;padding:9px 10px;font-size:14px;font-weight:500;display:flex}.yp-hsk-article-grid{grid-template-columns:repeat(4,285px);gap:24px 20px;display:grid}.yp-hsk-article-card{width:285px;color:inherit;background:#fff;border:1px solid #f5f5f5;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.yp-hsk-article-card:hover{border-color:#e9d7fe;transform:translateY(-3px);box-shadow:0 18px 34px #6941c614}.yp-hsk-article-card__cover{background:#f5f5f5;width:285px;height:180px;overflow:hidden}.yp-hsk-article-card__cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.yp-hsk-article-card__body{flex-direction:column;gap:12px;width:285px;padding:12px;display:flex}.yp-hsk-article-card__meta{color:#717680;align-items:center;gap:12px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:18px;display:flex}.yp-hsk-article-card h2{color:#000;font-size:16px;font-weight:600;line-height:24px}.yp-hsk-article-card h2,.yp-hsk-article-card p,.yp-hsk-hot__head h2{font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);margin:0}.yp-hsk-article-card p{color:#535862;font-size:14px;line-height:20px}.yp-hsk-article-card__tags{flex-wrap:wrap;gap:8px;display:flex}.yp-hsk-article-card__tags span{font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);background:#f5f5f5;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.yp-hsk-article-card__tags span,.yp-hsk-empty{color:#717680;justify-content:center;align-items:center}.yp-hsk-empty{background:#fff;border:1px dashed #d5d7da;border-radius:16px;flex-direction:column;grid-column:1/-1;gap:8px;min-height:180px;display:flex}.yp-hsk-empty strong{color:#252b37}.yp-hsk-hot{flex-direction:column;gap:24px;display:flex}.yp-hsk-hot__head{justify-content:space-between;align-items:center;min-height:28px;display:flex}.yp-hsk-hot__head h2{color:#000;font-size:18px;font-weight:600;line-height:28px}.yp-hsk-hot__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.yp-hsk-hot-card{min-width:0;color:inherit;background:#fff;border:1px solid #e9eaeb;border-radius:12px;gap:24px;padding:12px;text-decoration:none;display:flex}.yp-hsk-hot-card img{-o-object-fit:cover;object-fit:cover;border-radius:10px;flex:none;width:90px;height:90px}.yp-hsk-hot-card__body{flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:0 24px 0 0;display:flex}.yp-hsk-hot-card strong{color:#7f56d9;font-size:14px;font-weight:600;line-height:20px}.yp-hsk-hot-card h3,.yp-hsk-hot-card span,.yp-hsk-hot-card strong{font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif)}.yp-hsk-hot-card h3{color:#000;margin:0;font-size:16px;font-weight:500;line-height:24px}.yp-hsk-hot-card span{color:#717680;font-size:14px;line-height:20px}.yp-content-detail-page{background:#fafafa;flex-direction:column;gap:24px;min-height:calc(100vh - 72px);padding:24px calc(max(24px,50vw - 600px)) 64px;display:flex}.yp-content-breadcrumb{color:#a3a3a3;align-items:center;gap:8px;font-family:Inter,Microsoft YaHei,sans-serif;font-size:12px;font-weight:500;line-height:16px;display:flex}.yp-content-breadcrumb a,.yp-content-breadcrumb strong{color:#a4a7ae;min-width:0;text-decoration:none}.yp-content-breadcrumb a:first-child{color:#a4a7ae;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.yp-content-breadcrumb a:first-child svg{width:16px;height:16px}.yp-content-breadcrumb strong{color:#535862;text-overflow:ellipsis;white-space:nowrap;max-width:640px;overflow:hidden}.yp-content-detail-card{background:#fff;border-radius:12px;flex-direction:column;gap:48px;width:min(1200px,100%);padding:40px;display:flex}.yp-content-detail-head{flex-direction:column;gap:32px;display:flex}.yp-content-detail-title{justify-content:space-between;gap:32px;display:flex}.yp-content-detail-title h1{color:#000;max-width:760px;font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);letter-spacing:0;margin:0;font-size:24px;font-weight:600;line-height:32px}.yp-content-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.yp-content-tags span,.yp-content-tags time{color:#717680;min-height:22px;font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);background:#f5f5f5;border-radius:4px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.yp-content-actions{flex:none;align-items:flex-start;gap:12px;display:flex}.yp-content-action{color:#535862;min-height:48px;font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:500;line-height:24px;display:inline-flex}.yp-content-action svg{width:24px;height:24px}.yp-content-action--ghost{background:#fff;border:1px solid #e9eaeb}.yp-content-action--primary{color:#fff;background:#6941c6;border:1px solid #6941c6}.yp-content-detail-summary{flex-direction:column;gap:18px;display:flex}.yp-content-detail-summary p{color:#535862;font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);margin:0;font-size:16px;font-weight:400;line-height:24px}.yp-content-detail-summary p+p{padding-top:8px}.yp-content-detail-summary p:nth-child(n+2):first-line{color:#252b37;font-size:18px;font-weight:500;line-height:28px}.yp-content-related{flex-direction:column;gap:24px;display:flex}.yp-content-related h2{color:#000;font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);margin:0;font-size:20px;font-weight:600;line-height:30px}.yp-content-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;display:grid}.yp-content-related-card{min-width:0;color:inherit;background:#fff;border:1px solid #f5f5f5;border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}.yp-content-related-card:hover{border-color:#e9d7fe;transform:translateY(-3px);box-shadow:0 18px 34px #6941c614}.yp-content-related-card__cover{background-position:50%;background-size:cover;height:180px;overflow:hidden}.yp-content-related-card__cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.yp-content-related-card__cover.tone-0{background-image:linear-gradient(135deg,#53389e,#9b7cf5)}.yp-content-related-card__cover.tone-1{background-image:linear-gradient(135deg,#0f766e,#5eead4)}.yp-content-related-card__cover.tone-2{background-image:linear-gradient(135deg,#b45309,#fcd34d)}.yp-content-related-card__cover.tone-3{background-image:linear-gradient(135deg,#9d174d,#f9a8d4)}.yp-content-related-card__cover.tone-4{background-image:linear-gradient(135deg,#1d4ed8,#93c5fd)}.yp-content-related-card__cover.tone-5{background-image:linear-gradient(135deg,#4d7c0f,#bef264)}.yp-content-related-card__body{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex}.yp-content-related-card__meta{color:#717680;align-items:center;gap:12px;font-family:JetBrains Mono,Consolas,monospace;font-size:13px;line-height:18px;display:flex}.yp-content-related-card h3{color:#000;font-size:16px;font-weight:600;line-height:24px}.yp-content-related-card h3,.yp-content-related-card p{font-family:var(--ds-font-family-font-family-body,Inter,"Microsoft YaHei",sans-serif);margin:0}.yp-content-related-card p{color:#535862;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.yp-content-tags--compact{margin-top:auto}@media (width<=1240px){.yp-hsk-article-grid{grid-template-columns:repeat(3,285px)}.yp-content-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (width<=980px){.yp-content-detail-page,.yp-hsk-page{padding:20px 16px 48px}.yp-hsk-hero{flex-direction:column;align-items:flex-start;min-height:0}.yp-hsk-hero__stats{justify-content:space-between;width:100%}.yp-hsk-entry-grid,.yp-hsk-hot__grid{grid-template-columns:1fr}.yp-hsk-toolbar{flex-direction:column;align-items:stretch;gap:16px}.yp-content-actions,.yp-hsk-selects{flex-wrap:wrap}.yp-content-related-grid,.yp-hsk-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yp-content-detail-card{padding:28px}.yp-content-detail-title{flex-direction:column}.yp-hsk-article-card,.yp-hsk-article-card__body,.yp-hsk-article-card__cover{width:100%}}@media (width<=620px){.yp-hsk-hero{padding:24px}.yp-hsk-hero h1{font-size:30px;line-height:38px}.yp-hsk-hero__stats div{width:33.333%}.yp-content-related-grid,.yp-hsk-article-grid{grid-template-columns:1fr}.yp-content-detail-card{gap:36px;padding:22px}.yp-content-detail-title h1{font-size:22px;line-height:30px}.yp-content-action{width:100%}.yp-hsk-hot-card{gap:16px}.yp-hsk-hot-card__body{padding-right:0}}.yp-hsk-filter__menu{background:#fff;border:1px solid #00000014;border-radius:8px;padding:4px 0;box-shadow:0 2px 2px -1px #0a0d120a,0 4px 6px -2px #0a0d1208,0 12px 16px -4px #0a0d1214}.yp-hsk-filter__menu button{color:#181d27;border-radius:6px;min-height:40px;margin:0 4px;padding:8px 10px 8px 8px;font-size:16px;font-weight:400;line-height:24px}.yp-hsk-filter__menu button.active,.yp-hsk-filter__menu button:hover{color:#181d27;background:#fafafa}.yp-content-detail-summary p[data-v-e930eeb6]{white-space:pre-line}
