* { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #f5f8fa; font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", sans-serif; color: #2c3e50; overflow-x: hidden; }
a { text-decoration: none; color: inherit; }
.guerrillawrap { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.guerrillatopbar { background: #fdfdfd; border-bottom: 1px solid #ebdcb9; font-size: 13px; line-height: 32px; height: 32px; color: #7f8c8d; }
.guerrillatopbar .guerrillawrap { display: flex; justify-content: space-between; align-items: center; }
.guerrillasep { margin: 0 6px; color: #ccd6dd; }
.guerrillaheader { background: #ffffff; padding: 18px 0; border-bottom: 1px solid #ebdcb9; }
.guerrillaheadflex { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.guerrillalogo img { height: 38px; max-width: 200px; object-fit: contain; display: block; }
.guerrillasearchform { display: flex; border: 1px solid #0091ea; border-radius: 4px; overflow: hidden; }
.guerrillasearchinput { border: none; padding: 0 10px; height: 32px; outline: none; font-size: 13px; width: 200px; }
.guerrillasearchbtn { background: #0091ea; color: #ffffff; border: none; padding: 0 16px; height: 32px; cursor: pointer; font-size: 13px; font-weight: bold; }
.guerrillanavbar { background: #0091ea; height: 44px; }
.guerrillanavflex { display: flex; align-items: center; gap: 2px; overflow-x: auto; white-space: nowrap; }
.guerrillanavitem { color: #ffffff; padding: 0 18px; line-height: 44px; height: 44px; font-size: 14px; font-weight: bold; display: inline-block; transition: background 0.2s; }
.guerrillanavitem:hover, .guerrillanavitem.active { background: #006699; }
.guerrillamain { margin: 25px auto; }
.guerrillahero { display: grid; grid-template-columns: 1fr 280px; gap: 15px; margin-bottom: 25px; }
@media (max-width: 992px) { .guerrillahero { grid-template-columns: 1fr; } }
.guerrillaheromain { background: #ffffff; border-radius: 6px; border: 1px solid #ebdcb9; padding: 12px; }
.guerrillabanner img { width: 100%; height: 190px; object-fit: cover; border-radius: 4px; }
.guerrillasidebox { background: #ffffff; border-radius: 6px; border: 1px solid #ebdcb9; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; }
.guerrillasidehead { font-size: 14px; font-weight: bold; color: #0091ea; border-bottom: 2px solid #0091ea; padding-bottom: 8px; margin-bottom: 12px; }
.guerrillastats { list-style: none; font-size: 12px; color: #555; }
.guerrillastats li { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed #f0f3f6; }
.guerrillastats li span { font-weight: bold; color: #0091ea; }
.guerrillaad { display: block; margin-top: 10px; background: #e8f5e9; border: 1px solid #c8e6c9; border-radius: 4px; padding: 12px; text-align: center; color: #2e7d32; font-size: 12px; font-weight: bold; }
.guerrillasec { background: #ffffff; border-radius: 6px; border: 1px solid #ebdcb9; padding: 18px; margin-bottom: 25px; }
.guerrillasectitle { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #0091ea; padding-bottom: 8px; margin-bottom: 15px; }
.guerrillasectitle span { font-size: 15px; font-weight: bold; color: #0091ea; }
.guerrillamore { font-size: 12px; color: #888; }
.guerrillamore:hover { color: #0091ea; }
.guerrillamixgrid { display: grid; grid-template-columns: 260px 1fr; gap: 15px; }
@media (max-width: 992px) { .guerrillamixgrid { grid-template-columns: 1fr; } }
.guerrillaleftlist { display: flex; flex-direction: column; justify-content: space-between; }
.guerrillapromo { background: #fff8e1; border: 1px solid #ffe082; padding: 12px; border-radius: 6px; text-align: center; color: #ff8f00; font-size: 12px; font-weight: bold; }
.guerrillabulletlist { list-style: none; margin-top: 10px; }
.guerrillabulletitem { font-size: 12px; color: #4a5568; padding: 5px 0; border-bottom: 1px dashed #f0f3f6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.guerrillabulletitem a:hover { color: #0091ea; text-decoration: underline; }
.guerrillagrid5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
@media (max-width: 1024px) { .guerrillagrid5 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .guerrillagrid5 { grid-template-columns: repeat(2, 1fr); } }
.guerrillacard { background: #ffffff; border: 1px solid #ebdcb9; border-radius: 6px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.2s, border-color 0.2s; padding: 8px; text-align: center; }
.guerrillacard:hover { transform: translateY(-3px); border-color: #0091ea; }
.guerrillaimgbox { width: 100%; height: 110px; overflow: hidden; background: #fafafa; border-radius: 4px; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; border: 1px solid #ebdcb9; position: relative; }
.guerrillaimgbox img { max-width: 100%; max-height: 100px; object-fit: contain; }
.guerrillabadtags { position: absolute; top: 4px; right: 4px; background: rgba(0,145,234,0.85); color: #fff; font-size: 9px; padding: 1px 4px; border-radius: 3px; }
.guerrillatitle { font-size: 12px; font-weight: bold; color: #2c3e50; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.guerrillaprice { color: #e53e3e; font-size: 13px; font-weight: bold; }
.guerrillamixgrid-rev { display: grid; grid-template-columns: 1fr 260px; gap: 15px; }
@media (max-width: 992px) { .guerrillamixgrid-rev { grid-template-columns: 1fr; } }
.guerrillarightlist { background: #ffffff; border-radius: 6px; border: 1px solid #ebdcb9; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; }
.guerrillarightitem { display: flex; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px dashed #f0f3f6; font-size: 12px; }
.guerrillarightitem img { width: 34px; height: 34px; object-fit: cover; border-radius: 3px; }
.guerrillarightname { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4a5568; }
.guerrillarightprice { color: #e53e3e; font-weight: bold; }
.guerrillatagcloud { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.guerrillatagpill { padding: 3px 8px; border-radius: 12px; background: #e0f7fa; color: #006064; font-size: 10px; font-weight: bold; }
.guerrillatagpill:hover { background: #0091ea; color: #fff; }
.guerrillacol3grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
@media (max-width: 992px) { .guerrillacol3grid { grid-template-columns: 1fr; } }
.guerrillacolumnbox { background: #ffffff; border-radius: 8px; border: 1px solid #ebdcb9; padding: 15px; }
.guerrillacolhead { font-size: 14px; font-weight: bold; color: #0091ea; border-bottom: 2px solid #0091ea; padding-bottom: 8px; margin-bottom: 12px; }
.guerrillaranklist { list-style: none; }
.guerrillarankitem { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed #fafbfc; font-size: 12px; }
.guerrillaranknum { width: 18px; height: 18px; background: #ccd6dd; color: #fff; text-align: center; line-height: 18px; border-radius: 3px; font-size: 10px; font-weight: bold; margin-right: 8px; flex-shrink: 0; }
.guerrillarankitem:nth-child(-n+3) .guerrillaranknum { background: #0091ea; }
.guerrillarankname { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #4a5568; }
.guerrillacardbox { background: #ffffff; border-radius: 8px; border: 1px solid #ebdcb9; padding: 30px; max-width: 650px; margin: 0 auto; }
.guerrillafooter { background: #1a1d24; color: #888888; padding: 25px 0; text-align: center; font-size: 13px; margin-top: 40px; border-top: 2px solid #0091ea; }
.guerrillafooter a { color: #edf2f7; margin-bottom: 6px; display: inline-block; }
.guerrillafooter p { color: #718096; font-size: 12px; margin-top: 4px; }