:root{--brand:#1f2b24;--brand-deep:#19221d;--gold:#c9a227;--ink:#1f2b24;--paper:#fffdf5;--cn-seal:"全球"} /* ==== tcm-portal：qihuang 基础 ==== */  /* CSS Document */ * { margin: 0px; padding: 0px; } body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } a { text-decoration: none; outline: none; transition: all 0.2s; } a:hover { text-decoration: none; color:#F00;} img { border: 0; vertical-align: middle; max-width:100%;} a {text-decoration: none;color: #333;padding:0;margin:0;} ul {list-style: none;padding:0;margin:0;} li {list-style: none;padding:0;margin:0;} ul li {list-style: none;padding:0;margin:0;} img {border: none;padding:0;margin:0; vertical-align:middle;} a img{border: none;padding:0;margin:0;} input,button,select,textarea{outline:none} textarea{resize:none} p{padding:0;margin:0;} body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体";} table ,tr, td { margin: auto; padding:0; margin:0;} input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; } @media screen and (min-width:320px){ .tt1{font-size:12px;} .tt2{font-size:12px;} .tt3{font-size:14px;} .tt4{font-size:16px;} .tt5{font-size:16px;} .tt6{font-size:18px;} .tt7{font-size:19px;} .tt8{font-size:20px;} .tt9{font-size:26px;} .tt10{font-size:28px;} .tt11{font-size:28px;} .tt12{font-size:38px;} } @media screen and (min-width: 414px){ .tt1{font-size:12px;} .tt2{font-size:14px;} .tt3{font-size:14px;} .tt4{font-size:16px;} .tt5{font-size:16px;} .tt6{font-size:18px;} .tt7{font-size:18px;} .tt8{font-size:20px;} .tt9{font-size:26px;} .tt10{font-size:28px;} .tt11{font-size:28px;} .tt12{font-size:38px;} } @media screen and (min-width: 480px){ .tt1{font-size:12px;} .tt2{font-size:12px;} .tt3{font-size:14px;} .tt4{font-size:16px;} .tt5{font-size:18px;} .tt6{font-size:18px;} .tt7{font-size:20px;} .tt8{font-size:22px;} .tt9{font-size:26px;} .tt10{font-size:28px;} .tt11{font-size:28px;} .tt12{font-size:38px;} } @media screen and (min-width: 640px) { .tt1{font-size:12px;} .tt2{font-size:14px;} .tt3{font-size:16px;} .tt4{font-size:18px;} .tt5{font-size:18px;} .tt6{font-size:20px;} .tt7{font-size:20px;} .tt8{font-size:22px;} .tt9{font-size:28px;} .tt10{font-size:30px;} .tt11{font-size:30px;} .tt12{font-size:48px;} } @media (max-width:768px){ .pc{ display:none;} .app{ display:block;} .mhj{ height:5px;} .mhj2{overflow:hidden; clear:both; height:10px;} } @media (min-width:769px) { .tt1{font-size:14px;} .tt2{font-size:16px;} .tt3{font-size:18px;} .tt4{font-size:20px;} .tt5{font-size:22px;} .tt6{font-size:24px;} .tt7{font-size:24px;} .tt8{font-size:24px;} .tt9{font-size:32px;} .tt10{font-size:36px;} .tt11{font-size:40px;} .tt12{font-size:60px;} .mhj{ height:20px;} .fl{ float:left;} .fr{ float:right;} .pc{ display:block;} .app{ display:none;} .mhj{ height:10px;} .mhj2{overflow:hidden; clear:both; height:20px;} } @media (min-width:1024px) { .tt1{font-size:14px;} .tt2{font-size:16px;} .tt3{font-size:18px;} .tt4{font-size:20px;} .tt5{font-size:22px;} .tt6{font-size:24px;} .tt7{font-size:28px;} .tt8{font-size:32px;} .tt9{font-size:36px;} .tt10{font-size:40px;} .tt11{font-size:48px;} .tt12{font-size:68px;} .pc{ display:block;} .app{ display:none;} } @media (min-width:1180px) { .tt1{font-size:14px;} .tt2{font-size:16px;} .tt3{font-size:18px;} .tt4{font-size:20px;} .tt5{font-size:22px;} .tt6{font-size:24px;} .tt7{font-size:28px;} .tt8{font-size:32px;} .tt9{font-size:36px;} .tt10{font-size:40px;} .tt11{font-size:48px;} .tt12{font-size:68px;} .pc{ display:block;} .app{ display:none;} } .clear { clear: both; } /*头部*/ .header{width:100%; background:#fff; z-index:99999;} .head{width:94%; max-width:1300px; margin:0px auto;} .logo_p1{ float:left; max-width:45%;} .logo_p2{ float:right; margin-top:40px; border:1px solid #ddd; border-radius:10px; padding:0 10px; background:#fafafa;} .sear1{ border:none; line-height:40px; padding:0; margin:0; background:#fafafa;} .sear2{ background:url(/uploads/tcm-portal/img/sear.jpg) no-repeat center; width:30px; border:none; height:30px; padding:0; margin:0;} .nav { background:#2e4c9c;} .nav_c{width:94%; max-width:1260px; margin:0px auto;} .nav_c .nav_1{ position: relative; float:left; font-size:18px; line-height:50px; width:10%; text-align:center;} .nav_1a{ display:block; color:#FFF; font-weight:bold;} .nav_1:hover .nav_1a{background:#db0c00; color:#FFF;} .nav_1:hover .nav_1a span img{transform: rotateX(0deg); transition: all .5s;} .nav_1:hover .nav_1a span img{transform: rotateX(180deg); transition: all .5s;} /*.nav_1 a.nav_1_a {background:#d40000;} */ .nav_warp { position: absolute; top:50px; right:0; min-width:100%; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap;box-shadow:0 0 10px rgba(0, 110, 190, 0.1); background:rgba(0, 110, 190,0.6);} .nav_warp a{ display:block; line-height:40px; text-align:center; color:#FFF; font-size:14px; padding:0 5px;} .nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:rgba(0, 110, 190,0.6);} .nav_warp ul{display:none} .nav_warp li:hover ul{display:block;position: absolute; float:left; margin-left:140px; margin-top:-40px;background-color: #fff;width:150px; } .nav_c .nav_2{ float:right; font-size:16px; padding:0; padding-left:20px;} .nav_t{ float:right;} /*面包屑*/ .btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } .btn-nav:focus { outline: 0; } .icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #3cbbca; background-color: #db0d10; } .btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #db0d10; } .nav-item { margin: 40px auto; text-align: center; } .icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } .btn-nav.close.icon-bar { z-index: 999999; background-color: #db0d10; } .btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } .btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } .btn-nav.close .middle { width: 0; } .cai { display: none; } .showy_warp { display: none; } @media screen and (max-width:1023px)and (min-width:300px) { .header { width: 100%; display: none;} .head{ display:none;} .head_logo { max-width:92%;} .head_logo a { display: block; cursor: pointer; padding:0 10px;} .head_logo img { height:60px;} .cai {/* width: 100%; background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999;} .cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } .zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:0px; z-index:999; display: none; } .mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} .mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(/uploads/tcm-portal/img/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } .mnav li.mnav_li { background: none; } .mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } .mnav li a { width: 100%; display: block; color: #fff; } .mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} .mnav .mnavhor a { width: 100%; display: block; color: #fff; } .mnav .mnavhor dl { display: block; } .mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } .mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } .mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } .mnav .mnavhor dl dd a { color: #fff; } .mnav .mnavhor dl dd a:hover { color: #3cbbca; } .mnav .mnavhor dl .mnavdd a { color: #3cbbca } .mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; } .mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;} .mnavdl a:last-child{ border:none;} } .main,.ftit,.link,.foot,.top { width:96%; max-width:1300px; margin:0px auto;overflow:hidden;clear:both;} .main2{ width:96%; max-width:1300px; margin:0px auto; position:relative;} .bread { width:96%; max-width:1300px; margin:0px auto;overflow:hidden;clear:both;} .top{ line-height:30px; padding:3px 0;} .top_r{ float:right;} .top_r span{ color:#F00;} .top_r a{ display:block; float:right; background:#e32322; padding:0 15px; color:#fff; margin-left:15px;} .hj{overflow:hidden; clear:both; height:10px;} .hj2{overflow:hidden; clear:both; height:20px;} .hj3{overflow:hidden; clear:both; height:30px;} .pp1{ padding:1% 0;} .pp2{ padding:2% 0;} .pp3{ padding:3% 0;} .pp4{ padding:4% 0;} .pp5{ padding:5% 0;} .clear{ overflow:hidden; clear:both;} .img1{ display:block; position:relative; width:100%; padding-bottom:75%; overflow:hidden;border-radius:5px;} .img2{ display:block; position:relative; width:100%; padding-bottom:68%; overflow:hidden;} .img3{ display:block; position:relative; width:100%; padding-bottom:120%; overflow:hidden;} .img4{ display:block; position:relative; width:100%; padding-bottom:100%;} .img1 img,.img2 img,.img3 img,.img4 img{ position:absolute; top:0; left:0; width:100%; height:100%;} .cc{ display: flex; justify-content:center; align-items:Center; text-align:center;} .img1,.img2,.img3,.img4{ overflow:hidden;} .img1 img,.img2 img,.img3 img,.img4 img{ cursor: pointer; transition: all 0.8s;} .img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img{ transform: scale(1.1);} .qq{ position:relative;} .fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;} .fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%;} .fullSlide .bd ul{width:100% !important; height:100%;} .fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;} .fullSlide .bd li a{display:block; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; width:96%; padding:1% 2%; color:#fff; text-align:left;} .fullSlide .hd{position:absolute;z-index:1;bottom:0;right:26px;height:22px;line-height:20px;} .fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px; max-width:50px;height:12px;margin:0px 4px;overflow:hidden;filter:alpha(opacity=90);line-height:999px;background:#fff; border-radius:50px;} .fullSlide .hd ul .on{background:#db0d10;opacity:1;} .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;background:url(/uploads/tcm-portal/img/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullSlide .next{left:auto;right:2%;background-position:-6px -137px;} .qq_p1{ position:absolute; bottom:10%; left:20%;} .qq_p1 a{ display:block; margin-top:10px;} .none {display: none;} .adv1 .img1{ padding-bottom:33.333%; border-radius:10px;} .adv1 li{float:left; padding:10px 0 10px 20px; width:calc(50% - 20px);} .nr1_p1{ background:#f5f5f5; padding:2%; text-align:center; line-height:2;} .nr1_p11{ display:block; font-weight:bold;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .tit1_p1{ float:left; font-weight:bold; color:#2e4c9c;} .more1{ float:right; color:#666; padding-top:1%;} .tit1_p3{ float:left; color:#2e4c9c; position:relative; padding-left:10px;} .tit1_p3:before{ position:absolute; left:0; top:calc(50% - 11px); width:3px; height:22px; content: ""; background:#2e4c9c;} .nr1_p2{ margin:0 -1%;} .nr1_p2 li{ float:left; width:23%; padding:1%;} .nr1_p2 li .img1{ padding-bottom:58.4%;} .nr1_p21{ display:block; padding-top:3%; line-height:24px; height:48px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .tit2{ background:url(/uploads/tcm-portal/img/tbg2.png) no-repeat center; text-align:center; font-weight:bold; color:#2e4c9c;} .tit3{ background:#f9f9f9; border:1px solid #ededed; border-radius:5px; overflow:hidden; clear:both; line-height:42px;} .tit3_p1{ float:left; background:#2e4c9c; color:#fff; font-weight:bold; padding:0 12px;} .more2{ float:right; color:#666; margin-right:10px;} .nr1_p32 .img1{padding-bottom:58.4%; margin:5% 0 3% 0; border-radius:5px;} .nr1_p32 li{ position:relative; overflow:hidden; clear:both;} .nr1_p32 li a{ display:block; position:relative; padding-left:15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:2;} .nr1_p32 li a:before{ position:absolute; left:0; top:calc(50% - 2px); width:5px; height:5px; content: ""; background:#aaa; border-radius:5px;} .nr1_p34{ padding-top:7%;} .nr1_p34 li{ overflow:hidden; clear:both; border-bottom:1px solid #ddd; padding:3% 0; line-height:1.4;} .nr1_p35{ float:left; width:calc(100% - 100px);} .nr1_p35 a{ display:block; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .nr1_p35 p{ color:#888; padding-top:5px; font-size:12px;} .nr1_p36{ float:right; width:80px;} .nr1_p36 .img1{padding-bottom:80%; border-radius:5px;} .tit4{ border-bottom:1px solid #ddd; overflow:hidden; clear:both;} .tit4_p1{ border-bottom:2px solid #ddd;} .tit4_p2{ float:left; border-bottom:2px solid #2e4c9c;color:#2e4c9c;} .nr1_p41{ padding-top:3%;} .nr1_p41 li{ font-size:16px;} .nr1_p41 li:first-child{ font-size:20px; font-weight:bold;} .nr1_p41 li:first-child a{ padding:0; color:#666;} .nr1_p41 li:first-child a:before{ position:absolute; left:0; top:calc(50% - 2px); width:0px; height:0px; content: ""; background:#aaa; border-radius:5px;} .nr1_p42{ padding-top:2%; margin:0 -1%;} .nr1_p42 li{ float:left; width:23%; padding:1%;} .nr1_p42 li .img1{ padding-bottom:144%; border-radius:0;} .nr1_p421{ display:block; padding:5px 10px; font-weight:bold; line-height:2; background:#eee;} .qq2 .qt{ padding-bottom:66%;} .nr1_p51{ border-bottom:1px solid #ddd;} .nr1_p52 .img1{ padding-bottom:50%;} .nr1_p531{ display:block;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .nr1_p532{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin:5px 0;} .nr1_p54 li{ float:left; width:48%; padding:0 1%;} .nr1_p54 li a{ display:block; position:relative; line-height:2; padding-left:15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .nr1_p54 li a:before{ position:absolute; left:0; top:calc(50% - 2px); width:4px; height:4px; content: ""; background:#8095c0; border-radius:5px;} .nr1_p6{ margin:0 -1%;} .nr1_p37 .img1 p{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.4); color:#FFF; padding:5px 10px; width:calc(100% - 20px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .nr1_p62{ margin:0 -7px} .nr1_p62 li{ float:left; width:calc(16.666% - 14px); padding:7px;} .nr1_p62 .img1{ padding-bottom:137%; border-radius:0;} .nr1_p621{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:2; padding-top:8px; display:block; text-align:center;} .nr1_p63 li{ float:left; width:calc(50% - 14px); padding:7px;} .nr1_p63 .img1{ padding-bottom:60%; border-radius:0;} .nr1_p64 li{ padding:1%;} .nr1_p64 .img1{ padding-bottom:86%; border-radius:0;} .nr1_p65 .nr1_p41 { padding-top:1%;} .tit5{ background:#f7f7f7; border-bottom:1px solid #ddd; padding-right:5px; line-height:40px;} .tit5 .tit3_p1{ padding:0 20px;} .nr1_p71 li{ overflow:hidden; clear:both; padding:4% 2%; border-bottom:1px solid #ddd;} .nr1_p711{ float:left; width:140px;} .nr1_p712{ float:right; width:calc(100% - 155px);} .nr1_p713{ display:block; font-weight:bold;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .nr1_p714{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color:#888; padding-top:2%;} .nr1_p715{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color:#888; padding-top:2%;} .nr1_p72 li{ overflow:hidden; clear:both; border-bottom:1px dashed #ddd; padding:1% 0; line-height:2.17;} .nr1_p72 li a{ display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .nr1_p731{ display:block; position:relative; padding-left:12px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float:left; width:calc(100% - 120px);} .nr1_p731:before{ position:absolute; left:0; top:calc(50% - 2px); width:4px; height:4px; content: ""; background:#aaa; border-radius:5px;} .nr1_p732{ float:right;} .nr1_p74 li{ float:left;} .nr1_p75{ margin:0 -10px;} .nr1_p75 li{ float:left; padding:10px;} .fbg{ background:#2e4c9c; color:#fff; text-align:center;} .fbg a{ color:#fff;} .ny_left{ width:18%; float:left} .ny_right{ width:81%; float:right} .lmtit{ border-top:2px solid #0a2a9b; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; line-height:3; text-align:center; color:#FFF; font-weight:bold; background:#2e4c9c} .lmcate{ border:1px solid #e5e5e5; clear:both; overflow:hidden } .lmcate li{ padding:2% 0; text-align:center; line-height:2} .lmcate li:hover { background:#0a2a9b} .lmcate li:hover a { color:#FFF} .lmcate li.on2 { background:#0a2a9b} .lmcate li.on2 a { color:#FFF} .xwtitle{ border-bottom:1px solid #0a2a9b; line-height:2.5; } .xwtitle span{ float:right} .tongzhilist{ margin:0 auto; clear:both} .tongzhilist li{ float:left; width:98%; background:url(/uploads/tcm-portal/img/ico12.png) left no-repeat; padding:5px 10px; text-align:left; border-bottom:1px solid #CCC} .tongzhilist li:hover{background:url(/uploads/tcm-portal/img/ico12.png) left no-repeat #EEEEEE; } .tongzhilist li:hover a{ color:#0a2a9b } .tongzhilist_p1{ width:calc(100% - 90px);float:left; line-height:30px;display:block;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; } .tongzhilist li span{ float:right; width:80px ; line-height:30px; } .newstitle{ text-align:center; line-height:2} .newsinfo{ text-align:center; line-height:3; border-bottom:1px solid #e3e3e3} .newscontent{ text-align:left; line-height:2; padding:15px 0;} .newscontent table{ border-top:1px solid #000; border-left:1px solid #000; width:98%; margin:0 auto} .newscontent tr td{ border-bottom:1px solid #000; border-right:1px solid #000; } .nr6_p2{ margin:0 -10px;} .nr6_p2 li{ float:left; padding:10px; width:calc(25% - 20px); text-align:center;} .nr6_p21{ border:1px solid #ddd;} .nr6_p22{ display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align:center; line-height:2.5;} .nr6_p2 li:hover .nr6_p22{ background:#3863c9; color:#fff;} #pages { padding: 10px 0 15px 0; text-align: center; font-size: 12px; } #pages a { display: inline-block; padding: 0px 14px; height: 34px; font-size: 12px; line-height: 34px; border: #d2d2d2/*杈规绾胯壊*/ solid 1px; text-align: center; color: #333/*瀛椾綋棰滆壊*/; text- decoration:none; background: #fff/*瀛楄儗鏅�*/; margin: 0 4px; } #pages a.a1 { padding: 0px 12px; height: 34px; line-height: 34px; margin-top: 0px; border-left: 1px solid #d2d2d2/*宸﹁竟妗嗙嚎鑹�*/; } #pages a:hover { color: #fff; text-decoration: none; background: #e1251b;/*榧犳爣婊戣繃鑹插潡鑹�*/ ; } #pages span { display: inline-block; padding: 0px 14px 0 14px; height: 34px; line-height: 34px; border: 1px solid #e1251b; ; color: #fff; text-align: center; background: #e1251b; ;/*鑹插潡鑹�*/ } @media (max-width:768px){ .pc{ display:none;} .app{ display:block;} .mm1{ padding:1%; width:96%; margin:0 auto;} .f14{ font-size:12px;} .f16{ font-size:14px;} .f18{ font-size:15px;} .pp1{ padding:5px 0;} .pp2{ padding:10px 0;} .qt{ position:relative; width:100%; padding-bottom:50%; height:0; overflow:hidden;} .main,.ftit,.link,.foot,.top { width:96%;margin:0px auto;overflow:hidden;clear:both;} .adv1{ display:none;} .tit1{ line-height:26px;} .tit1_p1 img{height:24px;} .nr1_p2 li{ width:48%;} .tit2{ background:url(/uploads/tcm-portal/img/tbg2.png) no-repeat center; background-size:200% auto;} .nr1_p34{ padding-top:2%;} .nr1_p42 li{ float:left; width:48%; padding:1%;} .nr1_p62 li{ float:left; width:calc(33.333% - 14px); padding:7px;} .nr1_p63 li{ float:left; width:calc(50% - 14px); padding:7px;} .nr1_p61{ padding:1% 2%;} .nr1_p41 li{ font-size:14px;} .nr1_p41 li:first-child{ font-size:16px;} .nr1_p64 li{ float:left; width:48%; padding:1%;} .nr1_p73 li{ padding:5px 1%;} .nr1_p74 li{ width:calc((100% / 3) - 10px); padding:5px;} .nr1_p75 li{ width:calc(50% - 20px);} .tt1{ font-size:14px;} .ny_left{ width:98%; padding:1%} .ny_right{ width:98%; padding:1%} .nr6_p2 li{ float:left; padding:10px; width:calc(50% - 20px); text-align:center;} } @media (min-width:769px) { .fl{ float:left;} .fr{ float:right;} .f14{ font-size:14px;} .f16{ font-size:16px;} .f18{ font-size:18px;} .pp1{ padding:10px 0;} .pp2{ padding:20px 0;} .qt{ position:relative; width:100%; padding-bottom:47.1%; height:0; overflow:hidden;} .cc1{ display: flex; justify-content:center; align-items:Center; text-align:center;} .qq{ width:53%;} .adv1{ width:47%;} .m_l{ width:35%;} .m_r{ width:63%;} .tit1{ line-height:34px;} .nr1_p31{ width:36%; margin-right:2%;} .nr1_p33{ width:24%;} .nr1_p52{ width:36%;} .nr1_p53{ width:62%;} .nr1_p61{ width:31.333%; padding:1%;} .m_l2{ width:49%;} .nr1_p64{ width:36%; padding-top:3%;} .nr1_p65{ width:62%;} .nr1_p73 li{ float:left; width:31.333%; padding:5px 1%;} .nr1_p74 li{ width:calc((100% / 7) - 10px); padding:5px;} .nr1_p75 li{ width:calc(33.333% - 20px);} } /* ==== tcm-portal：中国风主题层 ==== */ /* ========================================================================== 岐黄中医网 · 中国风主题层 cn-theme.css 墨 #1f2b24 / 朱 #a02b20 / 金 #c9a227 / 纸 #fffdf5 适用于：首页（与既有内联主题块叠加）、列表页、文章页 ========================================================================== */ :root{ --cn-ink:#1f2b24; --cn-ink-2:#2c332c; --cn-ink-3:#5c5445; --cn-zhu:#a02b20; --cn-zhu-l:#c8493c; --cn-zhu-d:#8c1f16; --cn-gold:#c9a227; --cn-gold-2:#8a6f3d; --cn-paper:#fffdf5; --cn-paper-2:#f7ead0; --cn-line:rgba(201,162,39,.34); --cn-serif:"SimSun","STSong","NSimSun","Songti SC",serif; } ::selection{background:rgba(201,162,39,.3);color:var(--cn-ink)} /* ===================== 页头 / 搜索 ===================== */ .head{position:relative;border-bottom:1px solid var(--cn-line)} .head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none; background:linear-gradient(90deg,rgba(201,162,39,0),rgba(201,162,39,.55) 38%,rgba(201,162,39,.55) 62%,rgba(201,162,39,0))} .sear1{border:1px solid var(--cn-line);background:var(--cn-paper);font-family:var(--cn-serif);color:#3c463d} .sear1:focus{outline:none;border-color:rgba(201,162,39,.8);background:#fffef9;box-shadow:0 0 0 2px rgba(201,162,39,.12)} /* ===================== 主导航 ===================== */ .nav{position:relative; background:linear-gradient(180deg,#20352b 0%,#17281f 55%,#12211a 100%); border-top:1px solid rgba(201,162,39,.5); border-bottom:1px solid rgba(201,162,39,.42); box-shadow:0 3px 12px rgba(18,30,24,.18)} .nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;pointer-events:none; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x center/13px 10px;opacity:.22} .nav_c .nav_1{font-size:16.5px} .nav_1a{font-family:var(--cn-serif);font-weight:400;letter-spacing:.1em;color:#f0e6cc; transition:background .25s ease,color .25s ease} .nav_1_a{color:#f6e2ad} .nav_1:hover .nav_1a{background:linear-gradient(180deg,#b23a2b,#8c1f16);color:#fdf6e3} .nav_warp{background:rgba(21,36,29,.97);border:1px solid rgba(201,162,39,.45);border-top:0; box-shadow:0 10px 22px rgba(18,30,24,.3)} .nav_warp a{font-family:var(--cn-serif);font-size:14px;color:#e8dcc0;letter-spacing:.06em} .nav_warp a:hover{background:rgba(178,58,43,.92);color:#fff8e6} /* ===================== 左栏栏目导航 ===================== */ .ny_left{position:relative} .lmtit{position:relative;line-height:2.5;text-align:center; background:linear-gradient(180deg,#b23a2b 0%,#a02b20 55%,#8c1f16 100%); border:1px solid rgba(201,162,39,.55);border-bottom:0; color:#f8eed2;font-family:var(--cn-serif);font-weight:400;font-size:19px; letter-spacing:.3em;text-indent:.3em; box-shadow:inset 0 0 0 1px rgba(248,238,210,.22)} .lmtit::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;pointer-events:none; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x center/13px 9px;opacity:.26} .lmcate{background:linear-gradient(180deg,var(--cn-paper) 0%,#fbf3e0 100%); border:1px solid rgba(201,162,39,.4);border-top:0;clear:both;overflow:hidden} .lmcate li{padding:3% 0;text-align:center;line-height:2;border-bottom:1px dashed rgba(201,162,39,.26)} .lmcate li:last-child{border-bottom:0} .lmcate li a{font-family:var(--cn-serif);font-size:15px;color:#3c463d;letter-spacing:.1em; display:inline-block;transition:color .2s ease,transform .2s ease} .lmcate li:hover{background:rgba(201,162,39,.1)} .lmcate li:hover a{color:var(--cn-zhu);transform:translateY(-1px)} .lmcate li.on2{background:linear-gradient(180deg,#b23a2b,#8c1f16)} .lmcate li.on2 a{color:#f8eed2} /* ===================== 面包屑（栏目签条） ===================== */ .xwtitle{position:relative;line-height:2.2;padding:2px 0 9px 15px; border-bottom:1px solid var(--cn-line); font-family:var(--cn-serif);font-size:21px;font-weight:700;color:var(--cn-ink);letter-spacing:.1em} .xwtitle::before{content:"";position:absolute;left:0;top:7px;bottom:12px;width:4px; background:linear-gradient(180deg,#c8493c,#8c1f16);box-shadow:0 0 0 1px rgba(160,43,32,.08)} .xwtitle .tt1{float:right;padding-top:8px;font-family:var(--cn-serif);font-weight:400; font-size:12.5px;color:var(--cn-gold-2);letter-spacing:0;line-height:1.9} .xwtitle .tt1 a{color:var(--cn-gold-2)} .xwtitle .tt1 a:hover{color:var(--cn-zhu)} /* ===================== 列表页条目 ===================== */ .tongzhilist{margin:8px auto 0;clear:both} .tongzhilist li{position:relative;float:none;width:auto;display:flex;align-items:center;gap:10px; padding:7px 6px 7px 20px;background:none; border-bottom:1px solid rgba(201,162,39,.22);transition:background .22s ease} .tongzhilist li::before{content:"";position:absolute;left:5px;top:50%;width:5px;height:5px;margin-top:-3px; background:#b23a2b;transform:rotate(45deg);opacity:.8;transition:opacity .2s ease} .tongzhilist li:hover{background:rgba(201,162,39,.07)} .tongzhilist li:hover::before{opacity:1} .tongzhilist_p1{float:none;flex:1 1 auto;width:auto;min-width:0;line-height:1.7; display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1} .tongzhilist_p1 a{font-family:var(--cn-serif);font-size:16.5px;color:#243027;letter-spacing:.02em} .tongzhilist li:hover a{color:var(--cn-zhu)} .tongzhilist li span{float:none;flex:0 0 86px;width:86px;text-align:right;line-height:1.7; font-family:var(--cn-serif);font-size:12.5px;color:var(--cn-gold-2)} /* ===================== 分页 ===================== */ #pages{padding:18px 0 20px} #pages a,#pages span{font-family:var(--cn-serif);font-size:13px;letter-spacing:.04em; border:1px solid rgba(201,162,39,.45);color:#5c5445;background:var(--cn-paper); border-radius:2px;transition:all .22s ease} #pages a:hover{background:linear-gradient(180deg,#b23a2b,#8c1f16);border-color:#8c1f16;color:#f8eed2} #pages span{background:linear-gradient(180deg,#b23a2b,#8c1f16);border-color:#8c1f16;color:#f8eed2} /* ===================== 文章页 ===================== */ .newstitle{font-family:var(--cn-serif);font-size:31px;font-weight:700;line-height:1.55; color:#1d2821;letter-spacing:.03em;padding-top:12px} .newstitle::after{content:"";display:block;width:66px;height:3px;margin:16px auto 0; background:linear-gradient(90deg,#b23a2b,#8c1f16);border-radius:1px} .newsinfo{border-bottom:0;font-family:var(--cn-serif);font-size:12.5px;color:#8a7a5c; line-height:2.5;letter-spacing:.02em} .newsinfo::after{content:"";display:block;height:1px; background:linear-gradient(90deg,rgba(201,162,39,0),rgba(201,162,39,.6),rgba(201,162,39,0))} .newscontent{font-family:var(--cn-serif);padding:22px 0 10px} .newscontent p{font-size:17px;line-height:2.05;color:var(--cn-ink-2);text-indent:2em;margin:0 0 .5em} .newscontent p:first-child{text-indent:0;padding:15px 18px;margin:0 0 1.2em; background:linear-gradient(180deg,#fffdf5 0%,#f8efdb 100%); border-left:3px solid var(--cn-zhu);color:#3a423a;box-shadow:inset 0 0 0 1px rgba(201,162,39,.18)} .newscontent span{font-family:inherit !important} .newscontent strong{font-weight:700;color:#1d2821} .newscontent img{max-width:100%;height:auto;padding:5px;background:#fff; border:1px solid rgba(201,162,39,.45);box-shadow:0 2px 8px rgba(60,44,20,.08)} .newscontent table{width:100%;border-collapse:collapse;border:1px solid rgba(201,162,39,.45);margin:14px 0} .newscontent th,.newscontent td{border:1px solid rgba(201,162,39,.35);padding:8px 10px; font-family:var(--cn-serif);font-size:15px;color:var(--cn-ink-2)} .newscontent th{background:var(--cn-paper-2);color:#5b4a2a;font-weight:700} .newscontent blockquote{margin:14px 0;padding:12px 16px;background:var(--cn-paper); border-left:3px solid var(--cn-gold);color:#5c5445} /* ===================== 页脚（墨绿远山 + 回纹 + 朱印） ===================== */ .fbg{position:relative;overflow:hidden;padding:34px 0 92px;text-align:left;color:#dcd5c1; border-top:1px solid rgba(201,162,39,.3); background:linear-gradient(180deg,rgba(7,14,10,0) 52%,rgba(7,14,10,.28) 82%,rgba(7,14,10,.52) 100%), url(/uploads/tcm-portal/img/ft_mountain.svg) center bottom/100% 210px no-repeat, linear-gradient(180deg,#17281f 0%,#101e18 46%,#0a1410 100%)} .fbg::before{content:"";position:absolute;top:0;left:0;width:100%;height:15px;pointer-events:none; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x left center/19px 15px;opacity:.3} .fbg::after{content:"岐黄";position:absolute;right:36px;bottom:104px;width:44px;padding:14px 0; writing-mode:vertical-rl;letter-spacing:.3em;text-align:center; font-family:var(--cn-serif);font-size:19px;font-weight:700;color:#f2e3bd; background:linear-gradient(160deg,#b03527,#8c1f16);border:1px solid rgba(201,162,39,.75); border-radius:3px;transform:rotate(-2deg); box-shadow:inset 0 0 0 1px rgba(242,227,189,.3),inset 0 0 0 4px rgba(0,0,0,.14),0 2px 10px rgba(0,0,0,.45)} .f2wrap{position:relative;z-index:1;width:96%;max-width:1200px;margin:0 auto;text-align:left} .f2tags h3{display:flex;align-items:center;gap:12px;font-family:var(--cn-serif); font-size:17px;font-weight:700;color:#e9d8a8;letter-spacing:.14em;margin:0 0 14px;padding-left:0} .f2tags h3::before{content:"";position:static;flex-shrink:0;width:4px;height:17px;border-radius:1px; background:linear-gradient(180deg,#d9b25f,#a97e2f)} .f2tags h3::after{content:"";flex:1;height:1px; background:linear-gradient(90deg,rgba(201,162,39,.55),rgba(201,162,39,.05))} .f2taglist{display:flex;flex-wrap:wrap;gap:10px} .f2taglist a{display:block;border:1px solid rgba(201,162,39,.42);border-radius:2px; background:rgba(255,255,255,.03);padding:4px 14px;font-size:13px;letter-spacing:.06em; font-family:var(--cn-serif);color:#d9c893;text-decoration:none;transition:all .2s} .f2taglist a:hover{background:#9d2a20;border-color:#c9a227;color:#f6ecca;text-decoration:none} .f2links{position:relative;border-top:0;margin-top:24px;padding-top:22px;text-align:center;font-size:14px} .f2links::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%); width:min(620px,86%);height:15px; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x center/19px 15px;opacity:.32} .f2links a{color:#cfc39b;text-decoration:none;font-family:var(--cn-serif);letter-spacing:.08em} .f2links a:hover{color:#e8b84b;text-decoration:none} .f2links i{font-style:normal;color:rgba(201,162,39,.4);margin:0 14px} .f2copy{padding-top:10px;text-align:center;font-size:12px;color:rgba(210,222,206,.6);line-height:2; text-shadow:0 1px 3px rgba(4,10,8,.85)} .fbg a{color:#cfc39b} .fbg h3,.fbg .f2copy{font-family:var(--cn-serif)} .fbg h3{font-weight:400;letter-spacing:.14em} /* 热门标签：直角描金细框（替圆角浅框） */ .fbg .f2taglist a{display:block;border:1px solid rgba(201,162,39,.38);border-radius:0;padding:3px 13px; font-family:var(--cn-serif);font-size:13px;letter-spacing:.08em;color:#e6d9b6;text-decoration:none; background:rgba(255,253,245,.03);transition:all .22s ease} .fbg .f2taglist a:hover{background:rgba(201,162,39,.16);border-color:rgba(201,162,39,.72);color:#fdf6e7} /* ===================== 首页正文文字族（雅黑→宋体） ===================== */ /* 头条条幅：灰底改宣纸 */ .nr1_p1{background:linear-gradient(180deg,#fffdf7 0%,#fbf4e5 100%); border:1px solid rgba(201,162,39,.32); box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 1px 3px rgba(31,43,36,.05)} /* 各板块未分类正文链接 */ .nr1_p34 a,.nr1_p35 a,.nr1_p54 a,.sv-grid a,.fullSlide .bd a, .qc-title,.qc-sub,.qc-title+em{font-family:var(--cn-serif)} .nr1_p35 a,.nr1_p54 a{letter-spacing:.01em} /* 焦点图叠字：描金渐变保留，字族改宋 */ .qc-title{font-weight:700;letter-spacing:.02em} .nr1_p11,.nr1_p12,.nr1_p21,.nr1_p31,.nr1_p41,.nr1_p42,.nr1_p43,.nr1_p44, .nr1_p51,.nr1_p52,.nr1_p53,.nr1_p61,.nr1_p62,.nr1_p71,.nr1_p72,.nr1_p73,.nr1_p74,.nr1_p75, .zx-title,.zx-desc,.zx-date,.znzx-txt,.znzx-ft,.znzx-tag{font-family:var(--cn-serif)} .nr1_p11{font-size:35px;font-weight:700;letter-spacing:.01em;color:#1b241d} .nr1_p12{font-size:17px;line-height:1.9;color:#4a5449;letter-spacing:.01em} .zx-title{font-size:16px;font-weight:400;color:#1f2b24;letter-spacing:.01em} .zx-desc{font-size:13px;line-height:1.72;color:#6d766c} .zx-date{font-size:12px;color:#a08b5e} .znzx-ft{font-weight:400;font-size:18px;letter-spacing:.01em} .znzx-txt{letter-spacing:.01em} /* ===================== 响应式 ===================== */ @media (max-width:1200px){ .nav_c .nav_1{font-size:15px} .xwtitle{font-size:19px} .tongzhilist_p1 a{font-size:15.5px} .newstitle{font-size:27px} .newscontent p{font-size:16px} } @media (max-width:900px){ .fbg{padding:28px 0 64px; background:linear-gradient(180deg,rgba(7,14,10,0) 55%,rgba(7,14,10,.3) 84%,rgba(7,14,10,.55) 100%), url(/uploads/tcm-portal/img/ft_mountain.svg) center bottom/100% 155px no-repeat, linear-gradient(180deg,#17281f 0%,#101e18 46%,#0a1410 100%)} .fbg::after{display:none} .f2links i{margin:0 8px} } @media (max-width:768px){ .xwtitle{font-size:17px;padding-left:12px} .xwtitle .tt1{display:none} .tongzhilist li{gap:8px;padding:7px 4px 7px 18px} .tongzhilist li span{flex:0 0 74px;width:74px;font-size:11.5px} .tongzhilist_p1 a{font-size:15px} .newstitle{font-size:22px;line-height:1.5} .newstitle::after{width:52px;margin-top:12px} .newscontent p{font-size:15.5px;line-height:1.95} .newscontent p:first-child{padding:12px 14px;font-size:15px} .lmtit{font-size:17px} } /* ==== tcm-portal：板块主题块 ==== */ /* ===== 页脚 v2：杂志式标签栏 + 居中链接 + 版权（蓝底沿用 .fbg） ===== */ .fbg{padding:26px 0 24px} .f2wrap{width:96%;max-width:1200px;margin:0 auto;text-align:left} .f2tags h3{display:block;font-size:16px;font-weight:700;color:#fff;margin:0 0 14px;padding-left:12px;position:relative} .f2tags h3::before{content:"";position:absolute;left:0;top:3px;width:4px;height:17px;background:#ffd24d;border-radius:1px} .f2taglist{display:flex;flex-wrap:wrap;gap:10px} .f2taglist a{display:block;border:1px solid rgba(255,255,255,.28);border-radius:4px;padding:4px 14px;font-size:13px;color:#eaf0ff;text-decoration:none;transition:all .2s} .f2taglist a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.6);color:#fff} .f2links{border-top:1px solid rgba(255,255,255,.18);margin-top:22px;padding-top:18px;text-align:center;font-size:14px} .f2links a{color:#fff;text-decoration:none} .f2links a:hover{color:#ffd24d} .f2links i{font-style:normal;color:rgba(255,255,255,.45);margin:0 14px} .f2copy{padding-top:8px;text-align:center;font-size:12px;color:rgba(255,255,255,.72);line-height:2} /* ===== 页脚中国风：墨绿远山底 + 回纹压边 + 描金宋体 + 岐黄朱印 ===== */ .fbg{position:relative;overflow:hidden;padding:34px 0 92px;text-align:left; border-top:1px solid rgba(201,162,39,.3); background:linear-gradient(180deg,rgba(7,14,10,0) 52%,rgba(7,14,10,.28) 82%,rgba(7,14,10,.52) 100%), url(/uploads/tcm-portal/img/ft_mountain.svg) center bottom/100% 210px no-repeat, linear-gradient(180deg,#17281f 0%,#101e18 46%,#0a1410 100%)} .fbg::before{content:"";position:absolute;top:0;left:0;width:100%;height:15px; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x left center/19px 15px; opacity:.3;pointer-events:none} .fbg::after{content:"岐黄";position:absolute;right:36px;bottom:104px;width:44px; padding:14px 0;writing-mode:vertical-rl;letter-spacing:.3em;text-align:center; font-family:"SimSun","STSong","NSimSun",serif;font-size:19px;font-weight:700;color:#f2e3bd; background:linear-gradient(160deg,#b03527,#8c1f16);border:1px solid rgba(201,162,39,.75); border-radius:3px;transform:rotate(-2deg); box-shadow:inset 0 0 0 1px rgba(242,227,189,.3),inset 0 0 0 4px rgba(0,0,0,.14),0 2px 10px rgba(0,0,0,.45)} .f2wrap{position:relative;z-index:1} .f2tags h3{display:flex;align-items:center;gap:12px;font-family:"SimSun","STSong","NSimSun",serif; font-size:17px;font-weight:700;color:#e9d8a8;letter-spacing:.14em;margin:0 0 14px;padding-left:0} .f2tags h3::before{position:static;flex-shrink:0;width:4px;height:17px;border-radius:1px; background:linear-gradient(180deg,#d9b25f,#a97e2f)} .f2tags h3::after{content:"";flex:1;height:1px; background:linear-gradient(90deg,rgba(201,162,39,.55),rgba(201,162,39,.05))} .f2taglist{display:flex;flex-wrap:wrap;gap:10px} .f2taglist a{display:block;border:1px solid rgba(201,162,39,.42);border-radius:2px; background:rgba(255,255,255,.03);padding:4px 14px;font-size:13px;letter-spacing:.06em; font-family:"SimSun","STSong","NSimSun",serif;color:#d9c893;text-decoration:none;transition:all .2s} .f2taglist a:hover{background:#9d2a20;border-color:#c9a227;color:#f6ecca;text-decoration:none} .f2links{position:relative;border-top:0;margin-top:24px;padding-top:22px;text-align:center;font-size:14px} .f2links::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%); width:min(620px,86%);height:15px; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x center/19px 15px;opacity:.32} .f2links a{color:#cfc39b;text-decoration:none;font-family:"SimSun","STSong","NSimSun",serif;letter-spacing:.08em} .f2links a:hover{color:#e8b84b;text-decoration:none} .f2links i{font-style:normal;color:rgba(201,162,39,.4);margin:0 14px} .f2copy{padding-top:10px;text-align:center;font-size:12px;color:rgba(210,222,206,.6);line-height:2; text-shadow:0 1px 3px rgba(4,10,8,.85)} .f2links{text-shadow:0 1px 3px rgba(4,10,8,.85)} @media (max-width:900px){ .fbg{padding:28px 0 64px; background:linear-gradient(180deg,rgba(7,14,10,0) 55%,rgba(7,14,10,.3) 84%,rgba(7,14,10,.55) 100%), url(/uploads/tcm-portal/img/ft_mountain.svg) center bottom/100% 155px no-repeat, linear-gradient(180deg,#17281f 0%,#101e18 46%,#0a1410 100%)} .fbg::after{display:none} .f2links i{margin:0 8px} } /* ===== 中医资讯图文 ===== */ .zx-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin-top:6px;padding:0;list-style:none} .zx-item{display:flex;gap:14px;align-items:flex-start} a.zx-thumb{flex:0 0 168px;width:168px;height:112px;overflow:hidden;border-radius:4px;display:block;background:#f4f5f7} a.zx-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease} .zx-item:hover a.zx-thumb img{transform:scale(1.06)} .zx-txt{flex:1;min-width:0} a.zx-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; font-size:15px;font-weight:700;line-height:1.55;color:#1f2328;text-decoration:none;transition:color .2s} a.zx-title:hover{color:#2e4c9c} .zx-desc{margin:7px 0 0;font-size:12px;line-height:1.65;color:#9096a0; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .zx-date{display:block;margin-top:8px;font-size:12px;color:#b9bec7} @media (max-width:760px){.zx-list{grid-template-columns:1fr}} /* ===== 中医资讯：头条 + 编号图文 ===== */ .znzx-grid{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr); gap:26px;margin-top:18px} /* 左：头条大卡 */ .znzx-feature{position:relative;display:block;text-decoration:none;background:#fff; border:1px solid #ececec;border-radius:8px;overflow:hidden; transition:box-shadow .38s ease,border-color .38s ease,transform .38s ease} .znzx-feature:hover{box-shadow:0 16px 34px rgba(22,30,52,.13);border-color:#e2e6ec;transform:translateY(-2px)} .znzx-fig{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#f2f4f6} .znzx-fig img{width:100%;height:100%;object-fit:cover;display:block; transition:transform .8s cubic-bezier(.2,.7,.2,1)} .znzx-feature:hover .znzx-fig img{transform:scale(1.06)} .znzx-fig::after{content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(180deg,rgba(10,16,30,0) 58%,rgba(10,16,30,.26))} .znzx-tag{position:absolute;left:14px;top:14px;z-index:2;font-style:normal; padding:4px 10px;border-radius:3px;color:#fff;font-size:11px;letter-spacing:.16em; background:linear-gradient(135deg,#d8232a,#a8121a); box-shadow:0 3px 10px rgba(168,18,26,.34)} .znzx-body{display:block;padding:16px 18px 17px} .znzx-ft{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; font-size:19px;font-weight:800;line-height:1.45;letter-spacing:.02em;color:#1b2028; transition:color .25s ease} .znzx-feature:hover .znzx-ft{color:#c8202a} .znzx-fline{display:block;width:34px;height:2px;margin:11px 0 10px; background:linear-gradient(90deg,#d8b26a,rgba(216,178,106,.12)); transition:width .45s cubic-bezier(.2,.7,.2,1)} .znzx-feature:hover .znzx-fline{width:60px} .znzx-fgo{display:inline-flex;align-items:center;gap:6px;font-size:12px; letter-spacing:.1em;color:#9aa0a8;transition:color .25s ease} .znzx-fgo b{font-weight:400;transition:transform .32s ease} .znzx-feature:hover .znzx-fgo{color:#c8202a} .znzx-feature:hover .znzx-fgo b{transform:translateX(4px)} /* 右：编号图文列表 */ .znzx-list{display:flex;flex-direction:column;justify-content:space-between;min-width:0} .znzx-item{display:grid;grid-template-columns:100px minmax(0,1fr) 46px;align-items:center; gap:14px;padding:8px 2px 8px 0;text-decoration:none; border-bottom:1px dashed #e8ebef;transition:padding .3s ease} .znzx-item:last-child{border-bottom:none} .znzx-item:hover{padding-left:7px} .znzx-idx{font:700 22px/1 Menlo,Consolas,monospace;text-align:right;color:#ddd3c4; transition:color .28s ease,transform .28s ease} .znzx-item:hover .znzx-idx{color:#c8202a;transform:translateX(2px)} .znzx-thumb{display:block;width:100px;height:68px;overflow:hidden;border-radius:5px; background:#f2f4f6;flex:0 0 auto} .znzx-thumb img{width:100%;height:100%;object-fit:cover;display:block; transition:transform .6s cubic-bezier(.2,.7,.2,1)} .znzx-item:hover .znzx-thumb img{transform:scale(1.08)} .znzx-txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; font-size:14.5px;line-height:1.66;color:#2b3138;transition:color .25s ease} .znzx-item:hover .znzx-txt{color:#c8202a} .znzx-en{display:inline-block;margin-left:9px;font-style:normal;font-size:9.5px;font-weight:600; letter-spacing:.22em;color:#b9bec7;vertical-align:2px;font-family:Menlo,Consolas,monospace} .znzx-feature:hover /* 头部「更多」 */ .tit4 .znzx-more{float:right;margin-right:2px;font-size:12px;color:#8a9099; text-decoration:none;display:inline-flex;align-items:center;gap:4px;padding-top:6px; transition:color .25s ease} .tit4 .znzx-more b{font-weight:400;transition:transform .28s ease} .tit4 .znzx-more:hover{color:#c8202a} .tit4 .znzx-more:hover b{transform:translateX(3px)} /* 入场：滚动到视口内逐个淡入 */ .znzx-item,.znzx-feature{opacity:1} @media (max-width:980px){ .znzx-grid{grid-template-columns:1fr;gap:16px} .znzx-list{justify-content:flex-start} } /* ===== 服务板块：一轴横卷 · 七枚朱印（中国风图文） ===== */ .sv-grid{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:0; margin:0;padding:10px 22px;list-style:none;clear:both; background:linear-gradient(180deg,#fdf9ee 0%,#f8efd8 52%,#f3e4c4 100%); border-top:1px solid rgba(176,140,58,.72);border-bottom:1px solid rgba(176,140,58,.72); box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.55),0 14px 26px -24px rgba(110,80,25,1)} /* 两侧轴头 */ .sv-grid::before,.sv-grid::after{content:"";position:absolute;top:-8px;bottom:-8px;width:13px;border-radius:6px; background:linear-gradient(90deg,#241b12 0%,#5b4630 26%,#8a7048 50%,#5b4630 74%,#241b12 100%); box-shadow:inset 0 0 0 1px rgba(224,192,132,.35),0 5px 14px -7px rgba(50,32,14,.75);z-index:2} .sv-grid::before{left:0} .sv-grid::after{right:0} .sv-grid>li{position:relative;float:none !important;width:auto !important;padding:0 !important;margin:0 !important} /* 卷内分栏金线 */ .sv-grid>li+li::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px; background:linear-gradient(180deg,rgba(176,140,58,0),rgba(176,140,58,.62),rgba(176,140,58,0))} .sv-grid>li>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center; height:100%;padding:14px 8px 12px;text-decoration:none;border-radius:2px; transition:background .2s ease,transform .2s ease} .sv-grid>li>a:hover{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,250,236,.95)); transform:translateY(-2px);box-shadow:0 10px 20px -18px rgba(120,90,30,1)} /* 朱印 */ .sv-seal{width:50px;height:50px;border-radius:50%;flex:0 0 auto; background:radial-gradient(circle at 33% 27%,#d4574b 0%,#b03328 58%,#94251c 100%); color:#fdf6e7;font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:23px;font-weight:700;line-height:50px;text-align:center;text-indent:0; box-shadow:0 0 0 2px #fdfaf1,0 0 0 3px rgba(176,140,58,.55),0 5px 12px -8px rgba(120,20,12,.85); text-shadow:0 1px 0 rgba(90,15,10,.4);transition:transform .22s ease} .sv-grid>li>a:hover .sv-seal{transform:scale(1.05)} .sv-name{margin-top:13px;font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:18px;font-weight:700;color:#22303c;letter-spacing:.06em;line-height:1.2; transition:color .2s ease;white-space:nowrap} .sv-grid>li>a:hover .sv-name{color:#a52c22} .sv-sub{margin-top:7px;font-style:normal;font-size:11.5px;color:#9a8a6c;letter-spacing:.1em;line-height:1.2;white-space:nowrap} @media (max-width:1100px){ .sv-grid{grid-template-columns:repeat(4,1fr)} .sv-grid>li:nth-child(4n+1)::before{display:none} } @media (max-width:768px){ .sv-grid{grid-template-columns:repeat(3,1fr);padding:8px 10px} .sv-grid>li:nth-child(4n+1)::before{display:block} .sv-grid>li:nth-child(3n+1)::before{display:none} .sv-grid>li>a{padding:11px 6px 9px} .sv-seal{width:40px;height:40px;line-height:40px;font-size:19px} .sv-name{font-size:15px;margin-top:10px} .sv-sub{font-size:10px;margin-top:4px} .sv-grid{padding:8px 16px} .sv-grid::before,.sv-grid::after{width:10px;top:-6px;bottom:-6px} } @media (max-width:430px){ .sv-grid{grid-template-columns:repeat(2,1fr)} .sv-grid>li:nth-child(3n+1)::before{display:block} .sv-grid>li:nth-child(2n+1)::before{display:none} } /* ===== 小标题：朱笔 + 宋体 + 描金线（无底色、无边框） ===== */ .tit1.clear{display:flex !important;align-items:center;height:34px !important;line-height:34px !important; background:none !important;border:0 !important;padding:0 !important} .tit1.clear>.tit1_p3,.tit1.clear>.tit1_p1{ float:none !important;flex:0 1 auto;min-width:0;position:relative; padding:0 0 0 15px !important;margin:0 !important; font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif !important; font-weight:700 !important;color:#1f2a35 !important; letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15} .tit1.clear>.tit1_p3{font-size:21px !important} /* 朱漆笔锋竖条：上下渐隐，非实心方块 */ .tit1.clear>.tit1_p3::before,.tit1.clear>.tit1_p1::before{ content:"";position:absolute;left:0;top:50%;width:3px;height:1.04em;margin-top:-.52em; background:linear-gradient(180deg,rgba(184,54,43,0) 0%,#b8362b 22%,#cf5347 50%,#b8362b 78%,rgba(184,54,43,0) 100%); border-radius:1.5px} /* 描金渐隐线 + 线尾朱点 */ .t1-line{flex:1 1 20px;min-width:0;height:1px;margin:0 12px 0 13px;position:relative; background:linear-gradient(90deg,rgba(176,140,58,.58),rgba(176,140,58,.24) 68%,rgba(176,140,58,.10))} .t1-line::after{content:"";position:absolute;right:-1px;top:50%;width:5px;height:5px;margin-top:-2.5px; background:linear-gradient(135deg,#c8493c,#a52c22);transform:rotate(45deg);opacity:.85} /* 更多：宋体 + 朱红箭头 */ .tit1.clear>.more1,.tit1.clear>.more2{ float:none !important;flex:0 0 auto;margin:0 !important;padding:0 !important; font-family:"Source Han Serif SC","STSong","SimSun",serif !important; font-size:12px !important;color:#8a7550 !important;letter-spacing:.16em;line-height:34px; text-decoration:none;transition:color .18s ease} .tit1.clear>.more1::after,.tit1.clear>.more2::after{ content:"\203A";margin-left:6px;color:#b8362b;font-family:Georgia,serif;font-size:15px;line-height:0;position:relative;top:1px} .tit1.clear>.more1:hover,.tit1.clear>.more2:hover{color:#a52c22 !important} @media (max-width:1200px){ .tit1.clear>.tit1_p3{font-size:16px !important;letter-spacing:0} .tit1.clear>.tit1_p1{font-size:17px !important;letter-spacing:.02em} .tit1.clear>.tit1_p1.tt7{font-size:22px !important} } @media (max-width:768px){ .tit1.clear{height:30px !important;line-height:30px !important} .tit1.clear>.tit1_p3,.tit1.clear>.tit1_p1{padding-left:12px !important;font-size:18px !important} .tit1.clear>.tit1_p3::before,.tit1.clear>.tit1_p1::before{width:3px} .t1-line{margin:0 9px 0 10px} .tit1.clear>.more1,.tit1.clear>.more2{font-size:11px !important;line-height:30px} } /* ===== 副标题条：宣纸描金 + 朱漆燕尾牌 + 回纹分隔 ===== */ .tit3.clear,.tit5.clear{ background:linear-gradient(180deg,#fffdf8 0%,#fdf8ec 55%,#faf3e3 100%) !important; border:1px solid rgba(176,140,58,.38) !important; border-radius:2px !important; box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(255,255,255,.8),0 2px 8px -6px rgba(150,110,30,.9); display:flex !important;align-items:center; height:40px !important;line-height:40px !important; padding:0 !important;overflow:hidden;position:relative} /* 朱漆燕尾牌 */ .tit3.clear>.tit3_p1,.tit5.clear>.tit3_p1{ float:none !important;flex:0 0 auto; display:flex;align-items:center;gap:7px; height:40px;line-height:40px;box-sizing:border-box; padding:0 22px 0 35px !important; background:linear-gradient(180deg,#c8493c 0%,#b03328 58%,#9d2a20 100%) !important; color:#fdf6e7 !important; font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif !important; font-size:16px !important;font-weight:700 !important; letter-spacing:.1em;white-space:nowrap; clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%); position:relative; box-shadow:inset 0 0 0 1px rgba(255,222,160,.22),inset 0 -1px 0 rgba(90,15,10,.35),3px 0 10px -6px rgba(120,20,12,.55)} .tit3.clear>.tit3_p1::before,.tit5.clear>.tit3_p1::before{ content:"";position:absolute;left:12px;top:50%;width:16px;height:13px;margin-top:-6.5px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='15' viewBox='0 0 19 15'%3E%3Cg fill='none' stroke='%23fff5e2' stroke-width='1.4'%3E%3Crect x='4.2' y='2.2' width='10.6' height='10.6'/%3E%3Crect x='7.5' y='5.5' width='4' height='4'/%3E%3Cpath d='M0 7.5h4.2M14.8 7.5H19'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/100% 100%;opacity:.9} .tit3.clear>.tit3_p1 img,.tit5.clear>.tit3_p1 img{display:none !important} /* 回纹分隔线 */ .t3-line{flex:1 1 auto;height:12px;margin:0 13px;min-width:24px; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x center/14px 12px; opacity:.55} /* 更多：宋体 + 朱红箭头 */ .tit3.clear>.more2,.tit5.clear>.more2{ float:none !important;flex:0 0 auto; font-family:"Source Han Serif SC","STSong","SimSun",serif !important; font-size:13px !important;color:#8a7550 !important;letter-spacing:.18em; padding:0 15px 0 0 !important;margin:0 !important;line-height:40px;text-decoration:none; position:relative;transition:color .18s ease} .tit3.clear>.more2::after,.tit5.clear>.more2::after{ content:"\203A";margin-left:7px;color:#b8362b;font-family:Georgia,serif;font-size:16px;line-height:0; position:relative;top:1px} .tit3.clear>.more2:hover,.tit5.clear>.more2:hover{color:#a52c22 !important} @media (max-width:768px){ .tit3.clear,.tit5.clear{height:36px !important;line-height:36px !important} .tit3.clear>.tit3_p1,.tit5.clear>.tit3_p1{height:36px;line-height:36px;font-size:14px !important;padding:0 18px 0 30px !important} .tit3.clear>.tit3_p1::before,.tit5.clear>.tit3_p1::before{width:14px;height:11px;left:10px;margin-top:-5.5px} .t3-line{margin:0 9px;background-size:12px 10px;opacity:.45} .tit3.clear>.more2,.tit5.clear>.more2{font-size:12px !important;padding-right:11px !important;line-height:36px} } /* ===== 栏目头 v4：墨玉匾额 + 回纹边饰 + 赤金朱菱（A+D 混合） ===== */ .tit2{background:none !important;display:flex;align-items:center;justify-content:center; gap:0;padding:9px 0 11px;text-align:center;position:relative;height:auto;overflow:visible} /* 匾额：墨绿玉底 + 描金双框 + 对角角标 */ .tit2 .t2-t{flex:0 0 auto;position:relative;white-space:nowrap; background:linear-gradient(180deg,#273c33 0%,#17271f 58%,#101e19 100%); border:1px solid #b99349;padding:10px 40px 11px; box-shadow:inset 0 0 0 1px rgba(185,147,73,.38),inset 0 0 26px rgba(0,0,0,.42),0 3px 12px rgba(0,0,0,.13); font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:30px;font-weight:700;letter-spacing:.3em;text-indent:.3em;line-height:1.2; color:#f4e8c8;text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 12px rgba(230,200,130,.22)} .tit2 .t2-t::before,.tit2 .t2-t::after{content:"";position:absolute;width:9px;height:9px; border:1.5px solid #c8a45c;opacity:.9} .tit2 .t2-t::before{left:4px;top:4px;border-right:0;border-bottom:0} .tit2 .t2-t::after{right:4px;bottom:4px;border-left:0;border-top:0} /* 两侧：回纹链 + 朱菱（外淡内实） */ .tit2 .t2-orn{position:relative;flex:1 1 0;min-width:56px;align-self:stretch; background-image:url(/uploads/tcm-portal/img/huiwen.svg);background-repeat:repeat-x;background-position:center;background-size:19px 15px; border-top:1px solid rgba(176,140,58,.62);border-bottom:1px solid rgba(176,140,58,.62); margin:0 10px} .tit2 .t2-l{border-right:1px solid rgba(176,140,58,.62)} .tit2 .t2-r{border-left:1px solid rgba(176,140,58,.62)} .tit2 .t2-orn::after{content:"";position:absolute;top:50%;width:8px;height:8px;margin-top:-4px;opacity:1; background:linear-gradient(135deg,#c8453a,#9d2a20);transform:rotate(45deg); box-shadow:0 0 0 2.5px #fff,0 2px 4px rgba(110,20,12,.16)} .tit2 .t2-l::after{right:-4px} .tit2 .t2-r::after{left:-4px} @media (max-width:768px){ .tit2{gap:8px;padding:7px 0 9px} .tit2 .t2-t{font-size:20px;padding:6px 18px 7px;letter-spacing:.2em;text-indent:.2em} .tit2 .t2-t::before,.tit2 .t2-t::after{width:7px;height:7px;border-width:1px} .tit2 .t2-orn{min-width:26px;background-size:14px 11px;margin:0 6px} .tit2 .t2-orn::after{width:6px;height:6px;margin-top:-3px;box-shadow:0 0 0 2px #fff,0 1px 3px rgba(110,20,12,.16)} } /* ===== 栏目头 v5：云气托匾 · 内段回纹 · 玉匾含章 ===== */ .tit2{padding:18px 0 20px !important;position:relative;isolation:isolate} /* 云气：中央一团极淡暖雾，向两侧散尽 */ .tit2::before{content:"";position:absolute;left:50%;top:50%;width:780px;height:158px; transform:translate(-50%,-50%);z-index:-1;pointer-events:none; background: radial-gradient(ellipse 52% 52% at 50% 50%,rgba(201,162,39,.16),rgba(201,162,39,0) 72%), radial-gradient(ellipse 30% 62% at 50% 50%,rgba(31,43,36,.075),rgba(31,43,36,0) 74%)} /* 匾额：玉质三段 + 左右铜钉 + 朱漆底托 */ .tit2 .t2-t{ font-size:34px;padding:14px 54px 15px;letter-spacing:.34em;text-indent:.34em;margin:0 22px; outline:1px solid rgba(185,147,73,.42);outline-offset:4px; background-image: radial-gradient(circle at 11px 50%,#dcbb6c 0 1.5px,rgba(52,34,8,.6) 1.6px 2.6px,rgba(220,187,108,.26) 2.7px 3.9px,transparent 4px), radial-gradient(circle at calc(100% - 11px) 50%,#dcbb6c 0 1.5px,rgba(52,34,8,.6) 1.6px 2.6px,rgba(220,187,108,.26) 2.7px 3.9px,transparent 4px), linear-gradient(180deg,#3b5548 0%,#2b4136 17%,#1b2d24 50%,#12211a 79%,#0b1712 100%); border:1px solid #c9a25c; box-shadow: inset 0 1px 0 rgba(255,246,220,.3), inset 0 -1px 0 rgba(0,0,0,.6), inset 0 0 0 1px rgba(185,147,73,.42), inset 0 0 30px rgba(0,0,0,.46), 0 4px 0 -1px rgba(160,43,32,.78), 0 9px 20px rgba(12,24,18,.2); text-shadow:0 1px 0 rgba(0,0,0,.62),0 0 15px rgba(230,200,130,.3)} /* 角标：12px 描金 L 形，左上 / 右下 */ .tit2 .t2-t::before,.tit2 .t2-t::after{width:12px;height:12px;border:1.5px solid #d3b167;opacity:.92} .tit2 .t2-t::before{left:4px;top:4px} .tit2 .t2-t::after{right:4px;bottom:4px} /* 两侧：去掉满铺回纹与上下粗线，改「主金线 + 内段回纹 + 朱菱」 */ .tit2 .t2-orn{height:58px;align-self:center;margin:0;border:0;background-repeat:no-repeat; background-size:100% 1px,100% 1px; background-position:center calc(50% + 3px),center calc(50% - 3px); background-image: linear-gradient(90deg,rgba(176,140,58,0) 0%,rgba(176,140,58,.26) 16%,rgba(176,140,58,.68) 66%,rgba(176,140,58,.92) 100%), linear-gradient(90deg,rgba(176,140,58,0) 0%,rgba(176,140,58,.12) 24%,rgba(176,140,58,.4) 70%,rgba(176,140,58,.6) 100%)} .tit2 .t2-r{background-image: linear-gradient(270deg,rgba(176,140,58,0) 0%,rgba(176,140,58,.26) 16%,rgba(176,140,58,.68) 66%,rgba(176,140,58,.92) 100%), linear-gradient(270deg,rgba(176,140,58,0) 0%,rgba(176,140,58,.12) 24%,rgba(176,140,58,.4) 70%,rgba(176,140,58,.6) 100%)} /* 副金线：上移 13px，更淡更短 */ .tit2 .t2-orn::before{content:"";position:absolute;left:14%;right:0;top:calc(50% - 13px);height:1px; background:linear-gradient(90deg,rgba(176,140,58,0),rgba(176,140,58,.34))} .tit2 .t2-r::before{left:0;right:14%; background:linear-gradient(270deg,rgba(176,140,58,0),rgba(176,140,58,.34))} /* 内段回纹：仅靠匾额 210px，向外渐隐 */ .tit2 .t2-hw{position:absolute;top:50%;width:min(240px,46%);height:13px;margin-top:-19px; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x center/17px 11px; opacity:.5;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.05),#000 72%); mask-image:linear-gradient(90deg,rgba(0,0,0,.05),#000 72%)} .tit2 .t2-l .t2-hw{right:18px} .tit2 .t2-r .t2-hw{left:18px;transform:scaleX(-1)} /* 朱菱：加大 + 金环 */ .tit2 .t2-orn::after{width:8px;height:8px;margin-top:-4px; background:linear-gradient(135deg,#cc4a3e,#9b2820);transform:rotate(45deg); box-shadow:0 0 0 1.5px rgba(201,162,39,.85),0 0 0 3px #fffdf5,0 2px 5px rgba(110,20,12,.2)} .tit2 .t2-l::after{right:-5px} .tit2 .t2-r::after{left:-5px} @media (max-width:900px){ .tit2{padding:14px 0 16px !important} .tit2 .t2-t{font-size:24px;padding:9px 26px 10px;letter-spacing:.24em;text-indent:.24em; background-image:linear-gradient(180deg,#3b5548 0%,#2b4136 17%,#1b2d24 50%,#12211a 79%,#0b1712 100%)} .tit2 .t2-orn{height:46px} .tit2 .t2-hw{width:min(120px,32%);background-size:13px 9px;height:11px} } @media (max-width:768px){ .tit2{gap:6px;padding:11px 0 13px !important} .tit2 .t2-t{font-size:19px;padding:6px 16px 7px;letter-spacing:.2em;text-indent:.2em;margin:0 10px;outline-offset:3px} .tit2 .t2-t::before,.tit2 .t2-t::after{width:8px;height:8px;border-width:1px} .tit2 .t2-orn{height:38px;min-width:20px} .tit2 .t2-orn::after{width:7px;height:7px;margin-top:-3.5px;box-shadow:0 0 0 1px rgba(201,162,39,.85),0 0 0 2px #fffdf5} .tit2 .t2-hw{display:none} .tit2::before{width:380px;height:110px} } /* ===== 图片等比修正：固定比例盒子内一律 cover，避免拉伸变形 ===== */ .img1 img,.img2 img,.img3 img,.img4 img{object-fit:cover;object-position:center center} /* 空盒/失效图给中性底色，避免露出破图图标处的空白 */ .img1,.img2,.img3,.img4{background:#f2f4f6} /* ===== 焦点图标题层：底部剪影带 · 金色流光 ===== */ .qt .qt-cap{position:absolute;inset:0;z-index:6;pointer-events:none} /* 整图蒙版：径向暗角 + 底部暗带，横向 mask 淡出（避免硬边） */ .qt .qt-cap::before{content:"";position:absolute;inset:0;z-index:0; background: radial-gradient(80% 120% at -12% 116%,rgba(18,3,2,.97) 0%,rgba(18,3,2,.86) 26%,rgba(18,3,2,.50) 48%,rgba(18,3,2,.12) 66%,rgba(18,3,2,0) 80%), linear-gradient(0deg,rgba(22,3,2,.86) 0%,rgba(22,3,2,.46) 24%,rgba(22,3,2,0) 52%); -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 44%,rgba(0,0,0,0) 84%); mask-image:linear-gradient(90deg,#000 0%,#000 44%,rgba(0,0,0,0) 84%)} /* 鼠标跟随光斑 */ .qt .qt-cap::after{content:"";position:absolute;left:var(--mx,30%);top:var(--my,72%); width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;z-index:0;pointer-events:none; background:radial-gradient(circle,rgba(255,214,120,.16),rgba(255,214,120,0) 68%); transition:left .5s ease-out,top .5s ease-out} .qt .qc-inner{position:absolute;left:26px;bottom:18px;width:340px;max-width:calc(100% - 52px); overflow:hidden;will-change:transform;transition:transform .2s ease-out} .qt .qc-title{margin:0;opacity:0; font-size:32px;font-weight:800;line-height:1.18;letter-spacing:.085em;white-space:nowrap; background-image:linear-gradient(100deg,#d8a63e 0%,#f6d78c 15%,#fffdf2 29%,#f9dd95 43%,#e2b048 59%,#f8da92 77%,#d8a63e 100%); background-size:250% 100%;background-position:0% 50%; -webkit-background-clip:text;background-clip:text; color:transparent;-webkit-text-fill-color:transparent; filter:drop-shadow(0 1px 0 rgba(96,32,0,.55)) drop-shadow(0 3px 9px rgba(52,10,0,.62)) drop-shadow(0 0 16px rgba(255,206,110,.44))} .qt .qc-meta{display:flex;align-items:center;gap:9px;margin-top:9px;opacity:0} .qt .qc-line{display:block;flex:0 0 auto;width:0;height:1px; background:linear-gradient(90deg,#f7d98a,rgba(247,217,138,.05))} .qt .qc-sub{font-size:11.5px;line-height:1.45;letter-spacing:.18em;white-space:nowrap; color:rgba(255,238,203,.9);text-shadow:0 1px 4px rgba(40,8,0,.55)} .qt a.qc-cta{pointer-events:auto;position:relative;isolation:isolate;overflow:hidden; display:inline-flex;align-items:center;gap:7px;margin-top:9px; padding:6px 13px 6px 15px;border:1px solid rgba(247,217,138,.48);border-radius:999px; opacity:0;font-size:11px;letter-spacing:.16em;text-decoration:none; color:#ffe9b0;background:rgba(64,12,8,.22); transition:color .32s ease,border-color .32s ease,transform .32s ease} .qt a.qc-cta em{font-style:normal;position:relative;z-index:1} .qt a.qc-cta b{font-weight:400;position:relative;z-index:1;transition:transform .32s ease} .qt a.qc-cta::before{content:"";position:absolute;inset:0;z-index:0; background:linear-gradient(100deg,#f0c96a,#fff6d8 52%,#e2b955); transform:translateX(-101%);transition:transform .46s cubic-bezier(.5,0,.2,1)} .qt a.qc-cta:hover{color:#33100a;border-color:#f7d98a;transform:translateY(-1px)} .qt a.qc-cta:hover::before{transform:translateX(0)} .qt a.qc-cta:hover b{transform:translateX(3px)} /* 掠光：定时横扫标题区 */ .qt .qc-sweep{position:absolute;top:-30%;bottom:-30%;left:0;width:64px;z-index:3;pointer-events:none; background:linear-gradient(100deg,rgba(255,246,214,0),rgba(255,246,214,.5),rgba(255,246,214,0)); transform:skewX(-16deg) translateX(-150px);filter:blur(3px);mix-blend-mode:screen; animation:qcSweep 6.6s cubic-bezier(.42,0,.2,1) 1.6s infinite} @keyframes qcSweep{ 0%{transform:skewX(-16deg) translateX(-150px)} 46%,100%{transform:skewX(-16deg) translateX(430px)}} /* 金色粒子 */ .qt .qc-spark{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;z-index:1; background:radial-gradient(circle,#fffbee 0%,#f7d98a 46%,rgba(247,217,138,0) 72%); box-shadow:0 0 9px 3px rgba(247,217,138,.4);opacity:0;pointer-events:none; animation:qcFloat 6.4s ease-in-out var(--d) infinite} @keyframes qcFloat{ 0%{opacity:0;transform:translate3d(0,10px,0) scale(.55)} 16%{opacity:.9} 68%{opacity:.4} 100%{opacity:0;transform:translate3d(15px,-58px,0) scale(1.2)}} /* 入场：逐行揭示（clip + 上浮 + 去模糊） */ @keyframes qcIn{ 0%{opacity:0;transform:translate3d(0,12px,0);filter:blur(6px);clip-path:inset(-16% 100% -16% 0)} 58%{opacity:1;filter:blur(0);clip-path:inset(-16% 0 -16% 0)} 100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0);clip-path:inset(-16% 0 -16% 0)}} @keyframes qcShine{0%{background-position:0% 50%}100%{background-position:250% 50%}} @keyframes qcTitleIn{ 0%{opacity:0;letter-spacing:.24em;transform:translate3d(0,12px,0);filter:blur(7px);clip-path:inset(-16% 100% -16% 0)} 58%{opacity:1;letter-spacing:.115em;filter:blur(0);clip-path:inset(-16% 0 -16% 0)} 100%{opacity:1;letter-spacing:.085em;transform:translate3d(0,0,0);filter:blur(0);clip-path:inset(-16% 0 -16% 0)}} @keyframes qcGrow{to{width:30px}} @keyframes qcFlash{ 0%{filter:brightness(1)} 30%{filter:brightness(1.4) saturate(1.15) drop-shadow(0 0 20px rgba(255,206,110,.85))} 100%{filter:brightness(1)}} .qt .qt-cap.play .qc-title{animation:qcShine 7s linear infinite,qcTitleIn 1.15s cubic-bezier(.16,.84,.3,1) .1s forwards} .qt .qt-cap.play .qc-line{animation:qcGrow .8s cubic-bezier(.2,.8,.2,1) .5s forwards} .qt .qt-cap.play .qc-meta{animation:qcIn .85s cubic-bezier(.16,.84,.3,1) .34s forwards} .qt .qt-cap.play .qc-cta{animation:qcIn .85s cubic-bezier(.16,.84,.3,1) .46s forwards} .qt .qt-cap.flash .qc-inner{animation:qcFlash .92s ease-out both} @media (max-width:768px){.qt .qt-cap{display:none}} /* ===== 顶部横幅区：三主题竖卡（3 图 / 6 条目） ===== */ /* margin-top:10px 复刻原站 .adv1 li 的 padding-top，使图片顶边与左侧轮播齐平 */ .adv1 .yw-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:325px;margin-top:10px} .adv1 .yw-card{display:flex;flex-direction:column;min-width:0;background:#fff; border:1px solid #e9ecf1;border-radius:6px;overflow:hidden; transition:box-shadow .28s ease,border-color .28s ease,transform .28s ease} .adv1 .yw-card:hover{box-shadow:0 10px 26px rgba(24,44,86,.11);border-color:#d2ddec;transform:translateY(-2px)} .adv1 .yw-fig{position:relative;display:block;flex:0 0 auto;overflow:hidden;background:#f3f4f6} .adv1 .yw-fig img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease} .adv1 .yw-card:hover .yw-fig img{transform:scale(1.06)} .adv1 .yw-fig::after{content:"";position:absolute;left:0;right:0;bottom:0;height:38px; background:linear-gradient(180deg,rgba(12,20,38,0),rgba(12,20,38,.34));pointer-events:none} .adv1 .yw-no{position:absolute;left:0;bottom:0;z-index:2; padding:5px 9px 5px 8px;background:rgba(255,255,255,.94);color:#2e4c9c; font:700 11px/1 Menlo,Consolas,monospace;letter-spacing:.14em;border-top-right-radius:5px} .adv1 .yw-list{flex:1;display:flex;flex-direction:column;min-height:0} .adv1 a.yw-item{flex:1;display:flex;flex-direction:column;justify-content:center; padding:14px 13px;text-decoration:none;transition:background .22s ease} .adv1 a.yw-item + a.yw-item{border-top:1px dashed #eceff4} .adv1 a.yw-item:hover{background:#fafbfd} .adv1 a.yw-item b{display:block;font-size:15px;font-weight:700;line-height:1.2; color:#1b2028;letter-spacing:.02em;transition:color .2s ease} .adv1 a.yw-item b::before{content:"";display:inline-block;width:3px;height:12px; margin-right:7px;vertical-align:-1px;background:#2e4c9c;transition:height .2s ease} .adv1 a.yw-item:hover b{color:#2e4c9c} .adv1 a.yw-item:hover b::before{height:15px} .adv1 a.yw-item i{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;margin-top:7px;font-style:normal;font-size:11.5px;line-height:1.7;color:#8b929d} @media (max-width:760px){ .adv1 .yw-wrap{grid-template-columns:1fr;height:auto} .adv1 a.yw-item{flex:0 0 auto} } /* ===== 三幅立轴：宣纸 + 深铜轴杆（铜帽）+ 回纹题额 + 朱印（yw 六条目板块） ===== */ .adv1 .yw-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:auto;min-height:325px;margin-top:10px} .adv1 .yw-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden; padding:9px 0;border:1px solid rgba(191,160,97,.55);border-radius:2px; background:radial-gradient(132% 94% at 50% -16%,rgba(255,255,255,.95),rgba(255,255,255,0) 60%), linear-gradient(180deg,#fffdf5 0%,#faf2df 52%,#f3e6c8 100%); box-shadow:inset 0 0 0 3px rgba(201,162,39,.13),inset 0 0 0 1px rgba(255,255,255,.8), 0 2px 10px rgba(60,44,20,.08); transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease} /* 轴杆：深铜木 + 两端铜帽 + 内沿描金 */ .adv1 .yw-card::before,.adv1 .yw-card::after{content:"";position:absolute;left:0;right:0;height:8px;z-index:3; background: radial-gradient(circle at 6px 50%,#e0bd6c 0 2.4px,#b99349 2.4px 3.1px,transparent 3.3px), radial-gradient(circle at calc(100% - 6px) 50%,#e0bd6c 0 2.4px,#b99349 2.4px 3.1px,transparent 3.3px), linear-gradient(180deg,#5c4a33 0%,#3d2e1e 46%,#2b2013 100%); box-shadow:0 1px 4px rgba(40,28,12,.3)} .adv1 .yw-card::before{top:0;border-bottom:1px solid rgba(201,162,39,.5)} .adv1 .yw-card::after{bottom:0;border-top:1px solid rgba(201,162,39,.5)} .adv1 .yw-card:hover{transform:translateY(-2px);border-color:rgba(201,162,39,.85); box-shadow:inset 0 0 0 3px rgba(201,162,39,.2),inset 0 0 0 1px rgba(255,255,255,.8), 0 12px 26px rgba(60,44,20,.16)} /* 题额：回纹链 + 「卷X」朱印 */ .adv1 .yw-fig{position:relative;flex:0 0 auto;height:46px;display:flex;align-items:center;justify-content:center; gap:8px;overflow:visible;background:none;border:0;text-align:center} .adv1 .yw-fig::before,.adv1 .yw-fig::after{content:"";position:static;left:auto;right:auto;bottom:auto;top:auto; width:44px;height:10px;opacity:.5; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x center/13px 10px} .adv1 .yw-no{position:static;left:auto;bottom:auto;width:27px;height:40px;display:grid;place-items:center; padding:0;border-radius:1px;background:linear-gradient(160deg,#ad3a2c,#8c1f16); color:#f8eed2;font:700 11.5px/1 "SimSun","STSong","NSimSun",serif;letter-spacing:.16em; writing-mode:vertical-rl;text-orientation:upright; box-shadow:inset 0 0 0 1px rgba(248,238,210,.36),0 1px 3px rgba(90,20,12,.22)} /* 条目：朱印序号 + 宋体标题 + 淡墨说明 */ .adv1 .yw-list{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 14px} .adv1 a.yw-item{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center; padding:11px 0 10px 34px;text-decoration:none;background:none;transition:background .22s ease} .adv1 a.yw-item + a.yw-item{border-top:1px solid rgba(201,162,39,.34)} .adv1 a.yw-item + a.yw-item::after{content:"";position:absolute;left:50%;top:-3px;width:5px;height:5px; background:#b23a2b;transform:translateX(-50%) rotate(45deg);opacity:.8} .adv1 a.yw-item:hover{background:none} .adv1 a.yw-item::before{content:"";position:absolute;left:0;top:15px;width:23px;height:23px; display:grid;place-items:center;border-radius:1px; background:linear-gradient(160deg,#b23a2b,#8f2118);color:#f8eed2; font:700 11.5px/1 "SimSun","STSong","NSimSun",serif; box-shadow:inset 0 0 0 1px rgba(248,238,210,.3)} .adv1 .yw-card:nth-child(1) a.yw-item:nth-child(1)::before{content:"壹"} .adv1 .yw-card:nth-child(1) a.yw-item:nth-child(2)::before{content:"贰"} .adv1 .yw-card:nth-child(2) a.yw-item:nth-child(1)::before{content:"叁"} .adv1 .yw-card:nth-child(2) a.yw-item:nth-child(2)::before{content:"肆"} .adv1 .yw-card:nth-child(3) a.yw-item:nth-child(1)::before{content:"伍"} .adv1 .yw-card:nth-child(3) a.yw-item:nth-child(2)::before{content:"陆"} .adv1 a.yw-item b{display:block;font-family:"SimSun","STSong","NSimSun",serif;font-size:17px;font-weight:400; line-height:1.3;color:#1f2b24;letter-spacing:.1em;margin-bottom:5px;transition:color .22s ease} .adv1 a.yw-item b::before{display:none} .adv1 a.yw-item i{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden; margin-top:0;font-style:normal;font-size:12.4px;line-height:1.74;color:#5c5445; font-family:"SimSun","STSong","NSimSun",serif;letter-spacing:.01em} .adv1 a.yw-item:hover b{color:#a02b20} .adv1 .yw-card:hover .yw-no{background:linear-gradient(160deg,#c04331,#96241a)} @media (max-width:1200px){ .adv1 .yw-wrap{gap:10px} .adv1 .yw-fig{height:50px;gap:6px} .adv1 .yw-fig::before,.adv1 .yw-fig::after{width:34px} .adv1 .yw-list{padding:0 11px} .adv1 a.yw-item{padding:12px 0 11px 30px} .adv1 a.yw-item::before{width:20px;height:20px;font-size:10px;top:13px} .adv1 a.yw-item b{font-size:15.5px;letter-spacing:.06em} .adv1 a.yw-item i{font-size:11.8px;line-height:1.74} } @media (max-width:1024px){ .adv1 .yw-fig{height:46px;gap:5px} .adv1 .yw-fig::before,.adv1 .yw-fig::after{width:20px;background-size:11px 9px} .adv1 .yw-no{width:24px;height:34px;font-size:10.5px;letter-spacing:.1em} .adv1 a.yw-item{padding-top:11px;padding-bottom:10px} .adv1 a.yw-item i{font-size:11.2px;line-height:1.72} } /* ===== 栏目头 tit4 系列：宣纸签条 + 朱漆书脊 + 朱漆压线 + 通栏描金底线 ===== */ .tit4{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;gap:8px; box-sizing:border-box;min-height:38px;padding-bottom:4px;border-bottom:1px solid rgba(201,162,39,.32); overflow:visible;clear:both} .tit4::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none; background:linear-gradient(90deg,rgba(201,162,39,.6),rgba(201,162,39,.16) 58%,rgba(201,162,39,0))} .tit4_p2,.tit4_p1{position:relative;float:none;display:block;flex:0 1 auto;min-width:0; padding:2px 14px 3px 16px;flex:0 1 auto;border:1px solid rgba(186,150,80,.72);border-radius:1px; color:#22302a; background-image:linear-gradient(90deg,#b23a2b,#8c1f16),linear-gradient(180deg,#fffdf3 0%,#f7ead0 62%,#ecd8ae 100%); background-size:100% 3px,100% 100%;background-position:left bottom,left top;background-repeat:no-repeat; font-family:"SimSun","STSong","NSimSun",serif;font-weight:400;line-height:1.22;letter-spacing:.12em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; box-shadow:inset 0 0 0 1px rgba(201,162,39,.22),inset 0 0 0 2px rgba(255,255,255,.62),0 1px 2px rgba(90,66,28,.08)} .tit4_p2{font-size:21px} .tit4_p2.tt4{font-size:18px;letter-spacing:.02em} .tit4_p1{font-size:21px} .tit4_p2::before,.tit4_p1::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px; background:linear-gradient(180deg,#c8493c,#8c1f16)} .tit4 .t4-chain{flex:1 1 0;max-width:240px;min-width:16px;align-self:center;height:10px;margin:0 6px 4px; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x left center/15px 11px;opacity:.5} .tit4 .more1,.tit4 .znzx-more{float:none;flex:0 0 auto;margin:0 0 3px auto;padding-top:0; font-family:"SimSun","STSong","NSimSun",serif;font-size:13px;line-height:1;letter-spacing:.08em; color:#6f5729;text-decoration:none;display:inline-flex;align-items:center;gap:3px} .tit4 .more1::after{content:"\203A";font-size:14px;line-height:1;color:#b23a2b} .tit4 .more1:hover,.tit4 .znzx-more:hover{color:#a02b20} .tit4 .znzx-more b{color:#b23a2b;font-weight:400} .tit4 .znzx-en{color:#a3906a;letter-spacing:.2em} @media (max-width:1200px){ .tit4_p2{font-size:19px} .tit4_p2.tt4{font-size:16px;letter-spacing:0} .tit4_p1{font-size:19px} .tit4_p2,.tit4_p1{padding:2px 12px 3px 14px} } @media (max-width:900px){ .tit4_p2.tt4{font-size:15px} .tit4 .t4-chain{max-width:90px;min-width:10px} } @media (max-width:768px){ .tit4{box-sizing:border-box;min-height:34px;padding-bottom:3px} .tit4_p2,.tit4_p1{font-size:17px;letter-spacing:.08em;padding:2px 10px 3px 12px} .tit4_p2.tt4{font-size:15px} .tit4 .more1,.tit4 .znzx-more{font-size:12px} } /* ===== 中医养生：六幅图文卡（宣纸装裱 + 朱印序号） ===== */ .ys-wrap{padding:24px 0 8px} .ys-lead{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 24px; font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:13.5px;color:#8a7550;letter-spacing:.22em;text-indent:.22em;white-space:nowrap;text-wrap:balance} .ys-lead i{display:block;width:56px;height:1px;flex:0 0 auto; background:linear-gradient(90deg,rgba(176,140,58,0),rgba(176,140,58,.58))} .ys-lead i:last-child{transform:scaleX(-1)} .ys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .ys-card{position:relative;display:block;padding:8px;text-decoration:none; background:linear-gradient(180deg,#fffdf7 0%,#faf2df 100%); border:1px solid rgba(201,162,39,.34); box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 2px 6px rgba(31,43,36,.045); transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease} .ys-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none; background:linear-gradient(90deg,rgba(160,43,32,0),rgba(160,43,32,.5) 24%,rgba(201,73,60,.6) 50%,rgba(160,43,32,.5) 76%,rgba(160,43,32,0))} .ys-card::after{content:"";position:absolute;inset:3px;border:1px solid rgba(201,162,39,.15);pointer-events:none} .ys-card:hover{transform:translateY(-3px);border-color:rgba(201,162,39,.66); box-shadow:0 12px 24px rgba(31,43,36,.11)} .ys-pic{position:relative;display:block;overflow:hidden;background:#efe7d4; border-bottom:1px solid rgba(201,162,39,.3)} .ys-pic img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover; filter:saturate(.95) contrast(1.02); transition:transform .65s cubic-bezier(.2,.7,.2,1)} .ys-pic::after{content:"";position:absolute;inset:0;pointer-events:none; box-shadow:inset 0 0 0 1px rgba(120,95,50,.14),inset 0 -22px 26px -18px rgba(90,60,20,.22)} .ys-card:hover .ys-pic img{transform:scale(1.045)} .ys-seal{position:absolute;left:9px;bottom:9px;width:26px;height:26px;font-style:normal; background:linear-gradient(180deg,#b23a2b,#8c1f16);color:#fdf3dd; font-family:"Source Han Serif SC","STSong","SimSun",serif;font-size:14px;line-height:26px;text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,240,210,.3);letter-spacing:0; transition:transform .28s ease} .ys-card:hover .ys-seal{transform:translateY(-1px) scale(1.06)} .ys-body{display:block;padding:14px 6px 7px} .ys-t{display:block;font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:19px;font-weight:400;letter-spacing:.12em;color:#1f2b24;transition:color .2s ease} .ys-t::before{content:"";display:inline-block;width:3px;height:13px;margin-right:10px;vertical-align:-1px; background:linear-gradient(180deg,#c8493c,#8c1f16)} .ys-d{display:block;margin-top:8px;padding-left:13px;font-style:normal;line-height:1.85; font-family:"Source Han Serif SC","STSong","SimSun",serif; font-size:12.5px;letter-spacing:.1em;color:#7d7460} .ys-card:hover .ys-t{color:#a52c22} @media (max-width:1200px){ .ys-grid{gap:18px} .ys-t{font-size:17px} .ys-d{font-size:12px;letter-spacing:.06em} .ys-lead{font-size:12.5px;letter-spacing:.16em} } @media (max-width:900px){ .ys-grid{grid-template-columns:repeat(2,1fr);gap:16px} } @media (max-width:560px){ .ys-grid{grid-template-columns:1fr;gap:14px} .ys-lead{font-size:11.5px;letter-spacing:.06em;gap:0;white-space:normal;text-align:center; line-height:1.95;text-indent:0;padding:0 6px;text-wrap:balance} .ys-lead i{display:none} .ys-t{font-size:18px} } /* ========================================================================== tcm-portal 站群组件层（T18） 目的：把 tcm.mba 中国风镜像接入站群数据管线后，新增/变化的组件统一样式： logo 数据交换 / 广告位 / 回到顶部 / 相关阅读 / 上下篇 / 站点地图 / 元信息 色系：墨 #1f2b24 · 朱 #a02b20 · 金 #c9a227 · 纸 #fffdf5 纪律：只做覆盖与新增，不改既有板块版式；断点沿用 1440/1200/1024/900/768/560/430 ========================================================================== */ /* -------------------------------------------------------------------------- 1. 站头 logo（数据交换：site.logo 有图走图，无图走印章字文字标识） -------------------------------------------------------------------------- */ .logo_p1{max-width:52%} .logo_p1>a{display:block;line-height:0;text-decoration:none} .logo_p1 img.site-logo{display:block;max-height:66px;max-width:100%;width:auto;height:auto; filter:drop-shadow(0 1px 0 rgba(201,162,39,.28))} a.logo-txt{display:grid!important;grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto auto;align-items:center;column-gap:13px; padding:16px 0 15px;line-height:1.15;text-decoration:none} .logo-txt .lt-mark{grid-column:1;grid-row:1 / span 2; display:flex;align-items:center;justify-content:center; width:48px;height:48px;font-family:var(--cn-serif);font-size:27px;font-weight:400; color:#fff6e2;letter-spacing:0; background:linear-gradient(160deg,#b23325 0%,#9a2a1e 46%,#8c1f16 100%); border-radius:7px; box-shadow:inset 0 0 0 1px rgba(255,244,214,.5),inset 0 -3px 0 rgba(0,0,0,.14), 0 2px 7px rgba(140,31,22,.26)} .logo-txt .lt-name{grid-column:2;grid-row:1; font-family:var(--cn-serif);font-size:30px;font-weight:400;letter-spacing:.1em; color:var(--cn-ink);white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.8)} .logo-txt .lt-sub{grid-column:2;grid-row:2; margin-top:3px;font-size:10px;letter-spacing:.2em;color:#9c8f74; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:"Helvetica Neue",Arial,sans-serif} .logo-txt:hover .lt-name{color:var(--cn-zhu)} .logo-txt:hover .lt-mark{background:linear-gradient(160deg,#c8493c 0%,#a8301f 46%,#8c1f16 100%)} /* 站内标语横幅（1300×140，随主题发布为 banner.jpg） */ .tcm-banner-img{display:block;width:100%;height:auto} /* 页脚朱印文字：随站点名联动（镜像里硬编码「岐黄」，站群上不可写死） */ .fbg::after{content:var(--cn-seal,"岐黄")} /* -------------------------------------------------------------------------- 2. 广告位（.tcm-ad[data-slot]）：有图渲图链，无图渲招租态；容器恒存在 -------------------------------------------------------------------------- */.tcm-ad{clear:both;width:100%;max-width:1300px;margin:22px auto;text-align:center} .tcm-ad img{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:2px; box-shadow:0 6px 18px rgba(31,43,36,.1)} .tcm-ad>a{display:block;text-decoration:none} .tcm-ad-empty>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px; min-height:80px;padding:16px 22px;text-decoration:none; background: repeating-linear-gradient(135deg,rgba(201,162,39,.055) 0 9px,transparent 9px 18px), var(--cn-paper); border:1px dashed rgba(160,43,32,.32); transition:border-color .22s ease,background-color .22s ease} .tcm-ad-empty b{font-family:var(--cn-serif);font-size:17px;font-weight:400;letter-spacing:.24em; color:var(--cn-zhu-d);text-indent:.24em} .tcm-ad-empty span{font-size:12px;letter-spacing:.14em;color:#9c8f74} .tcm-ad-empty>a:hover{border-color:rgba(160,43,32,.66);background-color:#fff9ec} .tcm-ad-empty>a:hover b{color:var(--cn-zhu-l)} /* 栏内窄位（侧栏 18%）与页脚上方通栏 */ .ny_left .tcm-ad{margin:14px 0 0;max-width:100%} .ny_left .tcm-ad-empty>a{min-height:130px;padding:14px 10px} .ny_left .tcm-ad-empty b{font-size:14px;letter-spacing:.16em;text-indent:.16em} .ny_left .tcm-ad-empty span{font-size:11px;letter-spacing:.06em} .ny_right>.tcm-ad{margin:0 0 18px} .main>.tcm-ad,.main .tcm-ad--foot{margin:26px 0 4px} /* -------------------------------------------------------------------------- 3. 回到顶部（滚动 > 600px 出现；tcm.js 切 .is-on） -------------------------------------------------------------------------- */ #tcm-backtop{position:fixed;right:26px;bottom:34px;z-index:9998; display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0; border:0;border-radius:50%;cursor:pointer;color:#f7ecd0; background:radial-gradient(circle at 34% 28%,#3d5b4c 0%,#1f3229 58%,#12211a 100%); box-shadow:0 0 0 1px rgba(201,162,39,.6),0 8px 22px rgba(14,28,21,.3); opacity:0;visibility:hidden;transform:translateY(12px); transition:opacity .28s ease,transform .28s ease,visibility .28s ease, box-shadow .28s ease,background .28s ease; -webkit-tap-highlight-color:transparent} #tcm-backtop::after{content:"";position:absolute;inset:-5px;border-radius:50%; border:1px solid rgba(201,162,39,.34);pointer-events:none; transition:border-color .28s ease} #tcm-backtop.is-on{opacity:1;visibility:visible;transform:none} #tcm-backtop:hover{background:radial-gradient(circle at 34% 28%,#c4453a 0%,#9a2a1e 58%,#7c150e 100%); box-shadow:0 0 0 1px rgba(201,162,39,.92),0 10px 26px rgba(140,31,22,.36)} #tcm-backtop:hover::after{border-color:rgba(201,162,39,.72)} #tcm-backtop:focus-visible{outline:2px solid rgba(201,162,39,.9);outline-offset:3px} #tcm-backtop svg{display:block;transition:transform .28s ease} #tcm-backtop:hover svg{transform:translateY(-2px)} /* -------------------------------------------------------------------------- 4. 文章页：元信息 / 相关阅读 / 上下篇 / 声明 -------------------------------------------------------------------------- */ .newsinfo{font-size:13px;line-height:2.5;color:#8b8271;text-align:center; padding:0 0 9px;margin-bottom:16px; border-bottom:1px solid rgba(201,162,39,.3)} .newsinfo .mi{display:inline-block;font-size:13px;letter-spacing:.04em;color:#8b8271} .newsinfo .mi+.mi{position:relative;margin-left:18px} .newsinfo .mi+.mi::before{content:"";position:absolute;left:-10px;top:50%; width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:rgba(201,162,39,.9)} .tcm-side-rec{margin-top:16px;background:var(--cn-paper); border:1px solid rgba(201,162,39,.3); box-shadow:0 2px 0 rgba(201,162,39,.06)} .tcm-side-rec h3{position:relative;margin:0;padding:11px 12px 11px 27px; font-family:var(--cn-serif);font-size:16px;font-weight:400;letter-spacing:.16em; color:#f5ead0;background:linear-gradient(180deg,#33503f 0%,#24382d 60%,#1b2d24 100%); border-bottom:2px solid var(--cn-zhu)} .tcm-side-rec h3::before{content:"";position:absolute;left:12px;top:50%; width:3px;height:13px;margin-top:-6.5px;border-radius:1px; background:linear-gradient(180deg,#e0c164,#c9a227)} .tcm-side-rec ul{list-style:none;margin:0;padding:7px 11px 11px} .tcm-side-rec li{padding:7px 0;border-bottom:1px dashed rgba(201,162,39,.24);line-height:1.65} .tcm-side-rec li:last-child{border-bottom:0} .tcm-side-rec li a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:2;font-size:13px;color:#3d4b42;text-decoration:none; transition:color .2s ease} .tcm-side-rec li a:hover{color:var(--cn-zhu)} .tcm-prevnext{clear:both;margin:20px 0 8px;padding:15px 17px 14px; background:var(--cn-paper);border:1px solid rgba(201,162,39,.28); border-left:3px solid var(--cn-zhu)} .tcm-prevnext p{display:flex;align-items:flex-start;gap:11px;margin:0 0 9px; font-size:14px;line-height:1.75} .tcm-prevnext p:last-of-type{margin-bottom:0} .tcm-prevnext i{flex:0 0 auto;margin-top:3px;padding:1px 8px; font-family:var(--cn-serif);font-style:normal;font-size:12px;letter-spacing:.1em; color:var(--cn-zhu-d);background:rgba(201,162,39,.1); border:1px solid rgba(160,43,32,.32);border-radius:1px} .tcm-prevnext a{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#36453c;text-decoration:none;transition:color .2s ease} .tcm-prevnext a:hover{color:var(--cn-zhu)} .tcm-prevnext span{flex:1 1 auto;color:#a09884} .tcm-decl{margin-top:13px;padding-top:12px;border-top:1px dashed rgba(201,162,39,.34); font-size:12.5px;line-height:1.95;color:#8d8574;letter-spacing:.02em} /* -------------------------------------------------------------------------- 5. 站点地图 -------------------------------------------------------------------------- */ .tcm-map{display:block;margin:10px 0 6px;padding:0} .tcm-map-wide + .tcm-map-wide{margin-top:30px} .tcm-map-sec h3{margin:0 0 12px;padding-left:11px;border-left:3px solid var(--cn-zhu); font-family:var(--cn-serif);font-size:17px;font-weight:400;letter-spacing:.14em;color:var(--cn-ink)} /* 栏目导航：卡片网格 */ .tcm-map-cats{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px 14px;margin:0;padding:0} .tcm-map-cats li a{display:block;padding:11px 13px;text-decoration:none; font-family:var(--cn-serif);font-size:15px;letter-spacing:.1em;color:#2f4036; background:var(--cn-paper);border:1px solid rgba(201,162,39,.28); border-left:2px solid rgba(160,43,32,.55); white-space:nowrap;overflow:hidden;text-overflow:ellipsis; transition:border-color .2s ease,background-color .2s ease,color .2s ease} .tcm-map-cats li a:hover{color:var(--cn-zhu);background:#fff9ec;border-color:rgba(160,43,32,.5)} /* 最新发布：双列题名 + 日期 */ .tcm-map-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 30px;margin:0;padding:0} .tcm-map-list li{display:flex;align-items:baseline;gap:12px;padding:9px 0; border-bottom:1px dotted rgba(31,43,36,.16)} .tcm-map-list li a{flex:1 1 auto;min-width:0;text-decoration:none; font-family:var(--cn-serif);font-size:14.5px;letter-spacing:.03em;color:#2f4036; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; transition:color .2s ease} .tcm-map-list li a:hover{color:var(--cn-zhu)} .tcm-map-list time{flex:0 0 auto;font-size:12px;color:#98a094;letter-spacing:.04em} /* 单页正文（关于本网 / 免责声明）小标题 */ .tcm-doc-h{margin:4px 0 14px;font-family:var(--cn-serif);font-size:24px;font-weight:400; letter-spacing:.12em;color:var(--cn-ink);text-align:center} .tcm-doc-h2{margin:26px 0 8px;padding-left:12px;border-left:3px solid rgba(160,43,32,.6); font-family:var(--cn-serif);font-size:17px;font-weight:400;letter-spacing:.1em;color:var(--cn-ink)} /* -------------------------------------------------------------------------- 6. 导航（12 项：首页 + 11 栏目）—— 原 float+width:10% 会溢出，改 flex 均分 -------------------------------------------------------------------------- */ .nav_c{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch} .nav_c>.clear{display:none} .nav_c .nav_1{float:none;flex:1 1 0;width:auto;min-width:0;position:relative} .nav_c .nav_1a{display:block;padding:0 5px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;text-decoration:none} /* -------------------------------------------------------------------------- 7. 站内检索页（/search.html） -------------------------------------------------------------------------- */ .tcm-search{clear:both;padding:4px 0 10px} .tcm-search-form{display:flex;align-items:stretch;gap:10px;max-width:720px} .tcm-search-form input[type="search"]{-webkit-appearance:none;appearance:none; flex:1 1 auto;min-width:0;height:46px;padding:0 16px;font-size:15px; font-family:var(--cn-serif);letter-spacing:.04em;color:#2f4036; background:var(--cn-paper);border:1px solid rgba(201,162,39,.42);border-radius:2px; transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease} .tcm-search-form input[type="search"]::placeholder{color:#a9a08c;letter-spacing:.02em} .tcm-search-form input[type="search"]:focus{outline:none;background:#fffef9; border-color:rgba(201,162,39,.9);box-shadow:0 0 0 3px rgba(201,162,39,.14)} .tcm-search-form button{flex:0 0 auto;height:46px;min-width:104px;padding:0 22px;cursor:pointer; font-family:var(--cn-serif);font-size:16px;letter-spacing:.2em;text-indent:.2em; color:#f8eed2;border:1px solid #8c1f16;border-radius:2px; background:linear-gradient(180deg,#b23a2b 0%,#9a2a1e 52%,#8c1f16 100%); box-shadow:inset 0 1px 0 rgba(255,226,190,.24); transition:filter .2s ease,box-shadow .2s ease} .tcm-search-form button:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,226,190,.3), 0 4px 12px rgba(140,31,22,.24)} .tcm-search-tip{margin:12px 0 4px;font-size:12.5px;letter-spacing:.06em;color:#9c9179} .tcm-search-tip b{font-family:var(--cn-serif);font-size:15px;font-weight:400; color:var(--cn-zhu);margin:0 2px} .tcm-search-list{list-style:none;margin:0;padding:0} .tcm-search-list li{border-bottom:1px dashed rgba(201,162,39,.26)} .tcm-search-list li:first-child{border-top:1px dashed rgba(201,162,39,.26)} .tcm-search-list a{display:flex;align-items:baseline;justify-content:space-between;gap:18px; padding:12px 4px 12px 18px;position:relative;text-decoration:none; transition:background-color .2s ease,padding-left .2s ease} .tcm-search-list a::before{content:"";position:absolute;left:2px;top:50%; width:4px;height:4px;margin-top:-2px;border-radius:50%; background:rgba(201,162,39,.75)} .tcm-search-list a:hover{background:#fff9ec;padding-left:22px} .tcm-search-list .s-t{flex:1 1 auto;min-width:0;font-size:15px;line-height:1.7;color:#33443a; font-family:var(--cn-serif);letter-spacing:.03em; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tcm-search-list a:hover .s-t{color:var(--cn-zhu)} .tcm-search-list .s-t mark{background:rgba(201,162,39,.26);color:var(--cn-zhu-d); padding:0 1px;border-radius:1px} .tcm-search-list .s-m{flex:0 0 auto;display:flex;align-items:baseline;gap:12px; font-size:12px;color:#a39a85} .tcm-search-list .s-m em{font-style:normal;padding:1px 8px;letter-spacing:.08em; color:#7c6a45;background:rgba(201,162,39,.12); border:1px solid rgba(201,162,39,.3);border-radius:1px} .tcm-search-list .s-m i{font-style:normal;letter-spacing:.04em; font-family:"Helvetica Neue",Arial,sans-serif} .tcm-search-empty{margin:26px 0 6px;font-size:14px;letter-spacing:.08em;color:#a09884; text-align:center} @media screen and (max-width:900px){ .tcm-search-form{max-width:100%} .tcm-search-form input[type="search"]{height:44px;font-size:14px} .tcm-search-form button{height:44px;min-width:88px;padding:0 16px;font-size:15px; letter-spacing:.14em} } @media screen and (max-width:560px){ .tcm-search-list a{flex-wrap:wrap;gap:2px 10px;padding:11px 4px 11px 16px} .tcm-search-list .s-t{flex:1 0 100%;white-space:normal; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .tcm-search-list .s-m{gap:8px} } /* -------------------------------------------------------------------------- 7. 移动端（≤1023px 站头切换为 .cai 抽屉）：logo 文字标识 + 抽屉箭头 -------------------------------------------------------------------------- */ @media screen and (max-width:1023px){ .cai .head_logo{max-width:74%} .head_logo a.logo-txt{display:grid!important;padding:9px 10px 8px;column-gap:9px} .head_logo .lt-mark{width:34px;height:34px;font-size:19px;border-radius:5px; box-shadow:inset 0 0 0 1px rgba(255,244,214,.42),0 1px 4px rgba(140,31,22,.22)} .head_logo .lt-name{font-size:19px;letter-spacing:.08em} .head_logo .lt-sub{font-size:9px;letter-spacing:.14em;margin-top:2px} .head_logo img.site-logo{max-height:44px} /* 原箭头图 jl.png 未随主题发布；抽屉项由 DB 重建后已无二级 dl ⇒ 直接去图 */ .mnav li{background-image:none} } @media screen and (max-width:900px){ #tcm-backtop{right:16px;bottom:22px;width:42px;height:42px} #tcm-backtop svg{width:15px;height:15px} .tcm-map-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px} .tcm-map-list{gap:0 22px} .tcm-ad{margin:16px auto} .tcm-prevnext{padding:13px 13px 12px} .tcm-prevnext p{font-size:13px} } @media screen and (max-width:560px){ #tcm-backtop{right:12px;bottom:16px;width:40px;height:40px} #tcm-backtop::after{inset:-4px} .tcm-map-cats{grid-template-columns:minmax(0,1fr);gap:7px} .tcm-map-list{grid-template-columns:minmax(0,1fr)} .tcm-map-wide + .tcm-map-wide{margin-top:22px} .tcm-map-sec h3{font-size:16px} .tcm-map-cats li a{font-size:14px;padding:9px 11px;letter-spacing:.06em} .tcm-map-list li{padding:8px 0} .tcm-map-list li a{font-size:13.5px} .tcm-doc-h{font-size:20px} .tcm-doc-h2{font-size:16px;margin-top:20px} .tcm-ad-empty>a{min-height:70px;padding:13px 14px} .tcm-ad-empty b{font-size:15px;letter-spacing:.18em;text-indent:.18em} .tcm-ad-empty span{font-size:11px} .newsinfo{line-height:2.2} .newsinfo .mi{font-size:12px} .newsinfo .mi+.mi{margin-left:14px} .newsinfo .mi+.mi::before{left:-8px} .tcm-decl{font-size:12px} } /* -------------------------------------------------------------------------- 9. 文章标题语义化（h1）：tcm.css 里 .newstitle 已定字号/居中，这里只归零 h1 默认盒模型 -------------------------------------------------------------------------- */ h1.newstitle{margin:16px 0 2px;font-weight:400;display:block} h1.newstitle::after{margin-left:auto;margin-right:auto} /* 顶部通栏贴着标题时留白收紧（标题在上方时不再需要上间距） */ .tcm-ad[data-slot="article_head_ad"]{margin-top:0} /* -------------------------------------------------------------------------- 10. 移动端左栏收起（R-TCM-21） 骨架在 ≤768 把 .ny_left/.ny_right 都铺成 98% 宽并左浮动，于是 11 条栏目导航 + 竖幅广告会整块顶在正文之前（实测栏目页首屏全是导航、文章列表掉到第二屏）。 手机端导航已由汉堡抽屉承担 ⇒ 直接隐藏左栏；文章页「相关阅读」另挂 .tcm-mobile-rec 补位。 -------------------------------------------------------------------------- */ .tcm-mobile-rec{display:none} @media screen and (max-width:768px){ .ny_left{display:none!important} .tcm-mobile-rec{display:block;margin-top:26px} .tcm-mobile-rec .tcm-side-rec{margin:0} } /* 手机端不展示 1050×80 / 1300×90 通栏：等比压到 358 宽后正文完全不可读（实测）， 与其糊成一团不如让位给内容；竖幅 300×250 随 .ny_left 一起收起。 */ @media screen and (max-width:768px){ .tcm-ad[data-slot="home_foot_ad"], .tcm-ad[data-slot="list_top_banner_ad"], .tcm-ad[data-slot="article_head_ad"]{display:none} } /* -------------------------------------------------------------------------- 11. 头部站内检索（R-TCM-22）：宣纸底 + 朱漆双线 + 金角回纹 + 印章 + 毛笔底线 原样式 = `.logo_p2{border:1px solid #ddd;border-radius:10px;background:#fafafa}` 的 灰白胶囊 + sear.jpg 放大镜，纯 Bootstrap 观感，与整站水墨/朱漆/金线完全脱节。 位置：由 float:right + margin-top:40px 的「悬浮在右中」改为贴 right/bottom 的 绝对定位 —— 与 logo 基线同落底部，离导航条 12px，视觉上「压住」页头右下角。 -------------------------------------------------------------------------- */ .logo_p2{position:absolute;right:0;bottom:10px;float:none;width:380px; margin:0;padding:0;border:0;border-radius:0;background:none;z-index:4} .tcm-sear{position:relative;display:flex;align-items:stretch;height:50px; background: radial-gradient(140% 180% at 0% 118%,rgba(31,43,36,.055) 0%,rgba(31,43,36,0) 58%), linear-gradient(180deg,#fffef9 0%,#fdf8ec 100%); border:1px solid rgba(160,43,32,.42);border-radius:2px; box-shadow:inset 0 0 0 1px rgba(201,162,39,.30),inset 0 1px 0 rgba(255,255,255,.92), 0 3px 12px rgba(31,43,36,.07); transition:border-color .24s ease,box-shadow .24s ease,background .24s ease} /* 装裱式外框（匾额双线）：外扩一圈金线，与 1px 朱框 + 内嵌金线构成三重线 */ .tcm-sear::after{content:"";position:absolute;inset:-5px;pointer-events:none; border:1px solid rgba(201,162,39,.40);border-radius:3px; opacity:.8;transition:opacity .24s ease,border-color .24s ease} .tcm-sear:hover{border-color:rgba(160,43,32,.64); box-shadow:inset 0 0 0 1px rgba(201,162,39,.46),0 6px 18px rgba(31,43,36,.10)} .tcm-sear:hover::after{opacity:.72} .tcm-sear:focus-within{border-color:rgba(160,43,32,.86); background:linear-gradient(180deg,#fff 0%,#fffdf4 100%); box-shadow:inset 0 0 0 1px rgba(201,162,39,.58),0 0 0 3px rgba(201,162,39,.16), 0 6px 18px rgba(31,43,36,.10)} .tcm-sear:focus-within::after{opacity:1;border-color:rgba(201,162,39,.72)} /* 左端朱漆印章「寻」 */ .tcm-sear-seal{flex:0 0 48px;display:flex;align-items:center;justify-content:center; font-family:var(--cn-serif);font-size:23px;line-height:1;color:#fff6e6; background:linear-gradient(160deg,#b23325 0%,#9a2a1e 52%,#841c14 100%); box-shadow:inset 0 0 0 3px rgba(255,246,230,.22),inset 0 0 20px rgba(0,0,0,.18); border-right:2px solid rgba(201,162,39,.55);border-radius:1px 0 0 1px; user-select:none;transition:filter .24s ease} .tcm-sear:focus-within .tcm-sear-seal{filter:brightness(1.06)} /* 输入区 */ .tcm-sear .sear1{flex:1 1 auto;min-width:0;height:100%;line-height:48px;padding:0 15px; border:0!important;border-radius:0;background:transparent!important; font-family:var(--cn-serif);font-size:15px;letter-spacing:.06em;color:#2f3b33; box-shadow:none!important} .tcm-sear .sear1:focus{outline:none;background:transparent!important;box-shadow:none!important} .tcm-sear .sear1::placeholder{font-family:"KaiTi","STKaiti","Kaiti SC",var(--cn-serif); font-size:13px;letter-spacing:.08em;color:#a79b84} /* 右端朱漆按钮 */ .tcm-sear .sear2{flex:0 0 92px;height:100%;padding:0;border:0;cursor:pointer; border-left:2px solid rgba(201,162,39,.55);border-radius:0 1px 1px 0; background:linear-gradient(160deg,#a83326 0%,#8f271c 100%); color:#fff6e6;font-family:var(--cn-serif);font-size:15px;letter-spacing:.26em; text-indent:.26em;transition:background .24s ease,color .24s ease} .tcm-sear .sear2:hover{background:linear-gradient(160deg,#bd3b2c 0%,#9d2c1f 100%);color:#fffdf3} .tcm-sear .sear2:active{background:linear-gradient(160deg,#8c2318 0%,#76150e 100%)} /* 窄桌面（1024–1099）：缩一点，别顶到 logo */ @media screen and (max-width:1099px){ .logo_p2{width:320px} .tcm-sear{height:44px} .tcm-sear .sear1{line-height:42px;font-size:14px;padding:0 12px} .tcm-sear .sear1::placeholder{font-size:12px;letter-spacing:.04em} .tcm-sear-seal{flex-basis:42px;font-size:21px} .tcm-sear .sear2{flex-basis:78px;font-size:14px} } /* ========================================================================== 第 12 节 焦点图「中堂装裱」+ 板块左右等高（R-TCM-23） - 等高：flex stretch 后 .qt 高度 == 右列 .yw-wrap 高度（原差 11/43/80px） - 视觉：宣纸装裱边 16px + 朱线金线 + 四角包角 + 竖排题签 + 朱印 + 菱纹指示器 - 无 .play 时标题仍可见，JS 只负责重播动画（旧版漏了 play ⇒ 标题恒 opacity:0） ========================================================================== */ /* ---- 12.1 左右等高 ---- */ /* 🔴 不能把 display:flex 下在 .main.pp1 上：该 div 一直包到页尾（h≈11000px）， flex 会把后面所有板块挤成一行。故在内部另起 .tcm-hero-row 承载两列。 */ @media (min-width:769px){ .tcm-hero-row{display:flex;align-items:stretch} .tcm-hero-row > .qq{float:none;flex:1 1 53%;width:53%;min-width:0;padding:10px 0;box-sizing:border-box} .tcm-hero-row > .adv1{float:none;flex:1 1 47%;width:47%;min-width:0;padding:10px 0;box-sizing:border-box} .tcm-hero-row > .adv1 .yw-wrap{margin-top:0} .tcm-hero-row > .qq .qt{height:100%;padding-bottom:0} } /* ---- 12.2 装裱画框：深棕木框(6) + 金线(1) + 米绫(9) + 内金线(1) = 17px ---- */ .tcm-hero .qt{--qf:17px} .tcm-hero .qt-frame{position:absolute;inset:0;z-index:7;pointer-events:none; box-shadow: inset 0 0 0 6px #3b2d1c, inset 0 0 0 7px rgba(201,162,39,.92), inset 0 0 0 15px #efe3c6, inset 0 0 0 16px rgba(201,162,39,.5), inset 0 0 0 17px rgba(120,95,50,.24)} /* 四角铜包角：画在最外木框上，8 条 4px 金线拼 L 形 */ .tcm-hero .qt-frame::before{content:"";position:absolute;inset:0;pointer-events:none; --c:#b8933f; background-image: linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)), linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)), linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)), linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)); background-repeat:no-repeat; background-size:22px 4px,4px 22px,22px 4px,4px 22px,22px 4px,4px 22px,22px 4px,4px 22px; background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%} /* 画心内沿：细褐线 + 四周淡墨晕，让照片融进纸里 */ .tcm-hero .qt-frame::after{content:"";position:absolute;inset:var(--qf,17px);pointer-events:none; box-shadow:inset 0 0 0 1px rgba(120,95,50,.26),inset 0 0 18px rgba(60,45,20,.16)} /* ---- 12.3 覆盖层与竖排题签 ---- */ .tcm-hero .qt .qt-cap{position:absolute;inset:var(--qf,17px);z-index:6;pointer-events:none} /* 左下墨晕：收窄到左下角，只压左带 + 底带（旧版 .97 太重，照片发闷） */ .tcm-hero .qt .qt-cap::before{content:"";position:absolute;inset:0;z-index:0; background: radial-gradient(46% 102% at -8% 100%,rgba(14,26,20,.82) 0%,rgba(14,26,20,.52) 26%,rgba(14,26,20,.18) 48%,rgba(14,26,20,0) 66%), linear-gradient(0deg,rgba(14,26,20,.44) 0%,rgba(14,26,20,.12) 17%,rgba(14,26,20,0) 32%)} .tcm-hero .qt .qt-cap::after{content:"";position:absolute;left:var(--mx,30%);top:var(--my,72%); width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;z-index:0;pointer-events:none; background:radial-gradient(circle,rgba(255,214,120,.13),rgba(255,214,120,0) 68%); transition:left .5s ease-out,top .5s ease-out} .tcm-hero .qt .qc-inner{position:absolute;left:14px;top:12px;right:14px;bottom:10px; width:auto;max-width:none;display:flex;align-items:flex-start;gap:14px; overflow:visible;will-change:auto;transition:none} /* 题签：宣纸签条 + 朱漆压顶 + 内描金 */ .tcm-hero .qt .qc-plate{position:relative;flex:0 0 auto;display:flex;flex-direction:column; align-items:center;padding:18px 12px 9px; background: radial-gradient(120% 44% at 50% 0%,rgba(255,255,255,.94),rgba(255,255,255,0) 64%), linear-gradient(180deg,#fffdf4 0%,#f8efd8 56%,#efe0bd 100%); border:1px solid rgba(160,43,32,.52); box-shadow: inset 0 0 0 2px rgba(201,162,39,.22), inset 0 0 0 3px rgba(255,255,255,.74), 0 8px 22px rgba(14,26,20,.30)} .tcm-hero .qt .qc-plate::before{content:"";position:absolute;left:6px;right:6px;top:0;height:3px; background:linear-gradient(90deg,rgba(160,43,32,.86),rgba(200,73,60,.96) 50%,rgba(160,43,32,.86))} .tcm-hero .qt .qc-plate::after{content:"";position:absolute;inset:3px;pointer-events:none; border:1px solid rgba(201,162,39,.15)} .tcm-hero .qt .qc-title{margin:0;opacity:1; writing-mode:vertical-rl;text-orientation:upright; font-size:19px;font-weight:400;line-height:1;letter-spacing:.18em; color:#1f2b24;text-shadow:0 1px 0 rgba(255,255,255,.6); -webkit-text-fill-color:currentColor;-webkit-text-stroke:0; background:none;filter:none;white-space:normal} .tcm-hero .qt .qc-seal{margin-top:8px;width:28px;height:28px;display:grid;place-items:center; writing-mode:vertical-rl;text-orientation:upright; background:linear-gradient(160deg,#b23325 0%,#8c1f16 100%);color:#fdf3dd; font-size:11px;line-height:1;letter-spacing:.02em; box-shadow:inset 0 0 0 1px rgba(253,243,221,.5),inset 0 0 0 3px rgba(140,31,22,.35), 0 1px 3px rgba(90,20,12,.30); opacity:1} /* 副题 + 按钮：贴画心左下，副题给墨色渐隐底衬保证可读 */ .tcm-hero .qt .qc-side{flex:1 1 auto;min-width:0;align-self:flex-end;display:flex; flex-direction:column;align-items:flex-start;gap:9px;padding-bottom:1px} .tcm-hero .qt .qc-meta{display:flex;align-items:center;gap:9px;margin:0 0 0 -6px;opacity:1; width:-moz-fit-content;width:fit-content;max-width:100%; padding:5px 30px 5px 10px; background:linear-gradient(90deg,rgba(12,22,17,.72) 0%,rgba(12,22,17,.46) 52%,rgba(12,22,17,0) 100%)} .tcm-hero .qt .qc-line{display:block;flex:0 0 auto;width:30px;height:1px; background:linear-gradient(90deg,#f7d98a,rgba(247,217,138,.06))} .tcm-hero .qt .qc-sub{font-size:11.5px;line-height:1.5;letter-spacing:.2em;white-space:nowrap; color:#ffeecb;text-shadow:0 1px 5px rgba(10,20,14,.75),0 0 14px rgba(10,20,14,.45)} .tcm-hero .qt a.qc-cta{pointer-events:auto;position:relative;isolation:isolate;overflow:hidden; display:inline-flex;align-items:center;gap:8px;margin:0; padding:7px 14px 7px 16px;border:1px solid rgba(201,162,39,.55);border-radius:1px; font-size:11.5px;letter-spacing:.18em;text-decoration:none; color:#fff6e6;background:linear-gradient(160deg,#a83326 0%,#8f271c 100%); box-shadow:inset 0 0 0 1px rgba(255,246,230,.16),0 3px 10px rgba(10,20,14,.34); transition:color .32s ease,border-color .32s ease,transform .32s ease} .tcm-hero .qt a.qc-cta em{font-style:normal;position:relative;z-index:1} .tcm-hero .qt a.qc-cta b{font-weight:400;position:relative;z-index:1;transition:transform .32s ease} .tcm-hero .qt a.qc-cta::before{content:"";position:absolute;inset:0;z-index:0; background:linear-gradient(100deg,#f0c96a,#fff6d8 52%,#e2b955); transform:translateX(-101%);transition:transform .46s cubic-bezier(.5,0,.2,1)} .tcm-hero .qt a.qc-cta:hover{color:#33100a;border-color:#f7d98a;transform:translateY(-1px)} .tcm-hero .qt a.qc-cta:hover::before{transform:translateX(0)} .tcm-hero .qt a.qc-cta:hover b{transform:translateX(3px)} /* ---- 12.4 轮播指示器：菱形朱纹（原 12px 白圆点） ---- */ .tcm-hero .qt .fullSlide .hd{right:26px;bottom:27px;height:auto;line-height:1;z-index:8} .tcm-hero .qt .fullSlide .hd ul{display:flex;align-items:center;width:auto;max-width:none} .tcm-hero .qt .fullSlide .hd ul li{width:9px;height:9px;margin:0 6px;border-radius:0; line-height:0;overflow:visible;opacity:1;transform:rotate(45deg); background:rgba(247,240,220,.42);border:1px solid rgba(240,215,154,.72); box-shadow:0 0 0 1px rgba(14,26,20,.30); transition:background .3s ease,box-shadow .3s ease,transform .3s ease} .tcm-hero .qt .fullSlide .hd ul li i{display:none} .tcm-hero .qt .fullSlide .hd ul .on{background:linear-gradient(160deg,#b23325 0%,#8c1f16 100%); border-color:rgba(240,215,154,.96);transform:rotate(45deg) scale(1.2); box-shadow:0 0 0 1px rgba(14,26,20,.32),0 0 12px rgba(201,162,39,.62)} /* ---- 12.5 入场动画（无 .play 时各元素保持可见，JS 只负责重播） ---- */ .tcm-hero .qt .qc-cta{opacity:1} .tcm-hero .qt .qc-sweep{position:absolute;top:-30%;bottom:-30%;left:0;width:52px;z-index:3;pointer-events:none; background:linear-gradient(100deg,rgba(255,246,214,0),rgba(255,246,214,.42),rgba(255,246,214,0)); transform:skewX(-16deg) translateX(-150px);filter:blur(3px);mix-blend-mode:soft-light; animation:qcSweep 7.2s cubic-bezier(.42,0,.2,1) 2s infinite} @keyframes qcSweep{ 0%{transform:skewX(-16deg) translateX(-150px)} 46%,100%{transform:skewX(-16deg) translateX(430px)}} .tcm-hero .qt .qc-spark{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;z-index:1; background:radial-gradient(circle,#fffbee 0%,#f7d98a 46%,rgba(247,217,138,0) 72%); box-shadow:0 0 9px 3px rgba(247,217,138,.4);opacity:0;pointer-events:none; animation:qcFloat 6.4s ease-in-out var(--d) infinite} @keyframes qcFloat{ 0%{opacity:0;transform:translate3d(0,10px,0) scale(.55)} 16%{opacity:.85} 68%{opacity:.36} 100%{opacity:0;transform:translate3d(15px,-58px,0) scale(1.2)}} @keyframes qcIn{ 0%{opacity:0;transform:translate3d(0,12px,0);filter:blur(6px);clip-path:inset(-16% 100% -16% 0)} 58%{opacity:1;filter:blur(0);clip-path:inset(-16% 0 -16% 0)} 100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0);clip-path:inset(-16% 0 -16% 0)}} @keyframes qcTitleIn{ 0%{opacity:0;letter-spacing:.42em;transform:translate3d(0,-10px,0);filter:blur(7px);clip-path:inset(100% 0 -16% 0)} 58%{opacity:1;letter-spacing:.29em;filter:blur(0);clip-path:inset(-16% 0 -16% 0)} 100%{opacity:1;letter-spacing:.24em;transform:translate3d(0,0,0);filter:blur(0);clip-path:inset(-16% 0 -16% 0)}} @keyframes qcPlateIn{ 0%{opacity:0;transform:translate3d(-10px,-7px,0) rotate(-1.4deg)} 100%{opacity:1;transform:translate3d(0,0,0) rotate(0)}} @keyframes qcSealIn{ 0%{opacity:0;transform:scale(1.9) rotate(-9deg)} 62%{opacity:1;transform:scale(.93) rotate(2deg)} 100%{opacity:1;transform:scale(1) rotate(0)}} @keyframes qcGrow{to{width:30px}} @keyframes qcFlash{ 0%{filter:brightness(1)} 30%{filter:brightness(1.34) saturate(1.12) drop-shadow(0 0 20px rgba(255,206,110,.72))} 100%{filter:brightness(1)}} .tcm-hero .qt .qt-cap.play .qc-plate{animation:qcPlateIn .86s cubic-bezier(.16,.84,.3,1) .04s both} .tcm-hero .qt .qt-cap.play .qc-title{animation:qcTitleIn 1.05s cubic-bezier(.16,.84,.3,1) .1s both} .tcm-hero .qt .qt-cap.play .qc-seal{animation:qcSealIn .58s cubic-bezier(.2,.9,.3,1.42) .82s both} .tcm-hero .qt .qt-cap.play .qc-line{animation:qcGrow .8s cubic-bezier(.2,.8,.2,1) .52s forwards} .tcm-hero .qt .qt-cap.play .qc-meta{animation:qcIn .85s cubic-bezier(.16,.84,.3,1) .36s both} .tcm-hero .qt .qt-cap.play .qc-cta{animation:qcIn .85s cubic-bezier(.16,.84,.3,1) .48s both} .tcm-hero .qt .qt-cap.flash .qc-inner{animation:qcFlash .92s ease-out both} /* ---- 12.6 断点 ---- */ @media (max-width:1200px){ .tcm-hero .qt .qc-inner{left:13px;top:10px;right:13px;bottom:9px;gap:12px} .tcm-hero .qt .qc-plate{padding:14px 10px 7px} .tcm-hero .qt .qc-title{font-size:18px;letter-spacing:.15em} .tcm-hero .qt .qc-seal{width:24px;height:24px;font-size:10px;margin-top:7px} .tcm-hero .qt .qc-sub{font-size:10.5px;letter-spacing:.16em} .tcm-hero .qt .fullSlide .hd{right:22px;bottom:22px} } @media (max-width:768px){ .tcm-hero .qt{--qf:12px} .tcm-hero .qt-frame{box-shadow: inset 0 0 0 4px #3b2d1c, inset 0 0 0 5px rgba(201,162,39,.9), inset 0 0 0 11px #efe3c6, inset 0 0 0 12px rgba(201,162,39,.5)} .tcm-hero .qt-frame::before,.tcm-hero .qt-frame::after{inset:var(--qf,12px)} .tcm-hero .qt-frame::before{inset:0;background-size:14px 3px,3px 14px,14px 3px,3px 14px,14px 3px,3px 14px,14px 3px,3px 14px} .tcm-hero .qt .qt-cap{display:block;inset:12px} .tcm-hero .qt .qc-inner{left:10px;right:10px;top:auto;bottom:9px;align-items:flex-end;gap:9px} .tcm-hero .qt .qc-plate{flex-direction:row;align-items:center;gap:8px;padding:7px 10px 6px} .tcm-hero .qt .qc-plate::before{left:4px;right:4px;height:2px} .tcm-hero .qt .qc-title{writing-mode:horizontal-tb;font-size:16px;letter-spacing:.12em;line-height:1.2} .tcm-hero .qt .qc-seal{margin-top:0;width:21px;height:21px;font-size:9px} .tcm-hero .qt .qc-side{display:none} .tcm-hero .qt .qc-spark{display:none} .tcm-hero .qt .fullSlide .hd{right:17px;bottom:17px} .tcm-hero .qt .fullSlide .hd ul li{width:7px;height:7px;margin:0 5px} } @media (prefers-reduced-motion:reduce){ .tcm-hero .qt .qc-sweep,.tcm-hero .qt .qc-spark{animation:none} } /* ========================================================================== 第 13 节 头条条幅「卷首要闻」（R-TCM-24） - 结构：朱漆书脊(竖排「要闻」) + 双回纹分隔 + 四角铜包角 + 朱印「头条」 - 底纹：宣纸渐变 + 45° 绢丝斜纹 ========================================================================== */ .tcm-headline{position:relative;box-sizing:border-box; margin:0;padding:26px 104px 24px 116px; text-align:center;line-height:1.6; background: radial-gradient(38% 150% at 8% 122%,rgba(31,43,36,.055),rgba(31,43,36,0) 62%), radial-gradient(34% 130% at 93% -22%,rgba(31,43,36,.045),rgba(31,43,36,0) 60%), radial-gradient(120% 88% at 50% -28%,rgba(255,255,255,.96),rgba(255,255,255,0) 58%), repeating-linear-gradient(135deg,rgba(160,130,70,.034) 0 1px,rgba(0,0,0,0) 1px 6px), linear-gradient(180deg,#fffdf7 0%,#faf2dd 52%,#f3e5c4 100%); border:1px solid rgba(201,162,39,.5); box-shadow: inset 0 0 0 1px rgba(255,253,246,.95), inset 0 0 0 2px rgba(160,43,32,.26), inset 0 0 0 4px rgba(255,253,246,.9), inset 0 0 0 6px rgba(201,162,39,.24), 0 2px 16px rgba(31,43,36,.07)} /* 四角铜包角：8 条 2px 金线拼 L 形 */ .tcm-headline::before{content:"";position:absolute;inset:6px;pointer-events:none;z-index:2; --c:rgba(184,147,63,.85); background-image: linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)), linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)), linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)), linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)); background-repeat:no-repeat; background-size:18px 2px,2px 18px,18px 2px,2px 18px,18px 2px,2px 18px,18px 2px,2px 18px; background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%} /* 右端卷轴轴杆（与左侧朱漆书脊成对）：深铜木 + 上下铜帽 */ /* 右端朱漆细轴（与左侧朱漆书脊同族，主次有序） */ .tcm-headline::after{content:"";position:absolute;right:6px;top:6px;bottom:6px;width:14px;z-index:3; pointer-events:none; background: linear-gradient(180deg,#e0bd6c 0 8px,rgba(0,0,0,0) 8px calc(100% - 8px),#e0bd6c calc(100% - 8px) 100%), linear-gradient(90deg,#a83326 0%,#8f271c 48%,#78190f 100%); box-shadow: inset 0 0 0 1px rgba(253,243,221,.20), inset 1px 0 0 rgba(255,246,214,.14), -2px 0 10px rgba(90,20,12,.12)} /* 朱漆书脊：竖排「要闻」 + 上下铜帽 */ .tcm-headline .hl-spine{position:absolute;left:6px;top:6px;bottom:6px;width:54px;z-index:3; display:flex;align-items:center;justify-content:center; background: radial-gradient(120% 26% at 50% 0%,rgba(255,255,255,.18),rgba(255,255,255,0) 62%), linear-gradient(180deg,#a83326 0%,#8f271c 52%,#78190f 100%); box-shadow: inset 0 0 0 1px rgba(253,243,221,.26), inset 0 0 20px rgba(60,8,2,.30), 2px 0 10px rgba(90,20,12,.14)} .tcm-headline .hl-spine::before,.tcm-headline .hl-spine::after{content:"";position:absolute; left:0;right:0;height:7px; background:linear-gradient(180deg,#e2c078 0%,#bb9448 52%,#8a6928 100%); box-shadow:0 1px 3px rgba(40,28,12,.32)} .tcm-headline .hl-spine::before{top:0} .tcm-headline .hl-spine::after{bottom:0;background:linear-gradient(0deg,#e2c078 0%,#bb9448 52%,#8a6928 100%)} .tcm-headline .hl-spine em{display:block;font-style:normal; writing-mode:vertical-rl;text-orientation:upright; font-size:23px;line-height:1;letter-spacing:.44em; color:#fdf1d6;text-shadow:0 1px 2px rgba(52,8,2,.5)} /* 回纹分隔：上下各一道，两端渐隐，中置朱菱 */ .tcm-headline .hl-orn{position:relative;display:block;width:252px;max-width:56%;height:13px; margin:0 auto 9px;opacity:.52; background:url(/uploads/tcm-portal/img/huiwen.svg) repeat-x center/18px 13px; -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0),#000 18%,#000 82%,rgba(0,0,0,0)); mask-image:linear-gradient(90deg,rgba(0,0,0,0),#000 18%,#000 82%,rgba(0,0,0,0))} .tcm-headline .hl-orn::after{content:"";position:absolute;left:50%;top:50%; width:7px;height:7px;margin:-3.5px 0 0 -3.5px;transform:rotate(45deg); background:#a02b20;box-shadow:0 0 0 2px rgba(250,242,221,.9)} .tcm-headline .hl-orn-b{margin:11px auto 0} /* 标题 */ .tcm-headline .nr1_p11{display:block;font-size:37px;font-weight:700;line-height:1.44; letter-spacing:.04em;color:#1b241d;text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,.75); transition:color .26s ease} .tcm-headline .nr1_p11:hover{color:#a02b20} /* 摘要 */ .tcm-headline .nr1_p12{margin-top:6px;font-size:15.5px;line-height:1.92; letter-spacing:.05em;color:#4e584b} /* 右下朱印「头条」 */ .tcm-headline .hl-seal{position:absolute;right:44px;bottom:20px;z-index:3; width:34px;height:34px;display:grid;place-items:center; writing-mode:vertical-rl;text-orientation:upright; font-size:11.5px;line-height:1;letter-spacing:.06em; background:linear-gradient(160deg,#b23325 0%,#8c1f16 100%);color:#fdf3dd; box-shadow: inset 0 0 0 1px rgba(253,243,221,.44), 0 1px 4px rgba(90,20,12,.26)} @media (max-width:1200px){ .tcm-headline{padding:20px 78px 19px 96px} .tcm-headline .hl-spine{width:44px} .tcm-headline .hl-spine em{font-size:20px;letter-spacing:.38em} .tcm-headline .nr1_p11{font-size:31px} .tcm-headline .nr1_p12{font-size:14px} .tcm-headline .hl-orn{width:210px} .tcm-headline .hl-seal{right:32px;bottom:14px;width:28px;height:28px;font-size:10px} } @media (max-width:768px){ .tcm-headline{padding:16px 20px 15px 62px} .tcm-headline .hl-spine{width:34px} .tcm-headline .hl-spine em{font-size:16px;letter-spacing:.24em} .tcm-headline .hl-spine::before,.tcm-headline .hl-spine::after{left:5px;right:5px} .tcm-headline .nr1_p11{font-size:20px;line-height:1.5} .tcm-headline .nr1_p12{font-size:12.5px;line-height:1.8; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .tcm-headline .hl-orn{width:150px;height:11px;margin-bottom:7px; background-size:15px 11px} .tcm-headline .hl-orn-b{margin-top:9px} .tcm-headline .hl-seal{right:26px;bottom:13px;width:24px;height:24px;font-size:9px} .tcm-headline::after{width:11px} .tcm-headline::before{background-size:13px 2px,2px 13px,13px 2px,2px 13px,13px 2px,2px 13px,13px 2px,2px 13px} } @media (max-width:560px){ .tcm-headline{padding:14px 16px 13px 46px} .tcm-headline .hl-spine{width:26px} .tcm-headline .hl-spine em{font-size:13px;letter-spacing:.2em} .tcm-headline .hl-spine::before,.tcm-headline .hl-spine::after{left:4px;right:4px;height:5px} .tcm-headline .nr1_p11{font-size:17px;line-height:1.45;white-space:normal; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .tcm-headline .nr1_p12{font-size:12px;line-height:1.75;letter-spacing:.02em} .tcm-headline .hl-orn{width:132px;height:10px;margin-bottom:6px;background-size:14px 10px} .tcm-headline .hl-orn::after{width:6px;height:6px;margin:-3px 0 0 -3px} .tcm-headline .hl-orn-b{margin-top:8px} .tcm-headline .hl-seal{right:20px;bottom:13px;width:21px;height:21px;font-size:8px} .tcm-headline::after{width:9px} .tcm-headline::before{background-size:11px 2px,2px 11px,11px 2px,2px 11px,11px 2px,2px 11px,11px 2px,2px 11px} } /* ========================================================================== 14. 页脚高度收敛（R-TCM-25） 改前（1440）：.fbg = 299px，其中真内容仅 172px，上下留白 34 + 92 = 126px。 逐层收紧：标题 27+14→23+9、标签胶囊 29→24、链接区 24+44→12+33、版权 10+48→5+42。 改后：201px（1440，单行版权）/ 221px（768）/ 285px（390）。 远山、顶部回纹、右侧朱印同步缩放，避免被压扁或与文字打架。 ========================================================================== */ .fbg{padding:20px 0 54px; background:linear-gradient(180deg,rgba(7,14,10,0) 42%,rgba(7,14,10,.26) 78%,rgba(7,14,10,.5) 100%), url(/uploads/tcm-portal/img/ft_mountain.svg) center bottom/100% 150px no-repeat, linear-gradient(180deg,#17281f 0%,#101e18 46%,#0a1410 100%)} /* 顶部回纹压边：15 → 11，密度不变 */ .fbg::before{height:11px;background-size:19px 11px;opacity:.26} /* 朱印：锚定在「栏目速览」金线下方、标签行右侧的留白里。 原先 bottom:104 是靠 footer 高 299 撑出来的位置；footer 收到 202 后若沿用会压住 右下角固定「回到顶部」浮层（连外圈约 56px，顶到距底 87px），故改为 127 复原 40px 间距。 放在金线（y≈31）下方可避免印章被标题横线穿过（.f2wrap 有 z-index:1，横线会画在印上）。 */ .fbg::after{right:34px;bottom:127px;width:38px;padding:10px 0;font-size:15.5px;letter-spacing:.22em} /* 14.1 栏目速览标题：27+14 → 23+9 */ .fbg .f2tags h3{margin:0 0 9px;font-size:15.5px;line-height:1.5;gap:10px} .fbg .f2tags h3::before{height:15px} /* 14.2 标签胶囊：29 → 24（不是缩字，是收 padding 与行高） */ .fbg .f2taglist{gap:8px} .fbg .f2taglist a{padding:2px 11px;font-size:13px;line-height:1.35;letter-spacing:.05em} /* 14.3 链接行：24 + 44 → 12 + 33 */ .fbg .f2links{margin-top:12px;padding-top:13px;font-size:13.5px;line-height:1.5} .fbg .f2links::before{top:-5px;height:11px;background-size:19px 11px} .fbg .f2links i{margin:0 12px} /* 14.4 版权：10 + 48(两行) → 5 + 42 */ .fbg .f2copy{padding-top:5px;font-size:12px;line-height:1.75} /* ≤1024 时栏目芯片几乎占满行宽（11 枚 ≈949px / 容器 983px），印章会贴着末位芯片，收起 */ @media (max-width:1024px){ .fbg::after{display:none} } @media (max-width:900px){ .fbg{padding:18px 0 44px; background:linear-gradient(180deg,rgba(7,14,10,0) 46%,rgba(7,14,10,.28) 80%,rgba(7,14,10,.52) 100%), url(/uploads/tcm-portal/img/ft_mountain.svg) center bottom/100% 108px no-repeat, linear-gradient(180deg,#17281f 0%,#101e18 46%,#0a1410 100%)} } @media (max-width:560px){ .fbg{padding:16px 0 38px} .fbg .f2tags h3{margin:0 0 8px;font-size:14.5px} .fbg .f2taglist{gap:7px} .fbg .f2taglist a{padding:2px 9px;font-size:12.5px} .fbg .f2links{margin-top:10px;padding-top:11px;font-size:13px} .fbg .f2links i{margin:0 7px} } /* ========================================================================== 15. 中医养生：资讯流（左大图特稿 + 右五条图文）——代替原「栏目导览」六宫格 1200 容器下：左 632 / 右 468（1.34 : 1，gap 0 + 右侧 30 内距与金线）； 两列靠 grid 默认 stretch 等高，右侧 li 用 flex:1 均分，行高自然贴合左列。 ========================================================================== */ .ys-feed{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr);gap:0;margin-top:4px} .ys-feed a{text-decoration:none;outline-offset:3px} /* ---- 15.1 左：特稿（宣纸装裱大图 + 标题 + 摘要 + 落款） ---- */ .ys-feat{display:block;padding-right:34px} .ys-feat-pic{position:relative;display:block;padding:7px; background:linear-gradient(180deg,#fffdf7 0%,#f8efda 100%); border:1px solid rgba(201,162,39,.38); box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 12px rgba(31,43,36,.07); transition:border-color .28s ease,box-shadow .28s ease} .ys-feat:hover .ys-feat-pic{border-color:rgba(201,162,39,.7); box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 22px rgba(31,43,36,.11)} .ys-feat-pic img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover; filter:saturate(.96) contrast(1.02); transition:transform .7s cubic-bezier(.2,.7,.2,1)} .ys-feat-pic::after{content:"";position:absolute;inset:7px;pointer-events:none; box-shadow:inset 0 0 0 1px rgba(184,147,63,.42),inset 0 -22px 30px -26px rgba(80,55,20,.16)} .ys-feat:hover .ys-feat-pic img{transform:scale(1.035)} /* 朱印：竖排「养生」（原六宫格的壹贰叁换成语义印） */ .ys-feed .ys-seal{position:absolute;left:18px;bottom:18px;z-index:2; width:26px;height:44px;display:flex;align-items:center;justify-content:center; writing-mode:vertical-rl;text-orientation:upright; font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:13px;font-style:normal;line-height:1;letter-spacing:.12em; color:#fdf3dd;background:linear-gradient(160deg,#b23325 0%,#8c1f16 100%); box-shadow:0 1px 5px rgba(90,20,12,.36),inset 0 0 0 1px rgba(253,243,221,.42); transition:transform .28s ease} .ys-feat:hover .ys-seal{transform:translateY(-2px) scale(1.04)} .ys-feat-txt{display:block;padding:16px 2px 0} .ys-feat-t{display:block;font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:25px;font-weight:400;line-height:1.46;letter-spacing:.02em;color:#1f2b24; text-wrap:balance; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; transition:color .25s ease} .ys-feat:hover .ys-feat-t{color:#a02b20} .ys-desc{display:block;margin-top:10px;font-style:normal; font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:13.5px;line-height:1.95;letter-spacing:.02em;color:#6f7a6c; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ys-meta{display:flex;align-items:center;gap:10px;margin-top:14px; font-size:12px;color:#a08b5c;letter-spacing:.1em} .ys-date{font-family:"Source Han Serif SC","STSong","SimSun",serif;font-style:normal} .ys-sep{flex:0 0 auto;width:1px;height:11px;background:rgba(201,162,39,.42)} .ys-more{display:inline-flex;align-items:center;gap:6px;font-style:normal; font-family:"Source Han Serif SC","STSong","SimSun",serif;letter-spacing:.14em;color:#8a7550} .ys-arr{width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor; transform:rotate(45deg);transition:transform .25s ease} .ys-feat:hover .ys-arr{transform:translateX(3px) rotate(45deg)} /* ---- 15.2 右：五条图文（竖线分栏，行间细金线） ---- */ .ys-list{list-style:none;margin:0;padding:0 0 0 30px;border-left:1px solid rgba(201,162,39,.28); display:flex;flex-direction:column} .ys-list li{flex:1 1 0;min-height:0;display:flex} .ys-list li + li{border-top:1px solid rgba(201,162,39,.14)} .ys-item{display:flex;align-items:center;gap:16px;width:100%;padding:12px 8px 12px 0; transition:background .25s ease} .ys-item:hover{background:linear-gradient(90deg,rgba(201,162,39,.075) 0%,rgba(201,162,39,0) 78%)} .ys-thumb{position:relative;flex:0 0 128px;width:128px;height:85px;overflow:hidden;background:#efe7d4; box-shadow:inset 0 0 0 1px rgba(184,147,63,.32)} .ys-thumb img{display:block;width:100%;height:100%;object-fit:cover; filter:saturate(.95) contrast(1.02);transition:transform .6s cubic-bezier(.2,.7,.2,1)} .ys-item:hover .ys-thumb img{transform:scale(1.06)} .ys-li-txt{display:block;flex:1 1 auto;min-width:0} .ys-li-t{display:block;font-family:"Source Han Serif SC","Noto Serif SC","STSong","SimSun",serif; font-size:15.5px;font-weight:400;line-height:1.55;letter-spacing:.01em;color:#243029; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; transition:color .22s ease} .ys-item:hover .ys-li-t{color:#a02b20} .ys-item .ys-desc{margin-top:5px;font-size:12.5px;line-height:1.7;color:#7d857c; -webkit-line-clamp:1} .ys-item .ys-meta{margin-top:6px;font-size:11.5px;gap:8px} @media (max-width:1200px){ .ys-feat{padding-right:26px} .ys-list{padding-left:24px} .ys-feat-t{font-size:22px} .ys-desc{font-size:12.5px;line-height:1.9} .ys-thumb{flex-basis:112px;width:112px;height:75px} .ys-li-t{font-size:14.5px} .ys-item{gap:14px} /* 🔴 1024 实测：右列行高被 flex 均分压到 90px，而「标题两行 + 摘要 + 日期」需 95px ⇒ 文字顶破分隔线、相邻两条黏在一起。此行距下摘要必须让位，只留标题 + 日期。 */ .ys-item .ys-desc{display:none} } @media (max-width:900px){ .ys-feed{grid-template-columns:1fr;gap:22px} .ys-feat{padding-right:0} .ys-list{border-left:0;padding-left:0;padding-top:6px; border-top:1px solid rgba(201,162,39,.20)} .ys-list li{flex:0 0 auto} .ys-list li:first-child{border-top:0} .ys-item{padding:14px 4px} .ys-thumb{flex-basis:126px;width:126px;height:84px} .ys-feat-t{font-size:21px} /* 单列后行高按内容自然撑开，摘要可以回来 */ .ys-item .ys-desc{display:block} } @media (max-width:560px){ .ys-feed{gap:16px} .ys-feat-pic{padding:5px} .ys-feat-pic::after{inset:5px} .ys-feed .ys-seal{left:13px;bottom:13px;width:23px;height:39px;font-size:12px} .ys-feat-txt{padding:12px 0 0} .ys-feat-t{font-size:19px;line-height:1.45} .ys-desc{font-size:12.5px;line-height:1.85;margin-top:8px} .ys-meta{margin-top:10px;font-size:11.5px} .ys-thumb{flex-basis:96px;width:96px;height:64px} .ys-item{gap:11px;padding:12px 2px} .ys-li-t{font-size:14px;line-height:1.5} .ys-item .ys-desc{display:none} .ys-item .ys-meta{margin-top:5px} } /* -------------------------------------------------------------------------- 16. 中医资讯：编辑部马赛克版式（左特稿 + 中双卡 + 右快览） 基础层 `tcm.css` 的 `.znzx-grid`（44% 大卡 + 5 条编号列表）不动—— 该文件由 build_theme.py 从镜像生成，重跑会覆盖；此处以新命名空间 `.znx-*` 整体接管版式（拼接顺序 tcm.css → 本文件，后者在后）。 -------------------------------------------------------------------------- */ .znx-mosaic{display:grid;align-items:stretch;margin-top:16px; grid-template-columns:minmax(0,42fr) minmax(0,27fr) minmax(0,31fr)} /* 「更多」：基础层那条 float 规则被上一行的残缺选择器吞成了 `.znzx-feature:hover .tit4 .znzx-more`（永不命中），此处显式补回。 */ .tit4 .znzx-more{float:right;margin-right:2px;padding-top:6px;font-size:12px; color:#8a9099;text-decoration:none;display:inline-flex;align-items:center;gap:4px; transition:color .25s ease} .tit4 .znzx-more b{font-weight:400;transition:transform .28s ease} .tit4 .znzx-more:hover{color:var(--cn-zhu)} .tit4 .znzx-more:hover b{transform:translateX(3px)} /* ---- 16.1 左：特稿（全幅图 + 压字 + 朱印 + 金线内框） ---- */ .znx-lead{position:relative;display:block;min-height:392px;overflow:hidden; margin-right:24px;background:#20261f;text-decoration:none; box-shadow:0 12px 28px -18px rgba(31,43,36,.55)} .znx-lead-fig{position:absolute;inset:0;display:block;overflow:hidden;background:#2a3129} .znx-lead-fig img{display:block;width:100%;height:100%;object-fit:cover; filter:saturate(.94) contrast(1.03); transition:transform 1.05s cubic-bezier(.2,.7,.2,1)} .znx-lead:hover .znx-lead-fig img{transform:scale(1.055)} .znx-lead-fig::after{content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(180deg,rgba(12,18,14,.34) 0%,rgba(12,18,14,.04) 34%, rgba(10,16,12,.6) 74%,rgba(8,13,10,.92) 100%)} .znx-lead::after{content:"";position:absolute;inset:11px;z-index:3;pointer-events:none; box-shadow:inset 0 0 0 1px rgba(216,189,126,.4), inset 0 0 22px -12px rgba(255,240,205,.35)} .znx-seal{position:absolute;left:16px;top:16px;z-index:3;display:inline-flex; align-items:center;justify-content:center;padding:6px 9px 5px;font-style:normal; font-size:11px;line-height:1;letter-spacing:.2em;color:#fdf3dd; background:linear-gradient(160deg,#b23325 0%,#8c1f16 100%);border-radius:2px; border:1px solid rgba(255,246,226,.6); box-shadow:0 3px 12px rgba(120,20,12,.42),inset 0 0 0 2px rgba(255,246,226,.13); transform:rotate(-2.5deg)} .znx-vtag{position:absolute;right:13px;top:13px;z-index:3;font-style:normal; writing-mode:vertical-rl;text-orientation:mixed; font:500 9px/1 Menlo,Consolas,monospace;letter-spacing:.32em; padding:8px 4px 9px;color:rgba(248,238,214,.84);pointer-events:none; background:linear-gradient(180deg,rgba(20,28,22,.62) 0%,rgba(20,28,22,.26) 100%); box-shadow:inset 0 0 0 1px rgba(216,189,126,.3),0 2px 10px rgba(8,13,10,.18)} .znx-lead-in{position:absolute;left:0;right:0;bottom:0;z-index:4;display:block; padding:0 32px 28px 30px} .znx-kick{display:flex;align-items:center;gap:9px;margin-bottom:11px;font-style:normal; font-family:var(--cn-serif);font-size:11px;line-height:1;letter-spacing:.16em; color:rgba(240,222,180,.86)} .znx-kick .znx-kd{font-family:Menlo,Consolas,monospace;font-size:10.5px; letter-spacing:.06em;font-style:normal} .znx-kdot{flex:0 0 auto;width:3px;height:3px;background:rgba(216,178,106,.9); transform:rotate(45deg)} .znx-lead-t{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; font-family:var(--cn-serif);font-size:27px;font-weight:400;line-height:1.42; letter-spacing:.03em;color:#fdf8ec;text-wrap:pretty; text-shadow:0 1px 18px rgba(0,0,0,.38)} .znx-lead-d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; margin-top:12px;font-style:normal;font-family:var(--cn-serif);font-size:13px; line-height:1.85;letter-spacing:.02em;color:rgba(246,238,220,.72)} .znx-lead-more{display:inline-flex;align-items:center;gap:9px;margin-top:16px; font-family:var(--cn-serif);font-size:12px;letter-spacing:.18em; color:rgba(240,222,180,.82)} .znx-lead-more::before{content:"";width:26px;height:1px;background:rgba(216,178,106,.6); transition:width .4s cubic-bezier(.2,.7,.2,1)} .znx-lead:hover .znx-lead-more::before{width:44px} .znx-arr{width:5px;height:5px;border-top:1px solid currentColor; border-right:1px solid currentColor;transform:rotate(45deg); transition:transform .3s ease} .znx-lead:hover .znx-arr{transform:translateX(4px) rotate(45deg)} /* ---- 16.2 中：两张图文卡（金线分栏，菱花结点） ---- */ .znx-mid{position:relative;display:grid;grid-template-rows:1fr 1fr; padding:0 22px 0 24px;border-left:1px solid rgba(201,162,39,.3); border-right:1px solid rgba(201,162,39,.3)} .znx-mid::before,.znx-side::before{content:"";position:absolute;left:-4px;top:8px; z-index:2;width:6px;height:6px;background:#fffdf5; border:1px solid rgba(201,162,39,.55);transform:rotate(45deg)} .znx-card{position:relative;display:flex;flex-direction:column;min-height:0; text-decoration:none} .znx-card:first-child{padding-bottom:15px} .znx-card + .znx-card{padding-top:15px;border-top:1px dashed rgba(201,162,39,.3)} .znx-cfig{position:relative;display:block;flex:0 0 auto;overflow:hidden;background:#efe7d4; aspect-ratio:16/9;box-shadow:inset 0 0 0 1px rgba(184,147,63,.24)} .znx-cfig img{display:block;width:100%;height:100%;object-fit:cover; filter:saturate(.95) contrast(1.02); transition:transform .7s cubic-bezier(.2,.7,.2,1)} .znx-card:hover .znx-cfig img{transform:scale(1.06)} .znx-cfig::after{content:"";position:absolute;inset:0;pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,253,245,.26)} .znx-cfig .znx-n{position:absolute;left:0;bottom:0;z-index:2;padding:5px 8px 4px; font:700 11px/1 Menlo,Consolas,monospace;font-style:normal;letter-spacing:.1em; color:#f2e3c2;background:rgba(31,43,36,.9)} .znx-cbody{display:block;padding:11px 0 0} .znx-ct{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; font-family:var(--cn-serif);font-size:15.5px;font-weight:400;line-height:1.58; letter-spacing:.01em;color:#243029;text-wrap:pretty;transition:color .22s ease} .znx-card:hover .znx-ct{color:var(--cn-zhu)} .znx-card .znx-date{display:block;margin-top:8px;font-family:Menlo,Consolas,monospace; font-size:11px;font-style:normal;letter-spacing:.06em;color:#a08b5c} .znx-card .znx-date::before{content:"";display:inline-block;width:12px;height:1px; margin-right:7px;vertical-align:3px;background:rgba(201,162,39,.5)} /* ---- 16.3 右：快览（红色标记 + 宋体大号序号 + 悬停左移） ---- */ .znx-side{position:relative;display:flex;flex-direction:column;padding-left:24px} .znx-shd{display:flex;align-items:center;gap:9px;flex:0 0 auto; padding-bottom:9px;border-bottom:1px solid rgba(201,162,39,.34)} .znx-shd::before{content:"";flex:0 0 auto;width:3px;height:12px;background:var(--cn-zhu)} .znx-shd b{font-family:var(--cn-serif);font-size:14px;font-weight:400; letter-spacing:.24em;color:#2c332c} .znx-shd em{font:600 8.5px/1 Menlo,Consolas,monospace;font-style:normal; letter-spacing:.24em;color:#b9a97f} .znx-row{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px; align-content:center;flex:1 1 0;min-height:0;padding:12px 6px 12px 0; border-bottom:1px dashed rgba(201,162,39,.26);text-decoration:none; transition:padding-left .3s ease,background .3s ease} .znx-row:last-child{border-bottom:0} .znx-row:hover{padding-left:6px; background:linear-gradient(90deg,rgba(201,162,39,.075) 0%,rgba(201,162,39,0) 82%)} .znx-row .znx-n{grid-column:1;grid-row:1 / span 2;align-self:start;padding-top:2px; font-family:var(--cn-serif);font-size:21px;font-weight:400;line-height:1; font-style:normal;letter-spacing:0;color:#d6cbb2;transition:color .25s ease} .znx-row:hover .znx-n{color:var(--cn-zhu)} .znx-rt{grid-column:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;font-family:var(--cn-serif);font-size:14.5px;font-weight:400; line-height:1.6;letter-spacing:.01em;color:#243029;text-wrap:pretty; transition:color .22s ease} .znx-row:hover .znx-rt{color:var(--cn-zhu)} .znx-row .znx-date{grid-column:2;margin-top:6px;font-family:Menlo,Consolas,monospace; font-size:11px;font-style:normal;letter-spacing:.05em;color:#a08b5c} /* ---- 16.4 断点 ---- */ @media (max-width:1200px){ .znx-lead{margin-right:20px;min-height:352px} .znx-lead-in{padding:0 26px 24px 24px} .znx-lead-t{font-size:23px} .znx-lead-d{font-size:12.5px;line-height:1.8} .znx-mid{padding:0 18px 0 20px} .znx-side{padding-left:20px} .znx-ct{font-size:14.5px} .znx-rt{font-size:13.5px} .znx-row .znx-n{font-size:19px} } @media (max-width:900px){ .znx-mosaic{grid-template-columns:1fr} .znx-lead{grid-column:1;margin-right:0;min-height:0;aspect-ratio:16/9} .znx-mid{grid-column:1;grid-template-columns:1fr 1fr;grid-template-rows:auto; column-gap:20px;border-left:0;border-right:0;padding:20px 0 0;margin-top:20px; border-top:1px solid rgba(201,162,39,.24)} .znx-mid::before,.znx-side::before{display:none} .znx-card:first-child{padding-bottom:0} .znx-card + .znx-card{padding-top:0;border-top:0} .znx-side{grid-column:1;padding:16px 0 0;margin-top:16px; border-top:1px solid rgba(201,162,39,.24)} .znx-row{flex:0 0 auto;padding:13px 4px} .znx-lead-t{font-size:25px} } @media (max-width:768px){ .znx-lead-t{font-size:22px} .znx-lead-in{padding:0 22px 22px 20px} .znx-lead-d{-webkit-line-clamp:2;font-size:12px} .znx-ct{font-size:14px} .znx-rt{font-size:14px} } @media (max-width:560px){ .znx-lead{aspect-ratio:auto;min-height:318px} .znx-lead::after{inset:7px} .znx-seal{left:12px;top:12px;padding:5px 8px 4px;font-size:10px} .znx-vtag{display:none} .znx-lead-in{padding:0 18px 18px 18px} .znx-lead-t{font-size:19px;line-height:1.45} /* 移动端版面留给标题，摘要让位（同 16 条养生流的处理） */ .znx-lead-d{display:none} .znx-lead-more{margin-top:12px;font-size:11.5px} .znx-mid{grid-template-columns:1fr;column-gap:0;padding-top:16px;margin-top:16px} .znx-card + .znx-card{margin-top:14px;padding-top:14px; border-top:1px dashed rgba(201,162,39,.28)} .znx-cfig{aspect-ratio:2/1} .znx-ct{font-size:15px} .znx-side{padding-top:12px;margin-top:12px} .znx-row .znx-n{font-size:18px} .znx-rt{font-size:14px;line-height:1.55} } /* -------------------------------------------------------------------------- 17. 中医国际 · 名医四卡：标题两行截断 + 四卡等高 基础层 `.nr1_p421` 是 `display:block` + `line-height:2`、无截断，标题长短 不一 ⇒ 实测四卡底边 399/431/399/367（最大相差 64px），整排参差不齐。 这里把标题条锁成「两行」高度并加省略号，四卡底边随之同高。 `height:4em` = 2 行 × `line-height:2`（padding 另计，content-box）， 字号随断点变化时也自动跟随，不用写死 px。 -------------------------------------------------------------------------- */ .nr1_p42 .nr1_p421{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;height:4em; } /* -------------------------------------------------------------------------- 18. 移动端导航抽屉（≤1023）重做 基础层 `.mnav` 是镜像站给深色站头配的：`position:absolute; top:63px; width:92%` + 白字，且**背景在基础层里处于注释状态**（background:#FFF 那一行不会生效）。 本站站头是宣纸浅色 ⇒ 展开后白字直接浮在正文上（实测 computed `background-color: rgba(0,0,0,0)`、12 条目录全部不可读），按钮也无反馈。 这里整块接管：右侧宣纸抽屉 + 遮罩 + 序号 + 逐条入场 + 汉堡→X。 -------------------------------------------------------------------------- */ /* 遮罩由 tcm.js 动态插入；桌面端不参与渲染（媒体查询外先关掉） */ .mnav-mask{display:none} @media screen and (max-width:1023px){ /* ---- 18.1 遮罩 ---- */ .mnav-mask{display:block;position:fixed;inset:0;z-index:1150;background:rgba(16,22,18,.46); opacity:0;pointer-events:none; -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px); transition:opacity .32s ease} .mnav-mask.on{opacity:1;pointer-events:auto;touch-action:none} body.nav-open{overflow:hidden} /* 回到顶部是 fixed + z-index:9998，会浮在抽屉(1200)之上 ⇒ 抽屉展开时让位。 选择器带 id+class+元素，特异性压过 `.is-on`，不用 !important。 */ body.nav-open #tcm-backtop{opacity:0;visibility:hidden;transform:translateY(12px)} /* ---- 18.2 抽屉本体：右侧宣纸面板 ---- */ .mnav{ position:fixed;top:0;right:0;bottom:0;left:auto; display:block;width:84vw;max-width:336px;height:auto;max-height:none; margin:0;padding:0 0 calc(22px + env(safe-area-inset-bottom,0px)); background:linear-gradient(180deg,#fffdf5 0%,#fbf5e5 100%); border-radius:0;border-left:1px solid rgba(201,162,39,.38); box-shadow:-22px 0 46px -24px rgba(31,43,36,.55); z-index:1200;overflow-y:auto;overscroll-behavior:contain; -webkit-overflow-scrolling:touch; transform:translateX(103%);visibility:hidden; transition:transform .42s cubic-bezier(.22,.61,.36,1),visibility 0s linear .42s; counter-reset:navi} .mnav.open{transform:none;visibility:visible; transition:transform .42s cubic-bezier(.22,.61,.36,1),visibility 0s} /* 抽屉抬头（伪元素，不占 li，序号从 01 起） */ .mnav::before{content:"栏目导航";display:block; padding:calc(24px + env(safe-area-inset-top,0px)) 20px 13px; font-family:var(--cn-serif);font-size:13px;letter-spacing:.26em;color:#8a7550; border-bottom:1px solid rgba(201,162,39,.3)} /* ---- 18.3 目录项：宋体 + 序号 + 逐条入场 ---- */ .mnav li{position:relative;line-height:1;font-size:16px;background:none; border-bottom:1px solid rgba(201,162,39,.14)} .mnav li:last-child{border-bottom:0} .mnav li::before{counter-increment:navi;content:counter(navi,decimal-leading-zero); position:absolute;left:20px;top:50%;transform:translateY(-50%); font:700 10px/1 Menlo,Consolas,monospace;letter-spacing:.06em;color:#c9b78e; transition:color .22s ease} .mnav li a{display:block;width:auto;padding:15px 20px 15px 50px; font-family:var(--cn-serif);font-size:16.5px;line-height:1.35;letter-spacing:.06em; color:#243029;text-decoration:none; opacity:0;transform:translateX(16px); transition:opacity .36s ease,transform .36s cubic-bezier(.22,.61,.36,1),color .2s ease} /* 关闭态立即归零，避免收起时还在延迟淡入 */ .mnav.open li a{opacity:1;transform:none; transition-delay:calc(var(--i,0) * 32ms + 90ms)} .mnav li a:hover,.mnav li.is-on a{color:var(--cn-zhu)} .mnav li a:hover{background:linear-gradient(90deg,rgba(201,162,39,.1),rgba(201,162,39,0) 78%)} .mnav li.is-on{box-shadow:inset 3px 0 0 var(--cn-zhu)} .mnav li.is-on::before{color:var(--cn-zhu)} /* ---- 18.4 汉堡 → X（按钮浮到抽屉之上） ---- */ body.nav-open .btn-nav{position:fixed;top:10px;right:12px;z-index:1300; display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px; width:42px;height:42px;padding:0;margin:0;border-radius:50%; background:rgba(255,253,245,.95); box-shadow:0 2px 12px rgba(31,43,36,.18),inset 0 0 0 1px rgba(201,162,39,.32)} body.nav-open .btn-nav .icon-bar{margin:0;background:#8c1f16; transition:transform .34s ease,opacity .22s ease} body.nav-open .btn-nav .topt{transform:translateY(7px) rotate(45deg)} body.nav-open .btn-nav .middle{opacity:0;transform:scaleX(.3)} body.nav-open .btn-nav .bottom{transform:translateY(-7px) rotate(-45deg)} } /* 尊重「减少动态效果」：只保留显隐，不做位移/逐条 */ @media screen and (max-width:1023px) and (prefers-reduced-motion:reduce){ .mnav,.mnav li a{transition:none!important} .mnav li a{opacity:1;transform:none} } /* ========================================================================== 19) 「中医国际」左右共底（>=1024） -------------------------------------------------------------------------- 症状：左列 10 条为固定行高（首条 40 + 9x32），右列四卡高度由卡宽乘 144% 推出， 两列各自随宽度变化——1440 右低 42px、1180 附近归零、1024 左低 30px，会变号。 做法：只在该板块把 .pp1 升为两栏网格，两列同高拉伸： - 左列 li 用 flex-grow 分摊剩余高度，保留首条大字号层级 - 右列卡片纵向 flex，图片 object-fit:cover 吸收差额（不拉伸变形） 作用域：:has() 精确锁定唯一含 ul.nr1_p42 的板块；同板块下一行（古籍经典 / 名医名家）因网格同高拉伸一并等高，其实现在 769~1023 与 768 以下不生效。 实测：1024 / 1100 / 1180 / 1280 / 1440 / 1600 左列底减右卡底均为 0。 ========================================================================== */ @media screen and (min-width:1024px){ .pp1:has(> .m_r > ul.nr1_p42){ display:grid; grid-template-columns:35% 63%; justify-content:space-between; align-items:stretch; } .pp1:has(> .m_r > ul.nr1_p42) > *{grid-column:1/-1;} .pp1:has(> .m_r > ul.nr1_p42) > .m_l.fl{ grid-column:1; float:none; width:auto; display:flex; flex-direction:column; } .pp1:has(> .m_r > ul.nr1_p42) > .m_r.fr{ grid-column:2; float:none; width:auto; display:flex; flex-direction:column; } .pp1:has(> .m_r > ul.nr1_p42) > .m_l.fl > ul.nr1_p32{ flex:1 1 auto; display:flex; flex-direction:column; } .pp1:has(> .m_r > ul.nr1_p42) > .m_l.fl > ul.nr1_p32 > li{ flex:1 1 auto; display:flex; align-items:center; } .pp1:has(> .m_r > ul.nr1_p42) > .m_l.fl > ul.nr1_p32 > li > a{flex:1 1 auto;} .pp1:has(> .m_r > ul.nr1_p42) > .m_r.fr > ul.nr1_p42{ flex:1 1 auto; display:flex; align-items:stretch; } .pp1:has(> .m_r > ul.nr1_p42) > .m_r.fr > ul.nr1_p42 > li{ float:none; width:auto; flex:1 1 0; display:flex; flex-direction:column; padding:1%; } .pp1:has(> .m_r > ul.nr1_p42) > .m_r.fr > ul.nr1_p42 > li > .img1{ flex:1 1 auto; padding-bottom:0; height:auto; overflow:hidden; } .pp1:has(> .m_r > ul.nr1_p42) > .m_r.fr > ul.nr1_p42 > li > .img1 > img{ display:block; width:100%; height:100%; object-fit:cover; } .pp1:has(> .m_r > ul.nr1_p42) > .m_r.fr > ul.nr1_p42 > li > .nr1_p421{flex:0 0 auto;} } /* ========================================================================== 20) 站内检索页（R-TCM-31）：热词 + 相关度 + 计数 + 空态兜底 -------------------------------------------------------------------------- 结构由 tcm_portal._SEARCH_BLOCK 输出；本段只管样式，不产生新语义节点。 旧行样式（section 1 .tcm-search-*）保留，本段在其后覆盖。 ========================================================================== */ .tcm-search{padding:2px 0 18px} .tcm-search-form{margin-top:2px} .ss-field{position:relative;display:block;flex:1 1 auto;min-width:0} .ss-field input[type="search"]{width:100%;padding-right:44px} /* Chrome 原生清除小叉会与自绘按钮并排出现，关掉原生那个 */ .tcm-search-form input[type="search"]::-webkit-search-cancel-button, .tcm-search-form input[type="search"]::-webkit-search-decoration{ -webkit-appearance:none;appearance:none;display:none} /* 🔴 必须用 .tcm-search-form 前缀：基础层 .tcm-search-form button 会以 (0,1,1) 把 height/min-width/background 全部抢走，清空键会被撑成红色大块 */ .tcm-search-form .ss-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%); display:flex;align-items:center;justify-content:center;flex:none; width:24px;height:24px;min-width:0;padding:0;margin:0;cursor:pointer; font:400 17px/1 var(--cn-serif);color:#a2967c; background:rgba(201,162,39,.12);border:1px solid rgba(201,162,39,.3);border-radius:50%; box-shadow:none; transition:background .2s ease,color .2s ease,border-color .2s ease} .tcm-search-form .ss-clear:hover{color:#8c1f16;background:rgba(201,162,39,.22); border-color:rgba(201,162,39,.55);filter:none;box-shadow:none} .tcm-search-form .ss-clear[hidden]{display:none} /* 热词 */ .ss-hot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:14px 0 2px} .ss-hot[hidden]{display:none} .ss-hot-hd{flex:0 0 auto;font-family:var(--cn-serif);font-size:12px;letter-spacing:.22em; color:#a2916f;padding-right:10px;border-right:1px solid rgba(201,162,39,.32)} .ss-hot-bd{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0} .ss-chip{appearance:none;cursor:pointer;padding:5px 13px; font-size:13px;line-height:1.5;letter-spacing:.04em;color:#55675b; background:rgba(255,253,245,.9);border:1px solid rgba(201,162,39,.34);border-radius:999px; transition:color .2s ease,background .2s ease,border-color .2s ease,transform .18s ease} .ss-chip:hover{color:#8c1f16;border-color:rgba(140,31,22,.42);background:#fff9ec;transform:translateY(-1px)} .ss-chip:focus-visible{outline:2px solid rgba(140,31,22,.42);outline-offset:2px} .ss-chip i{font-style:normal;font-size:11px;color:#b0a486;margin-left:2px} .ss-chip.is-on{color:#fffdf5;background:linear-gradient(180deg,#a3312a,#8c1f16); border-color:rgba(140,31,22,.9);box-shadow:0 2px 8px -4px rgba(140,31,22,.7)} .ss-chip.is-on i{color:rgba(255,253,245,.72)} /* 结果计数 + 栏目筛选 */ .ss-filt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between; gap:8px 16px;margin:16px 0 4px;padding-bottom:9px; border-bottom:1px solid rgba(201,162,39,.28)} .ss-filt[hidden]{display:none} .ss-count{margin:0;font-size:13px;letter-spacing:.03em;color:#8b7d63} .ss-count b{font-family:var(--cn-serif);font-size:16px;font-weight:400;color:#8c1f16;padding:0 2px} .ss-count em{font-style:normal;color:#5a4a33;border-bottom:1px dashed rgba(201,162,39,.55)} .ss-cats{display:flex;flex-wrap:wrap;gap:6px} .ss-cats:empty{display:none} .ss-cat{padding:3px 10px;font-size:12px} /* 结果行：序号 + 标题 + 栏目/日期 */ .tcm-search-list{margin-top:2px} .tcm-search-list a{position:relative;display:grid;align-items:baseline; grid-template-columns:34px minmax(0,1fr) auto;column-gap:12px; padding:12px 6px 12px 2px;transition:background .2s ease,padding-left .2s ease} .tcm-search-list a::before{content:none} .tcm-search-list a:hover{padding-left:8px} .tcm-search-list .s-n{font-family:Menlo,Consolas,monospace;font-size:11px;letter-spacing:.04em; color:#c0ae86;text-align:right;transition:color .2s ease} .tcm-search-list a:hover .s-n{color:#a3312a} .tcm-search-list .s-t{min-width:0;font-size:15px;line-height:1.72;color:#33443a; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .tcm-search-list .s-t mark{background:linear-gradient(180deg,transparent 58%,rgba(201,162,39,.42) 58%); color:#8c1f16;padding:0 1px} .tcm-search-list .s-m{align-self:center} .tcm-search-list a:focus-visible{outline:2px solid rgba(140,31,22,.34);outline-offset:-2px;background:#fff9ec} /* 空结果 */ .ss-empty{max-width:560px;margin:26px auto 10px;padding:26px 22px 22px;text-align:center; border:1px dashed rgba(201,162,39,.42);background:rgba(255,253,245,.55)} .ss-empty[hidden]{display:none} .ss-empty-t{margin:0 0 6px;font-family:var(--cn-serif);font-size:17px;letter-spacing:.04em;color:#4a5a4e} .ss-empty-t em{font-style:normal;color:#8c1f16} .ss-empty-s{margin:0 0 16px;font-size:13px;letter-spacing:.04em;color:#9c9179} .ss-empty-hot{display:flex;flex-wrap:wrap;gap:8px;justify-content:center} @media screen and (max-width:768px){ .ss-hot{gap:7px} .ss-hot-hd{padding-right:0;border-right:none;width:100%} .ss-filt{flex-direction:column;align-items:flex-start;gap:7px} .tcm-search-list a{grid-template-columns:26px minmax(0,1fr);column-gap:8px} .tcm-search-list .s-m{grid-column:2;margin-top:2px} .tcm-search-list .s-t{font-size:14px;line-height:1.66} .ss-empty{padding:24px 12px 22px} } @media screen and (max-width:430px){ .ss-chip{padding:4px 10px;font-size:12px} .ss-empty-t{font-size:15.5px} } /* data-img-center */.art-body img,.article-body img,.art-content img,.g-art-content img,.html-content img,.html img,.a-body img,.fn-content img,.ls-content img,.sp-content img,.tv-content img,.news-content img,.rt-content img,.bd_Article img,.tap-rich-content__body img,.hn-body img,.jkb-art-body img,.ctt-details-texts img,.ed-xl-text img,.n_text img,.win-news-content img,.eeo-art-body img,.info-text img{display:block;margin:16px auto;max-width:100%;height:auto}.art-body img[style*="max-width"],.article-body img[style*="max-width"],.art-content img[style*="max-width"],.g-art-content img[style*="max-width"],.html-content img[style*="max-width"],.html img[style*="max-width"],.a-body img[style*="max-width"],.fn-content img[style*="max-width"],.ls-content img[style*="max-width"],.sp-content img[style*="max-width"],.tv-content img[style*="max-width"],.news-content img[style*="max-width"],.rt-content img[style*="max-width"],.bd_Article img[style*="max-width"],.tap-rich-content__body img[style*="max-width"],.hn-body img[style*="max-width"],.jkb-art-body img[style*="max-width"],.ctt-details-texts img[style*="max-width"],.ed-xl-text img[style*="max-width"],.n_text img[style*="max-width"],.win-news-content img[style*="max-width"],.eeo-art-body img[style*="max-width"],.info-text img[style*="max-width"],.art-body img[style*="inline-block"],.article-body img[style*="inline-block"],.art-content img[style*="inline-block"],.g-art-content img[style*="inline-block"],.html-content img[style*="inline-block"],.html img[style*="inline-block"],.a-body img[style*="inline-block"],.fn-content img[style*="inline-block"],.ls-content img[style*="inline-block"],.sp-content img[style*="inline-block"],.tv-content img[style*="inline-block"],.news-content img[style*="inline-block"],.rt-content img[style*="inline-block"],.bd_Article img[style*="inline-block"],.tap-rich-content__body img[style*="inline-block"],.hn-body img[style*="inline-block"],.jkb-art-body img[style*="inline-block"],.ctt-details-texts img[style*="inline-block"],.ed-xl-text img[style*="inline-block"],.n_text img[style*="inline-block"],.win-news-content img[style*="inline-block"],.eeo-art-body img[style*="inline-block"],.info-text img[style*="inline-block"]{display:block!important;margin-left:auto!important;margin-right:auto!important}