/* Separate drawing portfolio cards from the craft video library. */
.drawing-section{padding-top:52px}
.drawing-section .notice-disclaimer{max-width:100%;margin-bottom:28px}
.drawing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start}
.drawing-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e8ef;border-radius:12px;box-shadow:0 8px 24px rgba(43,71,96,.055);transition:transform .2s ease,box-shadow .2s ease}
.drawing-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(43,71,96,.1)}
.drawing-cover{width:100%;aspect-ratio:5/6;overflow:hidden;background:#eaf1f7}
.drawing-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.drawing-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;text-align:center;color:#58748a;background:linear-gradient(145deg,#edf4f9,#dce8f0)}
.drawing-placeholder span{font:10px/1.4 monospace;letter-spacing:.15em;color:#7793a7}
.drawing-placeholder b{font-size:20px;color:#36556c}
.drawing-placeholder small{font-size:11px;line-height:1.7;color:#71889a}
.drawing-info{padding:15px 16px 18px}
.drawing-info>small{font-size:11px;color:#6e91a8}
.drawing-info h2{margin:0;font-size:16px;line-height:1.55;color:#20384d}
.drawing-info p{margin:7px 0 0;font-size:12px;line-height:1.7;color:#728395;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.drawing-cover{position:relative}
.drawing-download{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(28,57,78,.82);color:#fff;box-shadow:0 5px 16px rgba(13,34,49,.25);text-decoration:none;opacity:.92;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,background .2s ease}
.drawing-download svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drawing-download::after{content:'下载图纸';position:absolute;right:50px;white-space:nowrap;padding:7px 10px;border-radius:6px;background:#20384d;color:#fff;font-size:12px;font-weight:600;opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.drawing-download:hover,.drawing-download:focus-visible{background:#bd4b36;opacity:1;transform:translateY(0);outline:2px solid #fff;outline-offset:2px}
.drawing-download:hover::after,.drawing-download:focus-visible::after{opacity:1;transform:translateX(0)}
.drawing-download:focus-visible{outline-color:#315b78}
.drawing-download[download]{cursor:pointer}
.drawing-download-wrap{position:absolute;inset:0;pointer-events:none}
.drawing-download-wrap .drawing-download{pointer-events:auto}
.drawing-download{opacity:1;transform:none}
.drawing-download:hover,.drawing-download:focus-visible{transform:scale(1.06)}
.drawing-download .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.drawing-empty{grid-column:1/-1}
.craft-video-link{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#eaf1f7}
.craft-video-link img{display:block;width:100%;height:100%;object-fit:cover}
.craft-video-thumb{height:100%;display:grid;place-items:center;color:#54758d;background:linear-gradient(135deg,#dce8f0,#eff5f9);font-size:14px}
.video-list .craft-video-link{margin-top:auto}
@media(max-width:1000px){.drawing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.drawing-section{padding-top:36px}.drawing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.drawing-info{padding:12px}.drawing-info h2{font-size:14px}.drawing-placeholder b{font-size:17px}.drawing-placeholder small{font-size:10px}}
@media(max-width:380px){.drawing-grid{grid-template-columns:1fr}.drawing-card{max-width:300px;width:100%;justify-self:center}}
@media(prefers-reduced-motion:reduce){.drawing-card,.drawing-download,.drawing-download::after{transition:none}}