﻿@charset "utf-8";
* {-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;}
html { -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased; font-size: .7em !important; -webkit-overflow-scrolling: touch }
/*html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-size: .625em; -webkit-overflow-scrolling: touch}*/
body {width: 100%; margin: 0; font-family: Helvetica, Arial, sans-serif; background: #f1f1f1; -webkit-overflow-scrolling: touch; overflow-scrolling: touch}
a,
input,
textarea,
button {outline: 0; -webkit-tap-highlight-color: transparent}
input,
textarea {-webkit-appearance: none; border-radius: 0; margin: 0; padding: 0; border: 0}
a {text-decoration: none; overflow: hidden; text-overflow: ellipsis}
p {margin: 0}
img {border: 0}
.hide,
.hidden {display: none !important}
.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0}
.word-wrap {white-space: normal; word-break: break-word; word-wrap: break-word}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.multi-ellipsis {display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis}
.clearfix:before,
.clearfix:after {display: table; content: ""; font-size: 0; line-height: 0}
.clearfix:after {clear: both}
.text-center {text-align: center}
.lazyload {width: 100%; box-sizing: border-box; opacity: .3}
.zwbyegg-image .lazyload {width: auto !important}
.lazyloading {background: #f7f7f7 url(//static.stpk.cn/images/loading/loader.gif) no-repeat center; opacity: 1; transition: opacity 300ms}

.full-view { display:flex; flex-direction:column; width:100%; height:100vh; padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom);}
.wrapper-main { padding-bottom:0; flex:1; overflow-y:scroll;}
.wrapper-main-bgwhirt { background:#fff;}
.zwbyegg-image img { width:100%; display: block;}
.zwbyegg { border-radius:10px; background: rgba(0, 0, 0, .1); overflow: hidden;}
.mian-banner { width:100% !important; box-sizing: border-box; display:flex; flex-direction: column; gap:10px;}
.mian-banner { margin:0 !important;}
.mian-banner-imgitem { width:100% !important; padding:10px; box-sizing: border-box;}

.topbar {position:static;margin: 0; width:100%;height:50px;padding: 0 10px;font-size: 1.7rem;line-height:180%;text-align: center;box-sizing: border-box; background:#fff; box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .1); display: flex;}
.topbar .icon { width:24px; height:24px; display: block;}
.topbar-home { justify-content:space-between; align-items:center;}
.topbar-home .left { display:flex; align-items:center; gap:10px;}
.topbar-home .forum { height:30px; padding:0 6px; font-size:1.4rem; color:#333; display:flex; gap:6px; align-items:center; background-color:#f1f1f1; border-radius:15px; }
.topbar-home .forum img { width:20px; height:20px; overflow: hidden; border-radius:50%; background:#ccc;}
.topbar-home .forum .icon { width:14px; height:14px;}
.topbar-home .icon-item { margin-right:-5px; display:flex; gap:10px; align-items:center;}
.topbar-home .icon-item a { padding:5px; display:flex; align-items:center;}
.topbar-home .icon-item img { width:30px; aspect-ratio:1 / 1; border-radius:50%;}
.topbar-home i.icon-logo { height:20px; width:107px; margin:auto 10px auto 0; display:block;}

.topbar .title {position:absolute; top:0; left:calc(50% - 25vw); width:50vw; height:50px; font-size:1.5rem; line-height:130%; display:flex; align-items:center; justify-content:center; overflow: hidden;}

.icon-logo { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113.454 21.172' fill='%23ef172f'%3E%3Cg transform='translate(-471 248)'%3E%3Cg transform='translate(471 -248)'%3E%3Cg id='oWWtMY' transform='translate(44.797 0)'%3E%3Cg%3E%3Cpath d='M272.087,359.079c-.339-.051-.681-.082-1.014-.158a2.526,2.526,0,0,1-1.685-1.118,3.185,3.185,0,0,1-.388-1.933,12.673,12.673,0,0,1,1.121-4.19c.026-.06.05-.121.09-.22l-3.6,1.106-.03-.039c.273-.417.536-.84.819-1.25a33.586,33.586,0,0,1,6.131-6.769,23.582,23.582,0,0,1,6.2-3.831,21.637,21.637,0,0,1,5.046-1.335,11.568,11.568,0,0,1,2.315-.115,4.351,4.351,0,0,1,1.7.4,2.1,2.1,0,0,1,1.186,2.37,5.285,5.285,0,0,1-1.654,2.827,13.173,13.173,0,0,1-3.257,2.209,43.383,43.383,0,0,1-6.046,2.44c-1.314.452-2.632.892-3.947,1.345a.381.381,0,0,0-.209.18,10.783,10.783,0,0,0-.848,2.917,3.629,3.629,0,0,0-.007.878,1.439,1.439,0,0,0,1.295,1.282,5.294,5.294,0,0,0,2.118-.089,17.079,17.079,0,0,0,3.783-1.392c1.167-.551,2.315-1.142,3.472-1.715a.279.279,0,0,0,.135-.1c-.279.3-.539.62-.839.9a23.537,23.537,0,0,1-5.6,3.875,14.938,14.938,0,0,1-4.144,1.358c-.4.065-.806.089-1.209.132l-.3.035Zm3.514-9.694c.033.009.046.017.055.014.172-.056.343-.113.514-.172a34.358,34.358,0,0,0,5.963-2.579,10.372,10.372,0,0,0,2.532-1.877,3.385,3.385,0,0,0,.9-1.611,1.588,1.588,0,0,0-1.355-2.043,3.7,3.7,0,0,0-2.017.245,7.615,7.615,0,0,0-2.992,2.191,23.229,23.229,0,0,0-3.378,5.325C275.749,349.044,275.677,349.214,275.6,349.385Z' transform='translate(-266.579 -337.907)'/%3E%3Cpath d='M395.6,351.742c-.575.645-1.119,1.263-1.673,1.873a4.947,4.947,0,0,1-.725.724,1.575,1.575,0,0,1-1.634.146,1.2,1.2,0,0,1-.617-.6c-.339-.7-.688-1.4-1.034-2.1-.028-.056-.058-.11-.1-.191-.067.085-.124.154-.179.225l-3.916,5.071a.735.735,0,0,1-.16.18.307.307,0,0,1-.218.051c-.033-.009-.061-.13-.052-.2.035-.266.083-.53.129-.794.184-1.057.373-2.113.552-3.17a2.474,2.474,0,0,1,.506-1.131c.678-.865,1.347-1.737,2.023-2.6a.222.222,0,0,0,.04-.266c-.562-1.231-1.117-2.465-1.675-3.7-.02-.043-.048-.081-.094-.157-.1.489-.187.939-.275,1.389-.443,2.277-.89,4.552-1.324,6.83q-.332,1.746-.618,3.5a1.568,1.568,0,0,1-.827,1.178,4.343,4.343,0,0,1-1.794.48c-.329.028-.661.028-.992.036a2.4,2.4,0,0,1-.256-.021c.086-.445.167-.873.25-1.3l1.293-6.666q.591-3.048,1.181-6.1c.207-1.064.4-2.131.628-3.191a3.394,3.394,0,0,1,1.287-2.13,3.1,3.1,0,0,1,1.757-.619c1.379-.039,2.759-.042,4.139-.044q5.921-.009,11.842,0a4.682,4.682,0,0,1,1.056.109,1.756,1.756,0,0,1,1.413,1.748,8.338,8.338,0,0,1-.242,2.019q-.608,3.129-1.22,6.258c-.468,2.405-.931,4.811-1.41,7.215a6.779,6.779,0,0,1-.383,1.38,2.2,2.2,0,0,1-1.932,1.306,2.132,2.132,0,0,1-2.342-1.405c-.755-1.7-1.525-3.4-2.288-5.1C395.687,351.917,395.653,351.852,395.6,351.742Zm-4.753-4.513c.06-.079.1-.131.141-.185.557-.8,1.1-1.606,1.678-2.39a3.539,3.539,0,0,1,.763-.759,1.261,1.261,0,0,1,1.694.082,2.325,2.325,0,0,1,.472.708c.359.843.685,1.7,1.025,2.549.029.072.064.142.11.243l4.756-5.916h-13.36Zm8.676,5.871,1.515-7.058a.316.316,0,0,0-.143.105q-1.4,1.731-2.809,3.461a.218.218,0,0,0-.035.265q.692,1.524,1.375,3.052C399.445,352.969,399.472,353.009,399.522,353.1Zm-6.564-1.675c.51-.647,1-1.261,1.479-1.881a.221.221,0,0,0,.01-.183c-.088-.226-.189-.447-.284-.67l-.635-1.481c-.056.066-.1.111-.134.159-.344.443-.658.915-1.042,1.321a.8.8,0,0,0-.129,1.062C392.5,350.281,392.706,350.843,392.958,351.426Z' transform='translate(-336.881 -337.439)'/%3E%3Cpath d='M333.063,363.432q.211-1.167.422-2.335c.1-.54.2-1.079.276-1.623a2.134,2.134,0,0,0-.031-.7,1.237,1.237,0,0,0-1.228-.94c-.286-.018-.574-.029-.86-.03q-2.7,0-5.4,0h-.253c.129-.74.253-1.458.38-2.175.184-1.037.365-2.075.558-3.111a3.117,3.117,0,0,1,2.809-2.649,9.314,9.314,0,0,1,1.156-.074q6.755-.008,13.511,0a4.361,4.361,0,0,1,1.194.18,1.778,1.778,0,0,1,1.295,1.7,7.76,7.76,0,0,1-.187,1.838c-.126.706-.224,1.418-.378,2.117a2.663,2.663,0,0,1-2.492,2.17c-.272.024-.545.027-.838.041l1.98,7.652c-.131.016-.246.034-.361.042a6.6,6.6,0,0,1-2.285-.164,2.577,2.577,0,0,1-.963-.481,1.608,1.608,0,0,1-.556-.868c-.614-2.462-1.23-4.923-1.832-7.388a2.939,2.939,0,0,1-.066-.853.782.782,0,0,1,.823-.817c.6-.028,1.2-.012,1.8-.023a2.4,2.4,0,0,0,.538-.06,1.284,1.284,0,0,0,.887-1.525.926.926,0,0,0-.855-.651,5.193,5.193,0,0,0-.857-.065q-4.507-.006-9.013,0a5.109,5.109,0,0,0-1.02.1.951.951,0,0,0-.772.756c-.106.467-.18.941-.273,1.438.1.006.175.015.252.015h6.258a1.36,1.36,0,0,1,1.449,1.261,3.78,3.78,0,0,1-.1,1.262q-.532,3.117-1.075,6.232c-.041.239-.087.479-.151.713a1.307,1.307,0,0,1-1.266,1.061c-.64.033-1.285.039-1.924.009a1.439,1.439,0,0,1-1.163-.73,6.041,6.041,0,0,1-.465-.914c-.5-1.2-.978-2.415-1.465-3.624-.025-.062-.054-.124-.1-.222-.041.113-.072.191-.1.27-.394,1.15-.81,2.293-1.174,3.452a2.142,2.142,0,0,1-1.364,1.431,7.54,7.54,0,0,1-3.109.374.664.664,0,0,1,.016-.1c.551-1.591,1.094-3.184,1.658-4.77a2.326,2.326,0,0,1,2.236-1.636c.561-.03,1.123-.021,1.685-.017a1.275,1.275,0,0,1,1.158.67,5.242,5.242,0,0,1,.312.637c.4.987.8,1.976,1.2,2.965.023.056.049.111.073.167Z' transform='translate(-302.376 -344.42)' /%3E%3Cpath d='M352.327,337.126a3.577,3.577,0,0,1-1.26,2.035,4.073,4.073,0,0,1-2.6.866q-9.019.021-18.038.009c-.043,0-.086,0-.157-.008.05-.121.09-.23.139-.335a4.331,4.331,0,0,1,2.152-2.247,4.026,4.026,0,0,1,1.678-.314q2.557,0,5.114,0c.147,0,.219-.025.251-.189a2.164,2.164,0,0,1,.2-.541.98.98,0,0,1,.972-.592c.961.018,1.923.006,2.885.006h.231l-.224,1.308Z' transform='translate(-305.822 -335.811)'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(0 0.58)'%3E%3Cpath d='M157.242,339.445a2.215,2.215,0,0,1,.833-1.5,2.663,2.663,0,0,1,1.664-.619,2.009,2.009,0,0,1,1.483.62,1.665,1.665,0,0,1,.392,1.5,2.516,2.516,0,0,1-2.5,2.123,1.781,1.781,0,0,1-1.876-2.124Zm20.981.411-2.6,18.058h-.762a2.222,2.222,0,0,1-2.188-2.608h0a4.593,4.593,0,0,1-4.183,2.607H163.9q-3.062,0-2.633-2.92l2.176-15.139h3.41l-2.176,15.139h2.1l2.462-16.945H173l-2.462,16.945h1.049a1.2,1.2,0,0,0,1.305-1.15l2.009-13.988Z' transform='translate(-154.407 -337.322)'/%3E%3Cpath d='M223.037,338.671H226.8s-.405,8.961-2.625,13.108c-2.115,3.949-7.105,6.285-15.61,6.965l.511-3.457C220.794,353.568,221.848,352.208,223.037,338.671Zm-6.9.3,5.3,1.21q-1.444,2.755-3.233,2.343l-6.047-1.382.032-.083A3.413,3.413,0,0,1,216.133,338.967Zm-1.325,4.123,5.216,1.19q-1.529,2.736-3.2,2.26l-5.962-1.362h0A3.414,3.414,0,0,1,214.808,343.089Zm-4.721,7.957.427-2.923,20.986.005h0a3.416,3.416,0,0,1-3.381,2.922Z' transform='translate(-186.038 -338.153)'/%3E%3Cpath d='M245.37,368.811l-3.278,1.093a12.027,12.027,0,0,0,8.425,7.411l.539-3.43A8.556,8.556,0,0,1,245.37,368.811Z' transform='translate(-206.696 -356.722)'/%3E%3Cpath d='M153.087,366.315l-3.2-1.313,2.4-5.851a9.5,9.5,0,0,0,.355-6.16l-.272-.966,3.325-.937.272.965a12.967,12.967,0,0,1-.485,8.411Z' transform='translate(-149.891 -345.803)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}

.topbar .search { position: relative;  height:34px; background:#f3f3f3; border-radius:17px; display:flex; overflow: hidden; flex:1; }
.topbar .search input[type=text] { width:100%; appearance:none; -webkit-appearance:none; font-size:1.4rem; border:; padding:0 50px 0 10px; box-sizing: border-box; border-radius:10px; background: rgba(0, 0, 0, 0); }
.topbar .search input[type=button] { position:absolute; right:5px; top:1px; appearance:none; -webkit-appearance:none; width:32px; height:32px; background-size:20px; background-color:rgba(255, 255, 255, 0); background-repeat:no-repeat; background-position:center; border:0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.87 18.211' fill='%239b9b9b'%3E%3Cpath d='M12.711,14.466a8,8,0,1,1,1.457-1.372l3.7,3.7-1.414,1.414ZM2,8A6,6,0,1,0,8,2,6.007,6.007,0,0,0,2,8Z'/%3E%3C/svg%3E%0A");} 
.topbar .search input[type=button]:active { opacity:.8;}
.topbar .search:hover {opacity:1;}

.info-typebar-item { padding:5px 10px 5px 43px; box-sizing: border-box; width:100% !important; display: flex; align-items:center; gap:2%; background-size:26px; background-repeat:no-repeat; background-position:8px center; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23f93448'%3E%3Cg transform='translate(-2241 -2140)'%3E%3Crect transform='translate(2241 2140)' fill='none'/%3E%3Cpath d='M22,1.5H0A1.5,1.5,0,0,1-1.5,0,1.5,1.5,0,0,1,0-1.5H22A1.5,1.5,0,0,1,23.5,0,1.5,1.5,0,0,1,22,1.5Z' transform='translate(2248.5 2149.5)'/%3E%3Cpath d='M22,1.5H0A1.5,1.5,0,0,1-1.5,0,1.5,1.5,0,0,1,0-1.5H22A1.5,1.5,0,0,1,23.5,0,1.5,1.5,0,0,1,22,1.5Z' transform='translate(2248.5 2166.5)'/%3E%3Cpath d='M21.858,1.5H0A1.5,1.5,0,0,1-1.5,0,1.5,1.5,0,0,1,0-1.5H21.858a1.5,1.5,0,0,1,1.5,1.5A1.5,1.5,0,0,1,21.858,1.5Z' transform='translate(2248.571 2158)'/%3E%3C/g%3E%3C/svg%3E%0A");}
.info-typebar-item a { flex:1; margin:0; padding:0; border-radius:5px !important; font-size: 1.4rem; line-height: 24px; color: #666; text-align: center; min-width:auto !important; width:auto !important;}
.info-typebar-item .on {color: #fff; background-color: #f93448}
.info-typebar { padding:0 !important; height:auto !important;}

nav { position:relative; display:flex; background:#fff; border-top:1px solid #f1f1f1; align-items:center; justify-content: center; padding-bottom: env(safe-area-inset-bottom); padding-bottom: constant(safe-area-inset-bottom); z-index:2;}
nav a {flex:1; display:flex; height:50px; font-size:1.1rem; text-align:center; color:#EF0037; filter:brightness(0%); opacity:.5; align-items:center; justify-content: center; flex-direction: column}
nav a.on {font-weight:bold; filter:brightness(100%); opacity:1;}
nav .icon { width:30px; height:30px; max-width: none; }
nav p { position:relative; height:calc(100% - 5px); margin-bottom:5px; padding:0 5px; background-image:linear-gradient(to bottom ,#FFB100 ,#FF4800); border-radius:0 0 10px 10px; display: flex; align-items: center; box-shadow:0 3px 3px rgba(0, 0, 0, .2);}
nav p em { position:absolute; right:-10px; top:2px; padding:2px 5px; background: #EF0037; color:#fff; border-radius:5px 5px 5px 0; font-size:1rem; font-style:normal; font-weight:normal;}
nav p .icon { width:36px; height:36px;}
nav p em.hidden {opacity: 0;visibility: hidden;}
nav .icon-home {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31' fill='%23ef172f'%3E%3Cg transform='translate(-472 -1074)'%3E%3Crect transform='translate(472 1074)' fill='none'/%3E%3Cpath d='M-244.011,10.163A7.771,7.771,0,0,1-239.6,11.53l5.988,4.106a7.8,7.8,0,0,1,3.391,6.436V32.831a4.021,4.021,0,0,1-4.017,4.017h-19.55a4.021,4.021,0,0,1-4.017-4.017V22.073a7.8,7.8,0,0,1,3.391-6.436l5.988-4.106A7.773,7.773,0,0,1-244.011,10.163Zm9.775,24.29a1.624,1.624,0,0,0,1.622-1.622V22.073a5.407,5.407,0,0,0-2.35-4.461l-5.988-4.106a5.386,5.386,0,0,0-3.059-.948,5.388,5.388,0,0,0-3.059.948l-5.988,4.106a5.407,5.407,0,0,0-2.35,4.461V32.831a1.624,1.624,0,0,0,1.622,1.622Z' transform='translate(731.511 1065.995)' fill='%23ef172f'/%3E%3Cpath d='M12.5-.105H0V-2.5H12.5Z' transform='translate(481.252 1089.068)' opacity='0.7'/%3E%3C/g%3E%3C/svg%3E%0A");}
nav .icon-forum {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31' fill='%23ef172f'%3E%3Cg transform='translate(-507 -1074)'%3E%3Crect transform='translate(507 1074)' fill='none'/%3E%3Cpath d='M-507.223-992.561l4.726-5.1h5.513a2.309,2.309,0,0,0,2.306-2.306v-6.933a2.309,2.309,0,0,0-2.306-2.306h-10a2.308,2.308,0,0,0-2.306,2.306v7.333a1.908,1.908,0,0,0,1.905,1.905h.536v2.395h-.536a4.306,4.306,0,0,1-4.3-4.3v-7.333a4.706,4.706,0,0,1,4.7-4.7h3.8v-.7a4.706,4.706,0,0,1,4.7-4.7h10a4.706,4.706,0,0,1,4.7,4.7v11.633H-486.2l0,4.381-6.084-3.555a4.706,4.706,0,0,1-4.7,4.575h-4.468l-4.015,4.332Zm18.625-7.9v-2.6h2.426v-9.239a2.308,2.308,0,0,0-2.306-2.306h-10a2.308,2.308,0,0,0-2.306,2.306v.7h3.8a4.705,4.705,0,0,1,4.7,4.7v4.287Z' transform='translate(1020.233 2093.776)'/%3E%3Cpath d='M-146.193,37.425h-2.066a4.706,4.706,0,0,1-4.7-4.7v-2.37h2.395v2.37a2.308,2.308,0,0,0,2.306,2.306h2.066Z' transform='translate(670.01 1055.686)' opacity='0.7'/%3E%3C/g%3E%3C/svg%3E%0A");}
nav .icon-repot {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31' fill='%23ef172f'%3E%3Cg transform='translate(-542 -1074)'%3E%3Crect transform='translate(542 1074)'/%3E%3Cpath d='M13.392,11.594a12.813,12.813,0,0,1-3.03,1.6L9.6,10.922h0a10.176,10.176,0,0,0,1.592-.755L9.558,9.114l1.3-2.011,2.334,1.51a4.926,4.926,0,0,0,1.161-1.947H9.186l-.369,6.554-2.39-.135.459-8.15h-1.9L4.893,6.741H5.956V9.136H4.767l-.04.765a3.325,3.325,0,0,1-3.318,3.14H0V10.646H1.409a.928.928,0,0,0,.927-.876l.033-.634H0V6.741H2.495L2.59,4.936H0V2.541H2.716L2.845.081,5.236.207,5.114,2.541H7.02L7.163,0h9.524l-.534,3.9-2.372-.324.161-1.182H9.427L9.321,4.273h7.6v1.2a6.806,6.806,0,0,1-1.7,4.458l2,1.291-1.3,2.011Z' transform='translate(549.214 1080.892)' opacity='0.7'/%3E%3Cpath d='M13.811,35.178V32.783a18.977,18.977,0,0,0,5.182-.645,10.375,10.375,0,0,0,3.037-1.38,5.3,5.3,0,0,0,1.845-1.951l.282-.784.829.035h4.209a4.015,4.015,0,0,0,4.01-4.01V12.821a4.015,4.015,0,0,0-4.01-4.01H13.558a4.015,4.015,0,0,0-4.01,4.01V24.047a4.015,4.015,0,0,0,4.01,4.01h4.417v2.395H13.558a6.4,6.4,0,0,1-6.4-6.4V12.821a6.4,6.4,0,0,1,6.4-6.4H29.195a6.4,6.4,0,0,1,6.4,6.4V24.047a6.4,6.4,0,0,1-6.4,6.4H25.686a8.326,8.326,0,0,1-2.095,2.135,12.464,12.464,0,0,1-3.765,1.8A21.134,21.134,0,0,1,13.811,35.178Z' transform='translate(536.124 1069.012)'/%3E%3C/g%3E%3C/svg%3E%0A");}
nav .icon-uc {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31' fill='%23ef172f'%3E%3Cg transform='translate(-577 -1074)'%3E%3Crect transform='translate(577 1074)' fill='none'/%3E%3Cpath d='M4.2-2.5H8.73a6.7,6.7,0,0,1,6.7,6.7V9.235a6.7,6.7,0,0,1-6.7,6.7H4.2a6.7,6.7,0,0,1-6.7-6.7V4.2A6.7,6.7,0,0,1,4.2-2.5ZM8.73,13.539a4.309,4.309,0,0,0,4.3-4.3V4.2a4.309,4.309,0,0,0-4.3-4.3H4.2a4.309,4.309,0,0,0-4.3,4.3V9.235a4.309,4.309,0,0,0,4.3,4.3Z' transform='translate(586.036 1077.607)'/%3E%3Cpath d='M125.838,57.217h-2.395a6.155,6.155,0,0,0-6.154-6.155h-6.47a6.155,6.155,0,0,0-6.155,6.155h-2.395a8.544,8.544,0,0,1,8.55-8.55h6.47a8.543,8.543,0,0,1,8.549,8.55Z' transform='translate(478.447 1046.676)'/%3E%3Cpath d='M8.305-.105H0V-2.5H8.305Z' transform='translate(588.348 1103.975)' opacity='0.7'/%3E%3C/g%3E%3C/svg%3E%0A");}
nav .icon-quickPost {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.063 44.734' fill='%23ef172f'%3E%3Cpath d='M-596.971-1029.045a2.042,2.042,0,0,1-1.177-.372,2.031,2.031,0,0,1-.507-.507l-4.8-6.849h-5.35a7.209,7.209,0,0,1-7.2-7.2v-21.6a7.209,7.209,0,0,1,7.2-7.2h23.661a7.21,7.21,0,0,1,7.2,7.2v21.6a7.21,7.21,0,0,1-7.2,7.2h-5.35l-4.8,6.849A2.061,2.061,0,0,1-596.971-1029.045Zm-2.191-23.433v7.739h4.388v-7.739h7.739v-4.387h-7.739v-7.74h-4.388v7.74H-606.9v4.387Z' transform='translate(616.5 1073.279)' /%3E%3C/svg%3E%0A"); }
nav .quickPost { filter:none; opacity:1;}
nav .quickPost .icon { height:40px; width:40px; background-repeat:no-repeat; background-position: center; }

.article-list {list-style: none; margin:0; padding:0; }
.article-item { position: relative; margin:0; padding: 15px; border-bottom: 1px solid #f0f0f0; transition: background-color 0.2s; }
.article-item:active {background-color: #f8f8f8; }

/* 通用样式 */
.article-title { padding:0; margin:0; font-size:1.6rem; font-weight: normal; color: #222; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.article-meta { position:absolute; bottom:0; left:0; padding:10px; display: flex; align-items: center; font-size:1.1rem; color: #999; margin-top: 8px; }
.article-category {background-color: #f0f0f0; padding: 2px 8px; border-radius:5px; margin-right:10px; color: #666; opacity:.5; }
.article-read {margin-right:12px; }
.article-time {color: #aaa; }
/* 单图模式 - 左右结构 */
.article-item.single-image a {display: flex; justify-content: space-between; align-items: flex-start; }
.article-item.single-image .article-title { padding-bottom:30px;}
.article-item.single-image .article-content {flex: 1; padding-right:15px; min-width: 0; /* 防止内容溢出 */ }
.article-item.single-image .article-images { flex-shrink: 0; }
.article-item.single-image .article-image {width:30vw; object-fit: cover; border-radius: 6px; aspect-ratio:3 / 2; }
/* 多图模式 - 上下结构，三张图片并排 */
.article-item.multi-images a {display: block; padding-bottom:30px; }
.article-item.multi-images .article-content {margin-bottom: 12px; }
.article-item.multi-images .article-images {display:flex; justify-content: space-between }
.article-item.multi-images .article-image {width:30vw; object-fit: cover; border-radius: 6px; aspect-ratio:3 / 2; }
/* 无图模式 */
.article-item.no-images a {display: block; }
.article-item.no-images .article-images {display: none; }
.article-item.no-images .article-title { padding-bottom:30px;}
/* 单图横幅 - 上下结构 */
.article-item.singleW-images a {display: block; padding-bottom:30px; }
.article-item.singleW-images .article-content {margin-bottom: 12px; }
.article-item.singleW-images .article-images {display:flex; justify-content: space-between }
.article-item.singleW-images .article-image {width:100%; max-height:200px; object-fit: cover; border-radius: 6px; }
