body.center-ref{--center-teal:#078c83;--center-ink:#10253a;--center-muted:#526976;background:#f4f7fa;color:var(--center-ink)}
.center-ref header{height:82px;padding:0 31px;gap:27px;position:relative}
.center-ref .brand{font-size:27px;gap:13px;letter-spacing:-.5px}
.center-ref .brand b{font-size:0;width:47px;height:37px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36' fill='none' stroke='%23078c83' stroke-width='2.5' stroke-linejoin='round'%3E%3Cpath d='M3 4c8-2 14 0 21 4v25c-7-4-13-6-21-4V4Z'/%3E%3Cpath d='M45 4c-8-2-14 0-21 4v25c7-4 13-6 21-4V4Z'/%3E%3C/svg%3E")}
.center-ref header>span{font-size:var(--yk-type-meta)}
.center-ref .user{gap:13px}
.center-ref .user:before{content:"方案预览 · 演示数据　02/28";color:#536276;font-size:14px;margin-right:17px;padding-right:27px;border-right:1px solid #d7e0e6}
.center-ref .user>a,.center-ref .user form{display:none}
.center-ref .user i{width:48px;height:48px;font-size:0}.center-ref .user i:before{content:"学";font-size:var(--yk-type-card)}
.center-ref .user strong{font-size:0}.center-ref .user strong:before{content:"个人中心";font-size:17px}.center-ref .user strong:after{content:"⌄";font-size:17px;margin-left:9px}
.center-ref aside{top:82px;width:244px;padding:39px 8px 22px}
.center-ref aside nav{gap:8px}
.center-ref aside nav a{height:64px;padding:0 28px;border-radius:8px;font-size:18px;gap:21px}
.center-ref aside nav a b{font-size:0;width:27px;height:27px;display:block;background:center/contain no-repeat}
.center-ref aside nav a[href$="/center"] b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23078c83'%3E%3Cpath d='m3 11 9-8 9 8v10h-6v-6H9v6H3z'/%3E%3C/svg%3E")}
.center-ref aside nav a[href$="/course"] b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23596978' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='m10 8 6 4-6 4z'/%3E%3C/svg%3E")}
.center-ref aside nav a[href$="/objective"] b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23596978' stroke-width='2'%3E%3Cpath d='M5 3h12l2 2v16H5zM8 8h7M8 12h7M8 16h4'/%3E%3Cpath d='m16 17 2 2 3-4'/%3E%3C/svg%3E")}
.center-ref aside nav a[href$="/subjective"] b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23596978' stroke-width='2'%3E%3Cpath d='M4 20h4L20 8l-4-4L4 16zM13 7l4 4M3 21h18'/%3E%3C/svg%3E")}
.center-ref aside nav a[href$="/profile"] b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23596978' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-5 3-8 8-8s8 3 8 8'/%3E%3C/svg%3E")}
.center-ref aside>small{font-size:0;padding:18px 10px}.center-ref aside>small:before{content:"🔗　账号与微信绑定";font-size:14px;color:#536276}
.center-ref main{margin-left:244px;padding:43px 24px 72px 28px;max-width:none}
.center-ref .grid{grid-template-columns:minmax(0,792px) minmax(430px,474px);justify-content:space-between;gap:24px}
.center-ref aside.right{position:static;inset:auto;width:auto;padding:0;border:0;background:none;display:block}
.center-ref .hello p{display:none}
.center-ref .hello{margin-left:11px}.center-ref .hello h1{font-size:var(--yk-type-page);line-height:var(--yk-line-heading);margin:6px 0 11px;letter-spacing:normal;font-weight:var(--yk-weight-page)}
.center-ref .hello h2{font-size:var(--yk-type-card);line-height:var(--yk-line-reading);margin:0 0 29px;color:var(--center-muted);font-weight:var(--yk-weight-body)}
.center-ref article{border-radius:12px;border-color:#d9e2e8}
.center-ref .resume{height:283px;min-height:0;padding:21px 26px 21px 23px;grid-template-columns:190px 1fr;gap:30px}
.center-ref .cover{height:236px;border-radius:7px;background:#dfe9e9 center/cover no-repeat url('/assets/course-cover-v1.png');position:relative;overflow:hidden}
.center-ref .cover:before{content:"民 法\A 法律让生活更稳定";white-space:pre;position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:0 19px 31px;color:#18363d;font-size:21px;line-height:3.2;letter-spacing:4px;background:linear-gradient(180deg,rgba(235,242,241,.22),rgba(232,238,236,.54))}
.center-ref .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(8,30,38,.12))}
.center-ref .cover>*{display:none}
.center-ref .resume>div:nth-child(2){position:relative;align-self:stretch;padding-top:13px}
.center-ref .resume label{font-size:16px}
.center-ref .resume h2{font-size:var(--yk-type-section);line-height:var(--yk-line-heading);margin:15px 0 23px;letter-spacing:normal}
.center-ref .resume p{font-size:16px;margin:0;color:var(--center-muted)}
.center-ref .resume .primary{position:absolute;right:0;top:106px;min-width:180px;height:56px;justify-content:center;align-items:center;padding:0 24px;font-size:var(--yk-type-control);border-radius:9px;background:linear-gradient(135deg,#0a9d93,#04786f);box-shadow:0 5px 14px rgba(7,140,131,.16);font-weight:var(--yk-weight-title)}
.center-ref .tags{position:absolute;left:0;bottom:7px;margin:0;gap:10px}
.center-ref .tags span{font-size:14px;padding:7px 12px;background:#f1f5f7}
.center-ref .tasks{margin-top:20px;padding:0 24px}
.center-ref .task{height:131px;padding:20px 0;grid-template-columns:82px 1fr 137px;gap:28px}
.center-ref .tile{width:82px;height:82px;border-radius:10px;font-size:31px}
.center-ref .task h3{font-size:20px;line-height:1.25;margin:0 0 8px}
.center-ref .task h3 em{font-size:var(--yk-type-control);margin-left:7px}
.center-ref .task p{font-size:var(--yk-type-meta);line-height:var(--yk-line-ui)}
.center-ref .task .outline{grid-column:3;min-width:137px;height:54px;padding:0 18px;font-size:17px}
.center-ref .task-toggle{display:none}
.center-ref .right article{padding:25px 27px;margin-bottom:20px}
.center-ref .plan{height:382px}
.center-ref .plan h2,.center-ref .activity h2{font-size:var(--yk-type-section);line-height:var(--yk-line-ui)}
.center-ref .plan>p{font-size:16px;margin:9px 0 24px}
.center-ref .plan-row{gap:28px}
.center-ref .ring{width:158px}
.center-ref .ring:before{inset:14px}
.center-ref .ring span{font-size:14px}
.center-ref .ring strong{font-size:28px;margin-top:3px}
.center-ref .short{height:114px;min-height:0;font-size:18px;padding:18px 20px;border-radius:9px}
.center-ref .short small{font-size:var(--yk-type-meta);line-height:var(--yk-line-ui)}
.center-ref .plan details{margin-top:19px;padding-top:14px}
.center-ref .plan summary{font-size:14px}
.center-ref .foot{font-size:var(--yk-type-meta);margin-top:10px!important}
.center-ref .activity{min-height:407px;padding-top:24px}
.center-ref .activity .event:nth-of-type(n+4){display:none}
.center-ref .activity .event{grid-template-columns:86px 1fr;gap:15px;padding:15px 0}
.center-ref .event>span{height:32px;font-size:14px}
.center-ref .event b{font-size:var(--yk-type-meta)}
.center-ref .event p{font-size:14px;margin:3px 0}
.center-ref .activity footer{font-size:14px}

/* ref02 red-team closure: exact hierarchy, icons and responsive state flow */
.center-ref .brand b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36'%3E%3Cpath fill='%23078c83' d='M2 3c8-2 15 0 22 4v27c-7-4-14-6-22-4V3Zm44 0c-8-2-15 0-22 4v27c7-4 14-6 22-4V3Z'/%3E%3Cpath fill='none' stroke='white' stroke-width='1.5' d='M24 7v24M5 7c6-.9 11 .3 16 2.8M43 7c-6-.9-11 .3-16 2.8'/%3E%3C/svg%3E")}
.center-ref aside{padding-top:44px}
.center-ref aside nav a{height:72px}
.center-ref .cover{background-position:78% center}
.center-ref .cover:before{content:"民 法";justify-content:flex-end;padding:0 17px 43px;font-size:20px;line-height:1.2;letter-spacing:5px;background:linear-gradient(90deg,rgba(237,243,243,.1),rgba(237,243,243,.02))}
.center-ref .cover:after{background:linear-gradient(180deg,transparent 72%,rgba(8,30,38,.08))}
.center-ref .task h3{font-size:var(--yk-type-card);margin-bottom:7px}
.center-ref .task h3 em{font-size:var(--yk-type-control)}
.center-ref .task p{font-size:var(--yk-type-meta);line-height:var(--yk-line-ui)}
.center-ref .task .outline{display:flex;align-items:center;justify-content:center}
.center-ref .tile{font-size:0;background-position:center;background-repeat:no-repeat;background-size:32px 32px}
.center-ref .tile.teal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23077572' stroke-width='2'%3E%3Crect x='7' y='5' width='18' height='22' rx='2'/%3E%3Cpath d='M11 11h10M11 16h10M11 21h6'/%3E%3C/svg%3E")}
.center-ref .tile.blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232d70d6' stroke-width='2.2'%3E%3Cpath d='m7 23 2 3 4-1L26 12l-6-6L7 19v4ZM18 8l6 6M5 28h21'/%3E%3C/svg%3E")}
.center-ref .tile.orange{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23b87413' stroke-width='2'%3E%3Crect x='7' y='5' width='18' height='22' rx='2'/%3E%3Cpath d='M11 10h10M11 15h7M11 20h5M18 19l6-3v8z'/%3E%3C/svg%3E")}
.center-ref .heading-icon{display:inline-block;width:28px;height:28px;margin-right:14px;vertical-align:-6px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23078c83' stroke-width='2.3'%3E%3Ccircle cx='16' cy='16' r='12'/%3E%3Cpath d='M16 8v9l6 3'/%3E%3C/svg%3E")}
.center-ref .record-icon{display:inline-block;width:25px;height:25px;margin-right:12px;vertical-align:-7px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23078c83' stroke-width='2'%3E%3Crect x='5' y='3' width='18' height='22' rx='2'/%3E%3Cpath d='M9 8h10M9 13h10M9 18h7'/%3E%3C/svg%3E")}
.center-ref .plan h2,.center-ref .activity h2{font-size:var(--yk-type-section);line-height:var(--yk-line-ui)}
.center-ref .plan>p{font-size:18px}
.center-ref .plan:has(details[open]){height:auto;min-height:382px}
.center-ref .short{position:relative;font-size:0;text-align:left;padding:18px 48px 18px 20px;overflow:hidden}
.center-ref .short:before{content:"今天时间少";display:block;font-size:var(--yk-type-card);font-weight:var(--yk-weight-title);color:#087f79;margin-bottom:6px}
.center-ref .short:after{content:"›";position:absolute;right:19px;top:50%;transform:translateY(-50%);font-size:28px;color:#087f79}
.center-ref .short small{display:block;font-size:var(--yk-type-meta);line-height:var(--yk-line-ui);color:#74869a}
.center-ref .activity{position:relative}
.center-ref .activity .event{position:relative;padding-left:14px}
.center-ref .activity .event:before{content:"";position:absolute;left:-1px;top:31px;width:9px;height:9px;border-radius:50%;background:#1aaaa1;z-index:2}
.center-ref .activity .event:after{content:"";position:absolute;left:3px;top:40px;bottom:-16px;width:1px;background:#c9dedf}
.center-ref .activity .event:nth-of-type(4):after{display:none}
.center-ref .event>span{position:relative;padding-left:28px}
.center-ref .event>span:before{content:"";position:absolute;left:7px;top:8px;width:16px;height:16px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231f67ae' stroke-width='1.7'%3E%3Crect x='2' y='3' width='16' height='11' rx='1'/%3E%3Cpath d='M7 17h6M10 14v3'/%3E%3C/svg%3E")}
.center-ref .activity footer{display:flex;align-items:center;gap:16px;padding:16px 18px;margin-top:15px;border-radius:8px;background:linear-gradient(115deg,#eef9f8,#e8f6f5);font-size:0;color:#2f5962}
.center-ref .activity footer .devices-icon{width:46px;height:42px;flex:0 0 auto;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 42' fill='none' stroke='%230b7775' stroke-width='2'%3E%3Crect x='2' y='5' width='29' height='24' rx='2'/%3E%3Cpath d='M11 35h13M17 29v6'/%3E%3Crect x='29' y='14' width='16' height='24' rx='2'/%3E%3Cpath d='M35 34h4'/%3E%3C/svg%3E")}
.center-ref .activity footer b{display:block;font-size:16px;color:#176b69;margin-bottom:2px}.center-ref .activity footer small{display:block;font-size:13px;line-height:1.45;color:#526976}
@media(max-width:1000px){
  .center-ref header{height:64px;padding:0 16px}.center-ref .brand{font-size:21px}.center-ref .brand b{width:36px;height:28px}.center-ref .user:before{display:none}.center-ref .user i{width:38px;height:38px}
  .center-ref main{margin:0;padding:23px 16px 88px}.center-ref .grid{display:block}.center-ref .hello{margin-left:0}.center-ref .hello h1{font-size:var(--yk-type-page);margin-top:0}.center-ref .hello h2{font-size:18px;margin-bottom:20px}
  .center-ref .resume{height:auto;min-height:220px;grid-template-columns:120px 1fr;padding:18px;gap:18px}.center-ref .cover{height:170px}.center-ref .resume>div:nth-child(2){padding-top:0}.center-ref .resume h2{font-size:var(--yk-type-section);margin:10px 0}.center-ref .resume .primary{position:static;height:46px;min-width:0;margin-top:10px;font-size:16px}.center-ref .tags{position:static;margin-top:12px}
  .center-ref .tasks{padding:0 18px}.center-ref .task{height:auto;min-height:118px;grid-template-columns:64px 1fr auto;gap:14px;padding:18px 0}.center-ref .tile{width:64px;height:64px}.center-ref .task .outline{grid-column:3;min-width:100px;height:45px;font-size:14px}
  .center-ref aside.right{margin-top:18px}.center-ref .plan{height:auto}.center-ref .activity{min-height:0}.center-ref .mobile{display:grid}
}
@media(max-width:560px){
  .center-ref main{padding:20px 14px 82px}.center-ref .hello h1{font-size:31px}.center-ref .resume{display:block}.center-ref .cover{height:118px;margin:0 0 16px;background-position:center 48%}.center-ref .resume .primary{width:100%}.center-ref .task{grid-template-columns:54px 1fr}.center-ref .tile{width:54px;height:54px;font-size:25px}.center-ref .task .outline{grid-column:2;width:100%;margin-top:4px}.center-ref .plan-row{gap:13px}.center-ref .ring{width:118px}.center-ref .short{height:112px;padding:14px;font-size:16px}.center-ref .right article{padding:20px}.center-ref .activity .event{grid-template-columns:62px 1fr}
}
@media(max-width:560px){
  .center-ref .short{padding-right:30px;min-width:0;font-size:0;height:auto;min-height:112px;overflow:visible}.center-ref .short:before{font-size:15px;white-space:nowrap}.center-ref .short small{font-size:13px}.center-ref .short:after{right:9px}
  .center-ref .task h3{font-size:20px}.center-ref .task h3 em{font-size:18px}.center-ref .task p{font-size:16px}
  .center-ref .plan h2,.center-ref .activity h2{font-size:var(--yk-type-section)}.center-ref .heading-icon{width:24px;height:24px;margin-right:8px;vertical-align:-5px}
  .center-ref .activity footer{padding:14px 12px;gap:10px}.center-ref .activity footer .devices-icon{width:37px}
}
.center-ref aside nav{gap:16px}
.center-ref aside nav a{height:64px}
.center-ref .activity h2{justify-content:flex-start;align-items:center;gap:0}
.center-ref .activity h2 a{margin-left:auto}
.center-ref .activity h2 .heading-icon{flex-shrink:0}
.center-ref .plan{height:auto;min-height:382px;padding-bottom:25px}
.center-ref .plan details{margin-top:10px;padding-top:8px}
.center-ref .foot{padding-top:10px!important;margin-bottom:0;font-size:var(--yk-type-meta)}
.center-ref .plan>.foot{margin:8px 0 0;font-size:16px;line-height:24px}
.center-ref .plan>p:not(.foot){margin:4px 0 18px}
.center-ref .activity .event{padding-top:11px;padding-bottom:11px;border-bottom:0}
.center-ref aside nav a[href$="/subjective"] b{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23596978' stroke-width='1.8'%3E%3Cpath d='M13 4H4v17h17v-9M9 16l1-4L19 3l3 3-9 9-4 1Z'/%3E%3C/svg%3E")}
.center-ref .resume p{position:relative;padding-left:40px}
.center-ref .resume p:before{content:'▶';position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:white;background:#087f79;font-size:14px}
.center-ref .resume label{font-size:18px}
.center-ref .resume p{font-size:20px}
.center-ref .event b{font-size:var(--yk-type-meta)}
.center-ref .event p{font-size:16px}
.center-ref .activity footer small{font-size:16px}
.center-ref .tile{background-size:43px 43px}
.center-ref .heading-icon{background-size:34px 34px}
.center-ref .brand b{background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36'%3E%3Cpath fill='%23078c83' d='M2 1c8-2 15 0 22 4v30c-7-4-14-6-22-4V1Zm44 0c-8-2-15 0-22 4v30c7-4 14-6 22-4V1Z'/%3E%3Cpath fill='none' stroke='white' stroke-width='1.5' d='M24 5v27M5 5c6-.9 11 .3 16 2.8M43 5c-6-.9-11 .3-16 2.8'/%3E%3C/svg%3E")}
.center-ref .mobile b{display:block;width:24px;height:24px;font-size:0;color:#596978}
.center-ref .mobile svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.center-ref .mobile .on b{color:#078c83}
@media(max-width:560px){
 .center-ref .heading-icon{background-size:contain;flex-shrink:0}
 .center-ref .resume p{font-size:17px}
 .center-ref .activity footer small{font-size:14px}
 .center-ref .activity h2{font-size:20px}
 .center-ref .activity h2 a{font-size:12px}
 .center-ref .plan-row{align-items:center}
 .center-ref .ring{flex-shrink:0}
 .center-ref .short{padding-left:10px;padding-right:24px}
}
@media(max-width:360px){.center-ref .plan-row{gap:10px}.center-ref .ring{width:108px}.center-ref .short{flex:1;min-width:124px;padding-left:10px;padding-right:24px}.center-ref .short small{min-width:90px}}
@media(min-width:1001px){.center-ref aside:not(.right) nav a{font-size:22px;font-weight:600;color:#536276}.center-ref aside:not(.right) nav a.on{color:#007f78}}

/* 图02 学习中心：二级支持入口（计划调整33、返回学习36、全站搜索29、本周报告24、提醒35、笔记30、证据31） */
.center-ref .support{margin-top:20px}
.center-ref .support h2{font-size:var(--yk-type-section);line-height:var(--yk-line-ui);margin:0 0 12px}
.center-ref .support-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.center-ref .support-links a{display:block;padding:12px 14px;border:1px solid #dbe6ea;border-radius:8px;background:#fff;color:inherit;text-decoration:none}
.center-ref .support-links a:hover{border-color:#1aaaa1;background:#f2fbfa}
.center-ref .support-links a:focus-visible{outline:2px solid #1aaaa1;outline-offset:2px}
.center-ref .support-links b{display:block;font-size:16px;color:#176b69}
.center-ref .support-links small{display:block;margin-top:2px;font-size:12px;line-height:1.45;color:#526976}
@media(max-width:760px){.center-ref .support-links{grid-template-columns:1fr}}