:root{
  --text:#1c1d1f; --muted:#6a6f73; --border:#d1d7dc; --bg:#ffffff; --bg2:#f7f9fa;
  --brand:#a435f0; --brandDark:#8710d8; --warning:#b4690e; --success:#1e7f2d;
  --shadow:0 2px 8px rgba(0,0,0,.08); --shadow2:0 10px 26px rgba(0,0,0,.14);
  --radius:8px; --max:1180px; --line:1.55; --h1:clamp(26px,3.2vw,38px);
}
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", Segoe UI, Roboto, Helvetica, Arial; color:var(--text);background:var(--bg);line-height:var(--line);} a{color:inherit}
.container{max-width:var(--max); margin:0 auto; padding:0 18px;}
/* 导航栏样式由主题提供 */
.hero{background:#1c1d1f; color:#fff; padding:82px 0 26px; position:relative; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); margin-top:-60px;} .hero h1{font-size:var(--h1); font-weight:900; letter-spacing:-.8px; margin:0 0 12px; line-height:1.2;} .breadcrumbs{color:rgba(255,255,255,.75); font-size:12px; margin:8px 0 10px;} .breadcrumbs a{color:rgba(255,255,255,.9); text-decoration:none} .breadcrumbs a:hover{text-decoration:underline}
.hero-grid{display:block; max-width:var(--max);} .hero-grid.has-purchase{padding-right:420px;} @media(max-width:980px){.hero-grid,.hero-grid.has-purchase{padding-right:0;}}
@media(max-width:768px){.hero{padding-top:90px; margin-top:-68px;}}
@media(max-width:480px){.hero{padding-top:86px; margin-top:-64px;}}
.purchase-card-wrapper{position:fixed; top:78px; right:max(18px, calc((100vw - var(--max)) / 2)); z-index:40; width:380px;} @media(max-width:980px){.purchase-card-wrapper{position:static; width:auto; margin:20px auto; max-width:500px;} .purchase-card{width:100%;}}
.purchase-card{background:#fff; color:var(--text); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow2); overflow:hidden; width:380px; transition:box-shadow .3s ease, transform .2s ease;} .purchase-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.15); transform:translateY(-2px);} .preview{height:140px; aspect-ratio:auto; background:#fff; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.9); font-weight:800;} .preview img{width:100%; height:100%; object-fit:contain; display:block;}
.pc-body{padding:10px 16px 14px;} .deal{color:var(--warning); font-weight:900; font-size:13px; margin-bottom:6px;} .price{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;} .price .now{font-size:26px; font-weight:900} .price .was{color:var(--muted); text-decoration:line-through} .price .off{color:var(--success); font-weight:900}
.pc-actions{display:grid; gap:8px; margin-top:10px;} .pc-actions .btn{border-radius:6px; padding:10px 12px; font-weight:900; border:1px solid var(--text); color:var(--text);} .pc-actions .btn.primary{background:var(--brand); border-color:var(--brand); color:#fff;} .pc-actions .btn.primary:hover{background:var(--brandDark)} .pc-actions .btn.free-download{background:#16a34a; border-color:#16a34a; color:#fff;} .pc-actions .btn.free-download:hover{background:#15803d; border-color:#15803d;} .pc-actions .btn.secondary{background:#fff; border-color:var(--text); color:var(--text);} .pc-note{margin-top:10px; color:var(--muted); font-size:12px; line-height:1.5;} .pc-list{margin:10px 0 0; padding-left:18px; color:var(--muted); font-size:13px; line-height:1.6;}
.yct-pkg-tabs{display:flex; gap:10px; margin-top:12px;}
.yct-pkg-tab{padding:8px 14px; border:1px solid var(--border); border-radius:999px; background:#fff; font-weight:800; font-size:13px; cursor:pointer; color:var(--text);}
.yct-pkg-tab.active{background:var(--brand); border-color:var(--brand); color:#fff;}
.yct-pkg-empty{padding:24px 0; text-align:center; color:var(--muted); font-size:14px;}
/* 侧栏配套课程卡片：与侧栏统一的现代风格，紧凑横排，不滑动 */
.yct-sidebar-course-card{margin-top:12px; margin-bottom:20px;}
.yct-sidebar-course-card .ycp-article-course-card{margin:0; width:100%; padding:12px; background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius); box-shadow:none;}
.yct-sidebar-course-card .ycp-article-course-card-inner{display:grid; grid-template-columns:48px 1fr; grid-template-rows:auto auto; column-gap:10px; row-gap:10px; align-items:center;}
.yct-sidebar-course-card .ycp-article-course-cover{grid-row:1; grid-column:1; width:48px; height:48px; aspect-ratio:auto; margin:0; border-radius:8px; background:#fff; border:1px solid var(--border); overflow:hidden; display:flex; align-items:center; justify-content:center;}
.yct-sidebar-course-card .ycp-article-course-cover img{width:100%; height:100%; object-fit:contain;}
.yct-sidebar-course-card .ycp-article-course-main{grid-row:1; grid-column:2; min-width:0;}
.yct-sidebar-course-card .ycp-article-course-kicker{font-size:11px; font-weight:700; letter-spacing:.3px; color:var(--brand); margin:0 0 2px;}
.yct-sidebar-course-card .ycp-article-course-main h3{font-size:14px; font-weight:800; margin:0; line-height:1.3; color:var(--text);}
.yct-sidebar-course-card .ycp-article-course-main h3 a{text-decoration:none;}
.yct-sidebar-course-card .ycp-article-course-desc{display:none;}
.yct-sidebar-course-card .ycp-article-course-meta{display:flex; flex-wrap:wrap; font-size:11px; margin-top:6px; gap:6px;}
.yct-sidebar-course-card .ycp-article-course-meta span{background:#fff; border:1px solid var(--border); color:var(--muted); border-radius:999px; padding:2px 8px; line-height:1.5;}
.yct-sidebar-course-card .ycp-article-course-actions{grid-row:2; grid-column:1 / -1; margin-top:0; width:100%;}
.yct-sidebar-course-card .ycp-article-course-btn{display:block; width:100%; text-align:center; padding:9px 12px; font-size:13px; font-weight:800; border-radius:6px; background:var(--brand); border:1px solid var(--brand); color:#fff; text-decoration:none; transition:background .2s ease;}
.yct-sidebar-course-card .ycp-article-course-btn:hover{background:var(--brandDark); border-color:var(--brandDark);}
.main{padding:22px 0 46px; background:#fff; position:relative;} .main-grid{display:block;} .main-grid.no-purchase .panel{margin-left:auto; margin-right:auto;} .panel{border:1px solid var(--border); border-radius:var(--radius); background:#fff; padding:18px; box-shadow:var(--shadow); margin-bottom:16px; max-width:750px;} .panel h2{margin:0 0 12px; font-size:22px; font-weight:800; letter-spacing:-.5px; line-height:1.3;} .muted{color:var(--muted);}
.learn-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px 22px;} @media(max-width:720px){.learn-grid{grid-template-columns:1fr;}} .check{display:flex; gap:10px; align-items:flex-start; color:var(--text); font-size:14px; line-height:1.5;} .check:before{content:"✓"; font-weight:900; color:var(--text); margin-top:1px;}
.req ul, .desc ul{margin:10px 0 0; padding-left:18px; color:var(--text); line-height:1.75;}
.review{border-top:1px solid var(--border); padding-top:12px; margin-top:12px;} .review:first-child{border-top:0; padding-top:0; margin-top:0;} .review-head{display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-weight:800; letter-spacing:-.3px;} .review p{margin:6px 0 0; color:var(--muted); line-height:1.7;} .stars{color:#f3ca8c;}
.yct-modules{display:grid; gap:12px; margin:0;} /* reuse cards from plugin */
.yct-detail-img{width:100% !important; height:100% !important; object-fit:contain; display:block;}
#packageSelectorModal .yct-package-preview{width:100%;overflow:hidden;} #packageSelectorModal .yct-package-preview img{max-width:100%;max-height:100%;min-height:0;} @media(max-width:600px){#packageSelectorModal .yct-package-preview{height:110px!important;}}
.yct-carousel{aspect-ratio:16/9; max-width:760px; margin:0 auto;}
.yct-carousel .yct-track{height:100%; align-items:stretch;}
.yct-carousel .yct-track img{height:100% !important;}
.yct-lightbox{position:fixed; inset:0; background:rgba(0,0,0,.9); z-index:9999; display:none; align-items:center; justify-content:center; padding:24px;}
.yct-lightbox.active{display:flex;}
.yct-lightbox-inner{position:relative; width:min(100%, 1200px); height:min(100%, 80vh); display:flex; align-items:center; justify-content:center;}
.yct-lightbox-img{max-width:100%; max-height:100%; object-fit:contain; display:block;}
.yct-lightbox-btn{position:absolute; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.16); color:#fff; border:none; width:46px; height:46px; border-radius:999px; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:22px;}
.yct-lightbox-prev{left:-12px;}
.yct-lightbox-next{right:-12px;}
.yct-lightbox-close{position:absolute; top:-10px; right:-10px; background:rgba(255,255,255,.16); color:#fff; border:none; width:38px; height:38px; border-radius:999px; cursor:pointer; font-size:20px; display:flex; align-items:center; justify-content:center;}
.yct-lightbox-counter{position:absolute; bottom:-6px; right:0; color:#fff; font-size:12px; opacity:.75;}
.toast{position:fixed; left:50%; bottom:16px; transform:translateX(-50%); background:#1c1d1f; color:#fff; padding:10px 12px; border-radius:999px; font-size:13px; box-shadow:var(--shadow2); display:none; max-width:min(520px, calc(100vw - 26px)); z-index:60;} .toast.show{display:block}
/* 确保导航栏在所有设备上都固定 */
.yct-content-tabbar{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--border);margin:-2px 0 18px;}
.yct-content-tab{flex:none;white-space:nowrap;appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:16px;font-weight:800;padding:8px 12px 10px;cursor:pointer;margin-bottom:-1px;}
.yct-content-tab:hover{color:var(--text);}
.yct-content-tab[aria-selected="true"]{color:var(--brand);border-bottom-color:var(--brand);}
.yct-content-tab:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.yct-content-tabpanel[hidden]{display:none;}
.yct-plugin-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;}
.yct-plugin-info-item{min-width:0;padding:16px;border:1px solid var(--border);border-radius:8px;background:#f8f9fa;overflow-wrap:anywhere;}
.yct-plugin-info-item dt{font-size:12px;color:var(--muted);margin-bottom:6px;}
.yct-plugin-info-item dd{margin:0;font-size:15px;font-weight:600;color:var(--text);line-height:1.5;}
@media(max-width:720px){.yct-plugin-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.yct-plugin-info-item{padding:12px;}}

.yct-usage-content{font-size:15px;line-height:1.8;overflow-wrap:anywhere;}
.yct-usage-content img,.yct-usage-content video{max-width:100%;height:auto;border-radius:8px;}
.yct-usage-content video{display:block;width:100%;max-height:640px;background:#000;}
.yct-usage-content iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:8px;margin:14px auto;}
.yct-usage-content pre{overflow:auto;padding:14px;background:#f6f7f9;border-radius:8px;}
.yct-usage-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;}
@media (max-width: 1024px) {
  .topbar { position: fixed !important; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; }
}

/* Public hero markup shared by the website and its mini-program entry. */
.hero .subtitle{margin:0 0 12px;color:rgba(255,255,255,.85);line-height:var(--line);letter-spacing:.2px;}
.hero .meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13px;color:rgba(255,255,255,.85);}
.hero .pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:12px;color:rgba(255,255,255,.9);}

.yct-detail-block{text-align:center;padding:8px 0;}