:root{
  --p2-blue:#26679a;
  --p2-blue-deep:#1c5580;
  --p2-blue-bg:#e9f6fd;
  --p2-orange:#e8862f;
  --p2-page:#f5f6f8;
  --p2-line:#e3e8e8;
  --p2-tile:#f2f4f7;
  --p2-ink:#333;
  --p2-ink2:#555;
  --p2-mut:#8d97a3;
}
.p2-page{background:var(--p2-page);color:var(--p2-ink);font-size:14px;}
.p2-page a{text-decoration:none;color:inherit;}
.p2-wrap{max-width:1200px;margin:0 auto;padding:0 20px 50px;}
.p2-crumb{font-size:12px;color:var(--p2-mut);padding:16px 0 14px;}
.p2-crumb a:hover{color:var(--p2-blue);}
.p2-crumb b{color:var(--p2-blue);font-weight:500;}
.p2-layout{display:flex;gap:20px;align-items:flex-start;}
.p2-side{width:250px;flex-shrink:0;background:#fff;border-radius:10px;padding:8px 0 12px;}
.p2-cat{padding:4px 16px 0;}
.p2-cat-h{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:var(--p2-ink);padding:10px 4px;line-height:1.4;}
.p2-cat-h:hover{color:var(--p2-blue);}
.p2-cat-h.on{color:var(--p2-blue);font-weight:600;}
.p2-ar{font-size:10px;color:#b0b8c4;transition:transform .2s;}
.p2-cat.open .p2-ar{transform:rotate(90deg);}
.p2-subs{display:none;list-style:none;margin:0;padding:0 0 8px;}
.p2-cat.open .p2-subs{display:block;}
.p2-sub{display:block;font-size:14px;color:var(--p2-ink2);padding:7px 12px;border-radius:6px;margin:2px 0;}
.p2-sub:hover{background:var(--p2-blue-bg);color:var(--p2-blue);}
.p2-sub.on{background:var(--p2-blue);color:#fff;font-weight:700;}
.p2-main{flex:1;min-width:0;background:#fff;border-radius:10px;padding:26px 32px 40px;}
.p2-h1{font-size:22px;color:#222;font-weight:700;letter-spacing:.5px;margin:0;}
.p2-count{font-size:13px;color:var(--p2-mut);margin:14px 0 4px;}
.p2-count b{color:var(--p2-orange);font-weight:600;}
.p2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px 20px;margin-top:16px;}
.p2-card{display:block;}
.p2-tile{background:var(--p2-tile);border-radius:6px;aspect-ratio:1/0.92;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:box-shadow .2s,transform .2s;}
.p2-card:hover .p2-tile{box-shadow:0 6px 18px rgba(38,103,154,.16);transform:translateY(-2px);}
.p2-tile img{max-width:74%;max-height:74%;object-fit:contain;}
.p2-code-row{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap;}
.p2-code{font-size:15px;font-weight:600;color:#222;line-height:1.4;}
.p2-card:hover .p2-code{color:var(--p2-blue);}
.p2-tag{font-size:10.5px;color:var(--p2-blue);background:#f4f8fb;border:1px solid #cfdcea;border-radius:3px;padding:1px 6px;line-height:1.6;}
.p2-empty{border:1.5px dashed #c9d2de;border-radius:8px;padding:56px 20px;text-align:center;color:var(--p2-mut);margin-top:18px;}
.p2-empty b{display:block;font-size:15px;color:#556;margin-bottom:6px;font-weight:600;}
.p2-back{display:inline-block;font-size:13px;color:var(--p2-blue);margin:0 0 12px;}
.p2-back:hover{color:var(--p2-blue-deep);}
.p2-detail-top{display:flex;gap:26px;background:#fff;border:1px solid var(--p2-line);padding:26px;}
.p2-photo{width:340px;flex-shrink:0;}
.p2-box{background:var(--p2-tile);aspect-ratio:1/0.95;display:flex;align-items:center;justify-content:center;}
.p2-box img{max-width:86%;max-height:86%;object-fit:contain;}
.p2-ph{font-size:13px;color:#a8b0b8;}
.p2-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.p2-thumb{width:56px;height:56px;background:var(--p2-tile);border:1px solid var(--p2-line);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px;}
.p2-thumb.on{border-color:var(--p2-blue);}
.p2-thumb img{max-width:100%;max-height:100%;object-fit:contain;}
.p2-info{flex:1;min-width:0;}
.p2-info h1{font-size:24px;color:#222;font-weight:700;margin:0;line-height:1.3;}
.p2-subline{font-size:13px;color:var(--p2-mut);margin-top:6px;}
.p2-tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;}
.p2-desc{font-size:13.5px;color:var(--p2-ink2);line-height:1.9;margin-top:14px;}
.p2-prm-h{font-size:17px;font-weight:600;color:#222;margin-top:16px;}
.p2-prm{margin-top:6px;}
.p2-row{display:flex;align-items:baseline;gap:28px;padding:5px 2px;font-size:13px;}
.p2-k{color:var(--p2-mut);flex-shrink:0;width:190px;}
.p2-v{color:#222;font-weight:500;}
.p2-cta{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap;}
.p2-btn{font-size:14px;padding:9px 22px;border-radius:4px;display:inline-block;line-height:1.4;}
.p2-pri{background:var(--p2-blue);color:#fff !important;border:1px solid var(--p2-blue);}
.p2-pri:hover{background:var(--p2-blue-deep);}
.p2-ghost{background:#fff;color:var(--p2-blue) !important;border:1px solid var(--p2-blue);}
.p2-low{margin-top:20px;}
.p2-block{background:#fff;border:1px solid var(--p2-line);}
.p2-block-h{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #f0f2f2;}
.p2-bar{width:4px;height:16px;background:var(--p2-blue);}
.p2-bt{font-size:15px;font-weight:600;color:#222;}
.p2-specs{padding:8px 0 16px;overflow-x:auto;}
.p2-specs table{width:calc(100% - 48px);max-width:1120px;border-collapse:collapse;margin:20px auto 8px;font-size:12.5px;}
.p2-specs th{background:var(--p2-blue);color:#fff;font-weight:500;padding:9px 8px;text-align:center;}
.p2-specs td{border:1px solid #e8edf0;padding:8px;text-align:center;color:var(--p2-ink2);}
.p2-specs tr:hover td{background:var(--p2-blue-bg);}
.p2-specs img{max-width:100%;height:auto;}
.p2-specs p{padding:0 24px;line-height:1.8;color:var(--p2-ink2);}
@media (max-width:860px){
  .p2-layout,.p2-detail-top{flex-direction:column;}
  .p2-side,.p2-photo{width:100%;}
  .p2-main{padding:20px 16px 28px;}
  .p2-k{width:120px;}
  .p2-row{gap:12px;}
}