.topbar-nav a[href="#pingjujiang-ai"] { color:#e7e6ff; border-color:#716be5; background:#34316b; }
.pjj-product { margin-bottom:22px; overflow:hidden; border:1px solid #706cce; border-radius:28px; background:radial-gradient(ellipse at 80% 0%,#33346d 0%,transparent 60%),linear-gradient(125deg,#161c37,#111b2e); box-shadow:0 18px 65px #040b2455; scroll-margin-top:20px; }
.pjj-product-main { display:grid; grid-template-columns:1.08fr 1fr; gap:40px; align-items:center; padding:36px 40px 30px; }
.pjj-eyebrow { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 18px; font-size:21px; font-weight:700; }
.pjj-logo { display:grid; place-items:center; width:36px; height:36px; color:white; background:#327ee4; border-radius:11px; font-size:30px; }
.pjj-tag { color:#ddd8ff; background:#ffffff0d; border:1px solid #9994dd55; padding:5px 10px; font-size:11px; font-weight:500; border-radius:20px; }
.pjj-copy h2 { margin:0 0 15px; font-size:clamp(29px,3.3vw,48px); line-height:1.24; letter-spacing:-.035em; }
.pjj-copy h2 span { color:#b8b4ff; font-size:.75em; letter-spacing:-.025em; }
.pjj-intro { max-width:560px; margin:0 0 17px; font-size:15px; line-height:1.8; color:#c0cae1; }
.pjj-models { display:flex; flex-wrap:wrap; list-style:none; gap:7px; padding:0; margin:0 0 20px; }
.pjj-models li { border:1px solid #a4b7e033; background:#0a112e55; padding:5px 10px; border-radius:6px; color:#d8e1f4; font-size:12px; }
.pjj-price { display:flex; align-items:baseline; gap:5px; margin-bottom:16px; }
.pjj-price > span { color:#d3cdff; font-size:17px; }
.pjj-price strong { font-size:48px; line-height:1; font-weight:750; letter-spacing:-2px; }
.pjj-price small { margin-left:12px; color:#bdc6dd; font-size:12px; }
.pjj-actions { display:flex; flex-wrap:wrap; gap:10px; }
.pjj-actions a { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:46px; border-radius:10px; padding:11px 17px; font-size:14px; font-weight:650; }
.pjj-buy { background:#9588ff; color:#12162d; box-shadow:0 6px 24px #8475f533; }
.pjj-download { background:#ffffff0b; border:1px solid #a0b0d555; color:#edf1ff; }
.pjj-actions a:hover { filter:brightness(1.13); }
.pjj-product a:focus-visible,.pjj-product summary:focus-visible { outline:3px solid #f8ce7c; outline-offset:4px; }
.pjj-requirements { margin:12px 0 0; font-size:11px; line-height:1.7; color:#adbcd7; }
.pjj-preview { position:relative; background:#26282e; border:1px solid #9097be55; border-radius:14px; box-shadow:0 25px 65px #03061d80; min-width:0; padding-bottom:22px; }
.pjj-preview-head { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 14px; font-size:11px; color:#c1c4d0; border-bottom:1px solid #ffffff12; }
.pjj-preview-head > span:first-child { display:flex; gap:5px; }
.pjj-preview-head i { width:7px; height:7px; border-radius:50%; background:#696c78; }
.pjj-preview-head i:first-child { background:#c9787b; }.pjj-preview-head i:nth-child(2) { background:#c8b77b; }.pjj-preview-head i:last-child { background:#7eae91; }
.pjj-preview-head small { font-size:9px; color:#a8adc1; }
.pjj-workspace { display:flex; height:255px; gap:13px; padding:15px 12px 50px; background:#1d1f25; }
.pjj-tools { width:20px; flex-shrink:0; color:#9fa4b6; font-size:18px; line-height:1.65; text-align:center; }
.pjj-canvas { flex:1; height:100%; min-width:0; align-self:center; box-shadow:0 8px 20px #0006; }
.pjj-canvas svg { display:block; width:100%; height:100%; }
.pjj-layers { display:flex; flex-direction:column; gap:11px; width:75px; flex-shrink:0; color:#9ba2b4; font-size:9px; border-left:1px solid #ffffff15; padding:8px 0 0 8px; }
.pjj-layers b { color:#c9c4ff; font-weight:500; background:#9188ef22; padding:7px 4px; border-radius:3px; }
.pjj-floating { position:absolute; top:246px; left:13%; display:flex; align-items:center; gap:16px; padding:10px 13px; border:1px solid #888a9455; background:#33343a; border-radius:8px; box-shadow:0 6px 18px #0007; font-size:10px; color:#d5d7e3; }
.pjj-floating strong { color:#bcb6ff; font-size:11px; }
.pjj-prompt { position:relative; margin:0 24px 0 48px; padding:13px 14px; background:#33343b; border:1px solid #777c9255; border-radius:10px; box-shadow:0 8px 24px #0006; }
.pjj-prompt > div { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.pjj-prompt strong { font-size:12px; }.pjj-prompt span { font-size:9px; color:#b2b9cd; }
.pjj-prompt p { margin:10px 0; border:1px solid #ffffff22; border-radius:6px; padding:12px 8px; font-size:11px; color:#b4bacb; background:#292a30; }
.pjj-prompt small { font-size:9px; color:#a6acc2; }.pjj-prompt b { background:#357adb; color:white; font-size:10px; padding:6px 15px; border-radius:6px; }
.pjj-features { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; list-style:none; padding:22px 40px; margin:0; background:#030a1c33; border-top:1px solid #a2a5db22; }
.pjj-features li { display:flex; flex-direction:column; gap:6px; }.pjj-features strong { font-size:14px; color:#e6e8fc; }.pjj-features span { color:#aab9d2; font-size:11px; line-height:1.6; }
.pjj-details { padding:0 40px 17px; background:#030a1c33; font-size:11px; color:#aab9d2; }
.pjj-details summary { cursor:pointer; width:fit-content; line-height:1.8; color:#bdc9df; }
.pjj-details div { padding-top:5px; max-width:960px; }.pjj-details p { line-height:1.8; margin:8px 0; }
@media (max-width:1050px) { .pjj-product-main { gap:24px; padding:30px 26px; }.pjj-actions a { padding:11px 12px; font-size:12px; }.pjj-workspace { gap:6px; }.pjj-layers { width:57px; }.pjj-features { padding:20px 26px; gap:12px; }.pjj-details { padding:0 26px 17px; }.pjj-floating { left:9%; gap:11px; }.pjj-prompt { margin-right:16px; margin-left:36px; } }
@media (max-width:760px) { .topbar { align-items:flex-start; flex-direction:column; }.topbar-nav { gap:6px; }.topbar-nav a { padding:0 11px; min-height:36px; font-size:12px; }.pjj-product-main { grid-template-columns:1fr; padding:26px 22px; gap:28px; }.pjj-copy h2 { font-size:35px; }.pjj-intro { font-size:14px; }.pjj-actions a { font-size:13px; flex:1; padding:12px 8px; gap:6px; }.pjj-price strong { font-size:46px; }.pjj-preview { max-width:500px; width:100%; justify-self:center; }.pjj-features { grid-template-columns:1fr 1fr; padding:20px 22px; gap:18px 14px; }.pjj-details { padding:0 22px 18px; }.pjj-features span { font-size:11px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

.pjj-buy-guide { margin:16px 0; padding:15px; border:1px solid #8980e966; border-radius:12px; background:#6860bc20; color:#cdd6eb; font-size:13px; line-height:1.75; }.pjj-buy-guide strong { display:block; color:#ddd8ff; margin-bottom:5px; }