/* CodingPlan title composition. Original typography/layout, CSS-only tags. */
html[data-vt-theme] body.cp-page .vn-plan-hero{padding:68px 0 42px;text-align:center;overflow:visible}
.vn-cp-title-block{max-width:780px;margin:0 auto}
.vn-cp-title-line{position:relative;isolation:isolate;width:max-content;max-width:100%;margin:auto}
html[data-vt-theme] body.cp-page .vn-plan-hero h1{margin:0;font-family:MiSans,Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:44px;font-weight:650;line-height:1.3;letter-spacing:.035em;word-spacing:.12em;color:var(--vt-text)}
html[data-vt-theme] body.cp-page .vn-plan-hero .vn-cp-subtitle{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:16px 0 0;font-family:MiSans,Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:28px;font-weight:400;line-height:1.6;letter-spacing:.065em;color:var(--vt-text)}
.vn-cp-subtitle>span{white-space:nowrap}
.vn-cp-tag{position:absolute;z-index:-1;display:grid;place-items:center;user-select:none;pointer-events:none;font-size:15px;font-weight:450;line-height:1;letter-spacing:.02em;color:#fff;border:1px solid #ffffff32;border-radius:10px;box-shadow:0 15px 30px #00000016}
.vn-cp-tag-code{right:calc(100% + 29px);top:19px;width:90px;height:38px;background:linear-gradient(125deg,#656565,#242424 80%);transform:perspective(400px) rotateY(12deg) rotateZ(-8deg)}
.vn-cp-tag-agent{left:calc(100% + 25px);top:-9px;width:76px;height:35px;background:linear-gradient(125deg,#a5adff,#5b67dc 72%,#4c57c7);transform:perspective(400px) rotateY(-10deg) rotateZ(-7deg);box-shadow:0 15px 30px #414b9b22}
html[data-vt-theme=dark] .vn-cp-tag-code{background:linear-gradient(125deg,#6f7785,#353c49 80%);border-color:#9ca5b83d}
html[data-vt-theme=dark] .vn-cp-tag-agent{background:linear-gradient(125deg,#99a6ee,#596cc0 85%);box-shadow:0 15px 30px #050b1829}
html[data-vt-theme] body.cp-page .vn-plan-hero .vn-tools{flex-wrap:wrap;gap:12px 20px;margin-top:30px;font-size:11px;font-weight:400;line-height:18px;letter-spacing:.03em;color:var(--vt-muted)}
html[data-vt-theme] body.cp-page .vn-tools a{color:var(--vt-text);text-underline-offset:4px}
html[data-vt-theme] body.cp-page .vn-tools a:hover{text-decoration:underline}
@media(max-width:900px){
 html[data-vt-theme] body.cp-page .vn-plan-hero{padding-top:64px}
 html[data-vt-theme] body.cp-page .vn-plan-hero h1{font-size:38px}
 html[data-vt-theme] body.cp-page .vn-plan-hero .vn-cp-subtitle{font-size:25px}
 .vn-cp-tag-code{right:calc(100% + 20px);width:76px;height:33px;font-size:13px}
 .vn-cp-tag-agent{left:calc(100% + 18px);width:66px;height:31px;font-size:13px}
}
@media(max-width:640px){
 html[data-vt-theme] body.cp-page .vn-plan-hero{width:calc(100% - 36px);padding:54px 0 30px}
 .vn-cp-title-block{max-width:400px}
 .vn-cp-title-line{width:100%;max-width:340px}
 html[data-vt-theme] body.cp-page .vn-plan-hero h1{font-size:28px;line-height:1.4;letter-spacing:.04em;word-spacing:.08em}
 html[data-vt-theme] body.cp-page .vn-plan-hero .vn-cp-subtitle{margin-top:14px;font-size:19px;line-height:1.7;letter-spacing:.055em}
 .vn-cp-tag{font-size:10px;border-radius:7px}
 .vn-cp-tag-code{left:4px;right:auto;top:-20px;width:54px;height:25px}
 .vn-cp-tag-agent{left:auto;right:4px;top:-25px;width:48px;height:23px}
 html[data-vt-theme] body.cp-page .vn-plan-hero .vn-tools{gap:8px 14px;margin-top:24px;font-size:10px;line-height:17px}
}