/* ==== view.html（2026-09-19 从视图内联 <style> 抽出：
     视图渲染在 #app 内，Vue2 挂载重建 DOM 会丢弃内联 <style>，必须外部 link） ==== */

    .page {
        width: 100%;
    }
    
    .page-detail {
        margin-top: 120px;
        min-height: calc(100vh - 90px);
        background-color: #f5f7fa;
        width: 1200px;
        height:100%;
        display:flex;
        align-items: flex-start;
        justify-content: center;
    }

    .left-block {
    	width:870px;
   		padding:2em;
   		background:#FFF;
  		border-radius:10px 10px 0px 0px;
  		margin-bottom:2em;
    }

    .position {
    	border-bottom: 1px dashed #f0f4f5;
    	color:#676b6f;
    	font-size:12px;
    	padding-bottom:1em;
    }

    .position a {
    	color:#676b6f;
    }

    .title {
    	font-size: 20px;
		font-weight: 900;
		-webkit-line-clamp: inherit;
		height: auto;
		line-height: normal;
		margin-top:1em;
		margin-bottom: 10px;
    }

    .info {
    	font-size:12px;
    	margin-top:1em;
    	color:#676b6f;
    }

    .info-content {
    	margin-top: 1em;
    	width:100%;
    	font-size:15px;
    	line-height:30px;
    }

    blockquote {
    	position: relative;
		padding: 30px 40px;
		background: #f0f4f5;
		border-radius: 3px;
		margin:20px 0px;
    }

    blockquote::before {
    	position: absolute;
		top: 20px;
		left: 20px;
		display: block;
		width: 16px;
		height: 14px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat;
		content: '';
    }

    blockquote::after {
    	  position: absolute;
		  right: 20px;
		  bottom: 20px;
		  display: block;
		  width: 16px;
		  height: 14px;
		  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat;
		  content: '';
    }

    .right-block {
    	width:300px;
    	margin-left:30px;
   		
    }

    .info-list {
    	padding:1em;
    	background:#FFF;
  		border-radius:10px;
    	width:100%;
    	display:flex;
    	align-items:flex-start;
    	justify-content:center;
    	flex-direction:column;
    }

    .info-item {
    	width:100%;
    	display:flex;
    	justify-content:space-between;
    	align-items:center;
    	height:90px;
    	padding:1em 0em;
    	border-bottom: 1px solid #f0f4f5;
    }

    .info-item:last-child {
    	padding-bottom:0em;
    	border-bottom: none;
    }

    .info-item-title {
    	display:flex;
    	width:100%;
    	height:100%;
    	padding:10px 10px;
    	justify-content:flex-start;
    	align-items:flex-start;
    	flex-direction:column;
    	font-size:14px;
    }

    .info-item-title a {
    	color:#555;
    }

    .right-block-img {
    	width:100px;
    	height:70px;
    	border-radius:10px;
    }

    .share {
    	padding-top:2em;
    	height: 50px;
    	background-color:#fff;
    	display:flex;
    	justify-content:flex-end;
    	align-items:center;
    	border-top: 1px dashed #f0f4f5;
    }