.packaging-hero-figure{width:100%;margin:34px 0 0}.packaging-hero-figure img{display:block;width:100%;height:clamp(190px,30vw,420px);object-fit:cover;object-position:center 58%;border-radius:8px}.packaging-hero-figure figcaption,.packaging-source-figure figcaption,.packaging-visual figcaption{margin:8px 0 0;color:var(--guide-muted);font-size:12px;line-height:1.6}.packaging-guide-page .guide-opening p:nth-child(2){padding-left:20px;border-left:4px solid #91c9d9;color:var(--guide-ink);font-size:1.08em;font-weight:600}.packaging-guide-page .guide-article #barcode>h2+p,.packaging-guide-page .guide-article #channel-differences>h2+p,.packaging-guide-page .guide-article #inner-protection>h2+p,.packaging-guide-page .guide-article #package-scope>h2+p,.packaging-guide-page .guide-article #packaging-moq>h2+p,.packaging-guide-page .guide-article #packout-first>h2+p,.packaging-guide-page .guide-article #timing>h2+p,.packaging-guide-page .guide-article #transport-testing>h2+p{color:var(--guide-ink);font-weight:600}.packaging-callout{margin:24px 0;padding:18px 20px;border-left:4px solid #55b9c4;background:#eef8fa;color:#17384c}.packaging-callout p:last-child{margin-bottom:0}.packaging-note{color:var(--guide-muted);font-size:.94em}.packaging-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;padding:0;list-style:none}.packaging-checks li{position:relative;padding:12px 14px 12px 40px;border:1px solid #d6e3e7;border-radius:10px;background:#fbfdfd}.packaging-checks li:before{position:absolute;left:14px;content:"✓";color:#247360;font-weight:800}.packaging-source-figure{margin:30px 0}.packaging-source-figure-compact{max-width:680px;margin-inline:auto}.packaging-source-figure img{display:block;width:100%;height:auto;border-radius:12px}.packaging-visual{margin:30px 0}.packaging-visual-canvas{overflow:hidden;border:1px solid #cadbe3;border-radius:16px;background:#edf5f7;color:#102d43;box-shadow:0 16px 38px rgba(16,45,67,.08)}.packaging-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;padding:32px}.packaging-levels>div{position:relative;min-height:150px;padding:22px;border-radius:13px;background:#fff;border:1px solid #c8dce3}.packaging-levels span{display:block;color:#3095a3;font:800 13px/1 sans-serif;letter-spacing:.12em}.packaging-levels strong{display:block;margin:24px 0 9px;font:700 18px/1.25 sans-serif}.packaging-levels small{display:block;color:#597182;font:14px/1.5 sans-serif}.packaging-levels i{position:absolute;right:-34px;top:62px;color:#54aaba;font-style:normal;font-size:24px}.barcode-board{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);gap:26px;align-items:center;padding:34px}.barcode-box{position:relative;min-height:280px;border:2px solid #bca785;border-radius:10px;background:#e6d7bd;box-shadow:inset 0 0 0 10px rgba(255,255,255,.16)}.box-fold{position:absolute;top:0;bottom:0;left:62%;border-left:3px dashed rgba(82,67,45,.45)}.barcode-bad,.barcode-good{position:absolute;width:170px;padding:13px;background:#fff;border-radius:7px;text-align:center}.barcode-good{left:9%;top:25%;border:3px solid #2e8c71}.barcode-bad{right:3%;bottom:16%;transform:rotate(2deg);border:3px solid #bd684f;opacity:.82}.barcode-bad b,.barcode-good b{display:block;overflow:hidden;color:#102d43;font:800 23px/1 monospace;letter-spacing:-2px;white-space:nowrap}.barcode-bad small,.barcode-good small{display:block;margin-top:8px;font:700 13px/1.2 sans-serif}.barcode-notes{display:grid;gap:9px}.barcode-notes strong{margin-bottom:6px;font-size:18px}.barcode-notes span{padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.78);color:#425f70;font-size:14px}.moq-allocation{display:grid;grid-template-columns:.9fr 1.5fr;gap:20px;padding:32px}.moq-split>div,.moq-total{padding:26px;border-radius:13px;background:#fff;border:1px solid #c8dce3}.moq-split span,.moq-total span{color:#287f8d;font:800 12px/1 sans-serif;letter-spacing:.12em}.moq-split strong,.moq-total strong{display:block;margin:12px 0 6px;color:#113148;font:800 36px/1 sans-serif}.moq-split small,.moq-total small{color:#597182;font-size:14px}.moq-split{display:grid;grid-template-columns:3fr 7fr;gap:12px}.moq-split>div:first-child{border-top:5px solid #55b9c4}.moq-split>div:last-child{border-top:5px solid #173f5a}.packaging-revision{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;padding:30px 24px}.packaging-revision div{position:relative;min-height:94px;padding:16px 10px;border-radius:10px;background:#fff;border:1px solid #c8dce3;text-align:center}.packaging-revision span{display:block;color:#3095a3;font:800 11px/1 sans-serif;letter-spacing:.12em}.packaging-revision strong{display:block;margin-top:14px;font:700 14px/1.25 sans-serif}.packaging-revision i{position:absolute;right:-18px;top:37px;color:#4f9aaa;font-style:normal}@media (max-width:760px){.packaging-hero-figure figcaption,.packaging-source-figure figcaption,.packaging-visual figcaption{font-size:11px}.packaging-checks,.packaging-levels{grid-template-columns:1fr}.packaging-levels{gap:28px;padding:18px}.packaging-levels>div{min-height:118px}.packaging-levels strong{margin-top:17px}.packaging-levels i{right:auto;left:50%;top:auto;bottom:-25px;transform:rotate(90deg)}.barcode-board{grid-template-columns:1fr;padding:18px}.barcode-box{min-height:250px}.barcode-bad,.barcode-good{width:142px}.moq-allocation,.moq-split{grid-template-columns:1fr;padding:18px}.moq-split{padding:0}.packaging-revision{grid-template-columns:repeat(2,1fr);gap:16px 24px;padding:18px}.packaging-revision i{right:-20px}.packaging-revision div:nth-child(2n) i{left:50%;right:auto;top:auto;bottom:-18px;transform:rotate(90deg)}.packaging-guide-page .guide-table-scroll table{min-width:700px}}