/* 小红书 2003 · PC 版样式。数值全部取自 Claude Design 原型。 */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#e8e8e8;font-family:var(--f-song-12);font-size:12px;color:#000}
a{color:#000080;text-decoration:none}
a:hover{color:#f00;text-decoration:underline}
img{border:0}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes rainbow{from{background-position:0 0}to{background-position:400% 0}}

.wrap{width:778px;margin:8px auto;background:#fff;border:1px solid #999;font-family:var(--f-song-12);font-size:12px;line-height:1.6}

/* 通用文字 */
.verdana{font-family:var(--f-sans-12)}
.gray{color:#888}.gray6{color:#666}.dark{color:#333}
.red:not(.box){color:#c00}.green{color:#060}.blue{color:#036}
.small{font-size:11px;font-family:var(--f-song-11)}.tiny{font-size:10px;font-family:var(--f-song-10)}
.b{font-weight:bold}.nb{font-weight:normal}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.nowrap{white-space:nowrap}
.center{text-align:center}.right{text-align:right}
.hl{color:#c00}
.mt4{margin-top:4px}.mt6{margin-top:6px}.mt8{margin-top:8px}
.flex{display:flex;align-items:center;gap:6px}
.flex-between{display:flex;justify-content:space-between;align-items:center;gap:6px}
.grow{flex:1;min-width:0}
.hidden{display:none!important}

/* 头部 */
.hd{display:grid;grid-template-columns:1fr 468px;align-items:center;padding:6px 8px;background:linear-gradient(#fff,#ffe6e6);border-bottom:1px solid #c00}
.hd-brand{display:flex;align-items:baseline;gap:8px;min-width:0}
.logo,.logo:hover{font-family:var(--f-hei);font-size:30px;color:#c00;letter-spacing:2px;text-shadow:2px 2px 0 #f9c;font-weight:bold;text-decoration:none;white-space:nowrap}
.slogan{font-family:var(--f-sans-11);font-size:11px;color:#666;white-space:nowrap}

/* 468×60 横幅 */
.banner{display:block;width:468px;height:60px;border:1px solid #000;overflow:hidden;position:relative;background:#3333ff;box-sizing:border-box;color:#fff}
.banner:hover{text-decoration:none}
.banner-bg{position:absolute;inset:0;background:linear-gradient(90deg,#ff00cc,#3333ff,#00ffcc,#ffff00,#ff0000,#ff00cc);background-size:400% 100%;animation:rainbow 3s linear infinite}
.banner-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.banner-txt{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.banner-title{font-family:var(--f-hei);font-size:24px;color:#fff;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;letter-spacing:1px;white-space:nowrap}
.banner-sub{font-family:var(--f-song-12);font-size:12px;color:#ff0;text-shadow:1px 1px 0 #000;white-space:nowrap}
.banner-cta{background:#ff0;color:#f00;font-family:var(--f-hei);font-size:18px;padding:4px 10px;border:2px solid #f00;transform:rotate(-6deg);animation:blink .6s step-end infinite;white-space:nowrap}
.banner.solid .banner-in{justify-content:center;gap:12px}
.banner.solid .banner-title{font-size:22px;text-shadow:2px 2px 0 #000}
.banner.solid .banner-sub{display:none}
.banner.solid .banner-cta{font-family:var(--f-song-12);font-size:12px;background:#ff0;color:#c00;font-weight:bold;padding:2px 8px;border:1px solid #c00;transform:none;animation:none}
.banner.image img{display:block;width:100%;height:100%;object-fit:cover}

/* 导航 */
.nav{display:flex;align-items:center;background:linear-gradient(#fefefe,#d6d6d6);border-top:1px solid #fff;border-bottom:1px solid #888;padding:3px 8px;font-weight:bold;white-space:nowrap}
.nav>a{padding:0 10px}
.nav>a.on{color:#c00}
.nav .sep{color:#888}
.nav-right{margin-left:auto;color:#333;font-weight:normal}
.nav-right .pm-new{color:#f00;font-weight:bold;animation:blink 1s step-end infinite}

/* 跑马灯公告 */
.marquee{display:flex;align-items:center;gap:8px;padding:3px 8px;background:#fffbe6;border-bottom:1px solid #e0d8a8;color:#a00;overflow:hidden}
.marquee-box{flex:1;overflow:hidden;white-space:nowrap;min-width:0}
.marquee-txt{display:inline-block;padding-left:100%;animation:scroll 28s linear infinite}
.marquee-box:hover .marquee-txt{animation-play-state:paused}

/* 面包屑 */
.crumb{padding:4px 10px;background:#f6f6f6;border-bottom:1px solid #ddd;color:#666}

/* 栅格 */
.cols3{display:grid;grid-template-columns:168px 1fr 178px;gap:6px;padding:6px}
.cols2{display:grid;grid-template-columns:1fr 178px;gap:6px;padding:6px}
.cols2l{display:grid;grid-template-columns:168px 1fr;gap:6px;padding:6px}
.col1{padding:6px;display:flex;flex-direction:column;gap:6px}
.stack{display:flex;flex-direction:column;gap:6px;min-width:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px}

/* 盒子 */
.box{border:1px solid #999;min-width:0}
.box-hd{display:flex;justify-content:space-between;align-items:center;gap:6px;background:linear-gradient(#f4f4f4,#c8c8c8);font-weight:bold;padding:2px 6px;border-bottom:1px solid #999}
.box-hd a{font-weight:normal}
.box.red{border-color:#c00}
.box.red>.box-hd{background:linear-gradient(#e33,#a00);color:#fff;border-bottom:0}
.box.red>.box-hd a{color:#fff}
.box-bd{padding:6px 8px}
.box-bd.pink{background:#fff8f8}
.box-bd.yellow{background:#fffbe6}
.box-bd.gray{background:#f8f8f8;color:inherit}
.box-empty{padding:10px;color:#888;text-align:center}

/* 列表行 */
.row{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:2px 8px;border-bottom:1px dotted #ddd}
.row.ccc{border-bottom-color:#ccc}
.row:last-child{border-bottom:0}
.row>a{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.count{color:#888;font-family:var(--f-sans-10);font-size:10px;white-space:nowrap}
.price{color:#c00;font-family:var(--f-sans-11);font-size:11px;font-weight:bold;white-space:nowrap}
.price-big{color:#c00;font-family:var(--f-sans-big);font-size:18px;font-weight:bold}
.new{color:#f00;font-family:var(--f-sans-9);font-size:9px;font-weight:bold;animation:blink 1s step-end infinite}
.news{padding:4px 8px}
.news-row{display:flex;gap:6px;align-items:center;padding:1px 0;border-bottom:1px dotted #ddd}
.news-row:last-child{border-bottom:0}
.news-tag{color:#c00;font-family:var(--f-sans-10);font-size:10px;width:22px;flex-shrink:0}
.news-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-user{color:#666;width:70px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-date{color:#888;font-family:var(--f-sans-10);font-size:10px;width:36px;text-align:right;flex-shrink:0}
.rank-row{display:flex;gap:5px;align-items:center;padding:1px 8px;border-bottom:1px dotted #ddd}
.rank-row:last-child{border-bottom:0}
.rk{width:14px;height:14px;line-height:14px;text-align:center;font-family:var(--f-sans-10);font-size:10px;font-weight:bold;color:#fff;background:#c90;flex-shrink:0}
.rank-row>a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 表单控件（Win2000 风格） */
.ipt{height:18px;border:1px solid #7f9db9;font-size:12px;font-family:var(--f-song-12);padding:0 2px;box-sizing:content-box;background:#fff}
.ipt:focus,.ta:focus{outline:1px solid #316ac5}
.ipt.w48{width:48px}.ipt.w80{width:80px}.ipt.w120{width:120px}.ipt.w200{width:200px}.ipt.w300{width:300px}.ipt.w400{width:400px}
.ta{width:100%;box-sizing:border-box;border:1px solid #7f9db9;font-size:12px;font-family:var(--f-song-12);padding:2px;resize:vertical;line-height:1.5}
select.sel{font-size:12px;font-family:var(--f-song-12);height:20px}
.btn{font-size:12px;font-family:var(--f-song-12);white-space:nowrap;padding:1px 12px;background:#ece9d8;border:1px solid;border-color:#fff #444 #444 #fff;cursor:pointer;color:#000;line-height:1.5;display:inline-block;text-decoration:none}
.btn:hover{color:#000;text-decoration:none;background:#f4f2e8}
.btn:active{border-color:#444 #fff #fff #444}
.btn.sm{padding:0 6px}
.btn[disabled]{color:#999;cursor:default}
.btn.on{border-color:#444 #fff #fff #444;background:#e0ddd0}
.captcha{vertical-align:middle;cursor:pointer;border:0;height:18px;width:52px;flex-shrink:0}
.form-row{white-space:nowrap}
.chk{margin:0;vertical-align:middle}
.form-row{display:flex;align-items:center;gap:4px}
.field-err{color:#c00}

/* 表单表格 */
.ftable{border-collapse:collapse;width:100%}
.ftable th{width:110px;text-align:right;font-weight:normal;padding:5px 8px;background:#f4f4f4;border:1px solid #ddd;color:#333;vertical-align:top;white-space:nowrap}
.ftable td{padding:5px 8px;border:1px solid #ddd;vertical-align:top}
.ftable .tip{color:#888;font-size:11px;font-family:var(--f-song-11)}

/* 数据表格（论坛、后台） */
.tbl{border-collapse:collapse;width:100%;font-size:12px;font-family:var(--f-song-12)}
.tbl th{background:linear-gradient(#f4f4f4,#ddd);border:1px solid #999;padding:3px 6px;font-weight:bold;white-space:nowrap}
.tbl td{border:1px solid #ccc;padding:3px 6px;vertical-align:middle}
.tbl tr:nth-child(even) td{background:#f8f8f8}
.tbl tr:hover td{background:#fff8e0}
.tbl .num{text-align:center;font-family:var(--f-sans-11);font-size:11px;white-space:nowrap}
.tbl .t{max-width:0;width:100%}
.tbl-cat td{background:linear-gradient(#e33,#a00)!important;color:#fff;font-weight:bold}

/* 推荐图格 */
.pics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}
.pics.col4{grid-template-columns:repeat(4,1fr)}
.pics.col5{grid-template-columns:repeat(5,1fr)}
.pic{display:flex;flex-direction:column;gap:3px;text-align:center;min-width:0}
.pic-img{height:96px;border:1px solid #888;padding:2px;background:#fff;display:block}
.pic-img img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(.95)}
.pic-img.h120{height:120px}.pic-img.h72{height:72px}
.pic>a{color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pic-meta{color:#888;font-size:11px;font-family:var(--f-sans-11)}
.noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:repeating-linear-gradient(45deg,#eee 0 8px,#e0e0e0 8px 16px);color:#888;font-family:'Courier New',var(--f-song-11);font-size:11px}

/* 标签云 */
.tagcloud{padding:6px 8px;display:flex;flex-wrap:wrap;gap:3px 8px;line-height:1.5}

/* 访客计数器 */
.counter{border:1px solid #999;padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;background:#f8f8f8}
.digits{display:flex;gap:1px}
.digit{width:14px;height:20px;line-height:20px;text-align:center;background:#000;color:#0f0;font-family:'Courier New',monospace;font-weight:bold;font-size:14px}
.badges{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
.badge80{width:80px;height:15px;font-size:9px;line-height:15px;text-align:center;color:#fff;font-family:var(--f-sans-9);border:1px solid #000;background:#333}

/* 160×100 侧栏广告 */
.adbox{border:1px solid #999;padding:6px;text-align:center;background:#f8f8f8;color:#666}
.adslot{height:100px;background:repeating-linear-gradient(45deg,#eee 0 8px,#e0e0e0 8px 16px);border:1px dashed #999;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Courier New',var(--f-song-11);font-size:11px;color:#666;gap:2px;overflow:hidden;box-sizing:border-box}
a.adslot:hover{text-decoration:none;color:#c00}
.adslot img{display:block;width:100%;height:100%;object-fit:cover}
.adslot.solid{border:1px solid #000;color:#fff;font-family:var(--f-song-12);font-size:12px}
.adslot .ad-t{font-family:var(--f-hei);font-size:16px;text-shadow:1px 1px 0 #000}
.adslot .ad-cta{background:#ff0;color:#c00;font-weight:bold;padding:0 6px;border:1px solid #c00}

/* 页脚 */
.ft{border-top:1px solid #888;background:linear-gradient(#d6d6d6,#f4f4f4);padding:6px;text-align:center;color:#333;line-height:1.7}
.ft .copy{color:#666;font-family:var(--f-sans-11);font-size:11px}

/* 分页 */
.pager{display:flex;align-items:center;gap:4px;justify-content:flex-end;padding:4px 8px;white-space:nowrap;font-weight:normal}
.pager .cur{font-weight:bold;color:#c00}
.box-hd .pager{padding:0}

/* 头像 */
.avatar{display:flex;align-items:center;justify-content:center;border:1px solid #999;color:#fff;font-weight:bold;font-family:var(--f-sans-big);overflow:hidden;box-sizing:border-box;margin:0 auto}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar.s24{width:24px;height:24px;font-size:12px;font-family:var(--f-sans-12);margin:0}
.avatar.s40{width:40px;height:40px;font-size:18px}
.avatar.s60{width:60px;height:60px;font-size:22px}
.avatar.s80{width:80px;height:80px;font-size:30px}
.avatar.s100{width:100px;height:100px;font-size:36px}
.stars{color:#c00}

/* 笔记正文 */
.note-head{text-align:center;padding:10px 12px 6px;border-bottom:1px dotted #c99}
.note-title{margin:0;font-size:20px;font-weight:bold;color:#c00;font-family:var(--f-heiti);line-height:1.4}
.note-meta{color:#666;margin-top:4px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.note-tools{display:flex;justify-content:center;align-items:center;gap:12px;padding:4px;background:#fff8f8;border-bottom:1px dotted #c99;color:#666;flex-wrap:wrap}
.note-tools button.link{background:none;border:0;padding:0;font:inherit;color:#000080;cursor:pointer}
.note-tools button.link:hover{color:#f00;text-decoration:underline}
.note-tools .fs{font-size:12px;font-family:var(--f-song-12)}
.note-body{padding:12px 18px;font-size:14px;font-family:var(--f-song-14);line-height:1.9;color:#222;overflow:hidden}
.note-body.fs-l{font-size:16px;font-family:var(--f-song-16)}.note-body.fs-s{font-size:12px;font-family:var(--f-song-12)}
.note-body p{margin:0 0 10px;text-indent:2em}
.note-edited{margin:10px 0 0;text-align:right;color:#888;font-size:14px;font-family:var(--f-song-14)}
.note-actions{display:flex;justify-content:center;gap:14px;padding:6px;background:#fff8f8;border-top:1px dotted #c99}
.note-hidden{background:#fee;color:#c00;padding:4px 10px;border-bottom:1px solid #c99;text-align:center}
.prevnext{display:flex;justify-content:space-between;padding:0 4px;color:#666;gap:12px}
.prevnext span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* UBB 渲染 */
.ubb-h{margin:14px 0 6px;font-size:14px;font-family:var(--f-song-14);color:#c00;border-left:4px solid #c00;padding-left:8px;line-height:1.4;clear:both;text-indent:0}
.ubb-fig{display:flex;flex-direction:column;gap:3px;text-align:center;margin:8px auto 12px;max-width:100%;width:fit-content}
.ubb-fig a{display:block;border:1px solid #888;padding:3px;background:#fff}
.ubb-fig img{display:block;max-width:100%;max-height:480px;filter:saturate(.85)}
.ubb-fig figcaption{font-size:11px;font-family:var(--f-song-11);color:#666;line-height:1.5;text-indent:0}
.ubb-float{float:left;margin:4px 12px 8px 0;width:328px}
.ubb-float a{width:320px;height:220px}
.ubb-float img{width:100%;height:100%;object-fit:cover;max-height:none}
.ubb-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 12px;clear:both}
.ubb-gallery .ubb-fig{margin:0;width:auto}
.ubb-gallery .ubb-fig a{height:120px;padding:2px}
.ubb-gallery .ubb-fig img{width:100%;height:100%;object-fit:cover;max-height:none}
.ubb-table{border-collapse:collapse;width:100%;font-size:12px;font-family:var(--f-song-12);margin-bottom:10px;line-height:1.6;clear:both}
.ubb-table th{border:1px solid #999;padding:3px 6px;background:linear-gradient(#f4f4f4,#ddd)}
.ubb-table td{border:1px solid #999;padding:3px 6px}
.ubb-table td:first-child{white-space:nowrap;color:#036}
.ubb-list{margin:0 0 10px;padding-left:2.5em}
.ubb-quote{margin:4px 0 8px;padding:4px 8px;border:1px dashed #999;background:#f8f8f8;color:#444;font-size:12px;font-family:var(--f-song-12)}
.ubb-quote p{text-indent:0!important;margin:0!important}
.ubb-quote-who{color:#888;font-size:11px;font-family:var(--f-song-11)}
.ubb-code{margin:4px 0 8px;padding:6px 8px;border:1px solid #999;background:#f4f4f4;font-family:'Courier New',var(--f-song-12);font-size:12px;white-space:pre-wrap;word-break:break-all;line-height:1.5}
.ubb-center{text-align:center}.ubb-center p{text-indent:0!important}
.ubb-right{text-align:right}.ubb-right p{text-indent:0!important}
.ubb-hr{border:0;border-top:1px dashed #c99;margin:10px 0;clear:both}
.ubb-plain p{text-indent:0;margin:0 0 6px}
.ubb-plain p:last-child{margin-bottom:0}

/* 留言盖楼 */
.cmt{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid #ddd}
.cmt-side{background:#f4f4f4;padding:8px;text-align:center;border-right:1px solid #ddd;min-width:0;word-break:break-all}
.cmt-side .avatar{margin-bottom:4px}
.cmt-main{padding:6px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.cmt-meta{display:flex;justify-content:space-between;color:#888;font-size:11px;font-family:var(--f-song-11);border-bottom:1px dotted #ddd;padding-bottom:2px;gap:8px}
.cmt-meta button.link{background:none;border:0;padding:0;font:inherit;color:#000080;cursor:pointer}
.cmt-meta button.link:hover{color:#f00;text-decoration:underline}
.cmt-text{color:#222;word-break:break-word;overflow-wrap:anywhere}
.cmt-pending{color:#c60;font-size:11px;font-family:var(--f-song-11)}
.cmt-form{padding:8px 10px;background:#fffbe6;display:flex;flex-direction:column;gap:6px}
.emots{display:flex;gap:6px;color:#666;flex-wrap:wrap}
.emots span[data-emot]{cursor:pointer}
.emots span[data-emot]:hover{color:#c00;text-decoration:underline}
.sig{border-top:1px dashed #ccc;margin-top:6px;padding-top:4px;color:#888;font-size:11px;font-family:var(--f-song-11)}

/* UBB 编辑器 */
.editor-bar{display:flex;flex-wrap:wrap;gap:2px;padding:3px;background:#ece9d8;border:1px solid #999;border-bottom:0;align-items:center}
.editor-bar .btn{padding:0 6px;font-size:12px;font-family:var(--f-song-12)}
.editor-bar select{font-size:12px;font-family:var(--f-song-12);height:20px}
.editor-preview{border:1px solid #999;padding:10px 14px;background:#fff;min-height:60px;font-size:14px;font-family:var(--f-song-14);line-height:1.9;color:#222;overflow:hidden}
.editor-preview p{margin:0 0 10px;text-indent:2em}
.upload-status{color:#060}

/* 提示页 */
.msgbox{width:420px;margin:40px auto;border:1px solid #c00}
.msgbox .box-hd{background:linear-gradient(#e33,#a00);color:#fff;border-bottom:0}
.msgbox-bd{padding:16px 20px;background:#fff8f8;line-height:1.9;text-align:center}
.msgbox.ok{border-color:#369}
.msgbox.ok .box-hd{background:linear-gradient(#5b78b8,#2f4a86)}
.msgbox.ok .msgbox-bd{background:#f4f8ff}
.msgbox .icon{font-size:28px;font-family:var(--f-song-big);line-height:1}

/* 选项卡 */
.tabs{display:flex;gap:2px;padding:4px 6px 0;border-bottom:1px solid #999;background:#f4f4f4}
.tabs a{padding:1px 10px;border:1px solid #999;border-bottom:0;background:linear-gradient(#fefefe,#d6d6d6);position:relative;top:1px}
.tabs a.on{background:#fff;color:#c00;font-weight:bold}

/* 用户卡片 */
.ucard{padding:8px;text-align:center;background:#fff8f8}
.ucard-info{color:#666;line-height:1.5;margin-top:4px;text-align:left}
.ucard-acts{display:flex;flex-direction:column;align-items:center;margin-top:6px;white-space:nowrap}
.ucard-acts button.link{background:none;border:0;padding:0;font:inherit;color:#000080;cursor:pointer}

/* 控制面板左侧菜单 */
.menu a{display:block;padding:2px 8px;border-bottom:1px dotted #ccc}
.menu a.on{color:#c00;font-weight:bold;background:#fff8f8}
.menu .menu-t{padding:2px 8px;background:#f4f4f4;color:#666;border-bottom:1px solid #ddd}

/* 投票 */
.poll{border:1px solid #c99;background:#fff8f8;padding:8px 10px;margin:4px 0 8px;font-size:12px;font-family:var(--f-song-12);line-height:1.8;text-indent:0}
.poll-bar{display:inline-block;height:10px;background:linear-gradient(#e33,#a00);vertical-align:middle;min-width:1px}
.poll-row{display:grid;grid-template-columns:18px 1fr 160px 70px;gap:6px;align-items:center}

/* 聊天室 */
.chat-wrap{display:grid;grid-template-columns:1fr 150px;gap:6px}
.chat-log{height:380px;overflow-y:auto;padding:4px 8px;background:#fff;font-size:12px;font-family:var(--f-song-12);line-height:1.8;word-break:break-all}
.chat-log .sys{color:#080}
.chat-log .time{color:#999;font-family:var(--f-sans-10);font-size:10px}
.chat-bar{padding:6px 8px;background:#f4f4f4;border-top:1px solid #999;display:flex;flex-direction:column;gap:4px}
.online-list{overflow-y:auto;padding:4px 8px}
.online-list div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.online-list div:hover{color:#c00}

/* 相册 */
.photo-view{padding:10px;text-align:center}
.photo-view img{max-width:100%;max-height:600px;border:1px solid #888;padding:3px;background:#fff}

/* 商品 */
.goods-img{width:220px;height:220px;border:1px solid #888;padding:3px;background:#fff;flex-shrink:0}
.goods-img img{width:100%;height:100%;object-fit:cover;display:block}

/* 打印版 */
@media print{
  body{background:#fff}
  .wrap{border:0;width:auto;margin:0}
  .no-print{display:none!important}
}