body{background-color:#f8fafb;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;margin:0;font-size:16px}ul{list-style:none;padding:0;margin:0}img{width:400px;max-width:100%;height:auto}.header{background:#fff;padding:10px 0;border-bottom:2px solid #10b981;box-shadow:0 2px 10px rgb(0 0 0 / .05);overflow:hidden}.header .logo{float:left}.header .logo img{margin-left:15px;height:40px;width:auto;display:inline-block;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .1))}.position{max-width:100%;margin:5px 15px 0 15px;padding:5px 0;font-size:14px;color:#999;background:#fff0;border:none;box-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.position a{color:#10b981;text-decoration:none;margin-right:5px}article,.list{max-width:900px;margin:0 auto 30px;background:#fff;padding:20px;border-radius:0}article{line-height:1.8}h1{font-size:22px;line-height:1.4;color:#1a1a1a;margin-bottom:20px;text-align:left}article span{display:block;margin-bottom:35px;font-size:14px}h2{font-size:19px;padding:10px 15px;background:#f0fdf4;border-left:5px solid #10b981;color:#166534;margin:30px 0 15px;border-radius:4px}.buy{display:grid;grid-template-columns:80px 1fr;grid-template-rows:1fr auto;column-gap:12px;align-items:start;background:#fdfdfd;border:1px solid #f0f0f0;border-radius:12px;padding:10px;margin:20px 0;text-decoration:none;transition:all 0.3s ease;box-sizing:border-box}.buy img{grid-column:1;grid-row:1 / span 2;width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #f5f5f5}.buy h4{grid-column:2;grid-row:1;font-size:16px;color:#333;margin:0;line-height:1.4;font-weight:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.buy span{grid-column:2;grid-row:2;color:#ff4d4f;font-size:19px;font-weight:inherit;margin:8px 0 0 0}.list ul li{position:relative;grid-template-rows:auto 1fr;column-gap:12px;row-gap:8px;padding:15px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.list ul li a{grid-column:1 / span 2;grid-row:1;display:block;font-size:17px;font-weight:600;color:#1a1a1a;text-decoration:none;line-height:1.4}.list ul li img{grid-column:1;grid-row:2;width:120px;height:100%;max-height:80px;object-fit:cover;border-radius:6px;position:relative;z-index:1}.list ul li p{grid-column:2;grid-row:2;align-self:start;font-size:14px;color:#666;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.list ul li span{grid-column:2;grid-row:2;align-self:end;font-size:14px;color:#999;position:relative;z-index:1}.list ul li a::after{content:"";position:absolute;inset:0;z-index:10}.tags{margin:20px 0}.tags ul{display:flex;flex-wrap:wrap;gap:8px}.tags ul li a{display:inline-block;padding:4px 12px;background:#f0fdf4;color:#10b981;font-size:14px;border-radius:20px;border:1px solid #dcfce7;text-decoration:none}.footer{padding:40px 20px;margin-top:50px;text-align:center;background-color:#fff;border-top:1px solid #eee}.footer p{margin:8px 0;font-size:14px;color:#999;line-height:1.6}.footer a{color:#999;text-decoration:none;transition:color 0.2s ease}.footer a:hover{color:#10b981;text-decoration:underline}@media (max-width:640px){.footer{padding:30px 15px;margin-top:30px}.footer p{font-size:13px}.footer a{display:inline-block;padding:5px 0}}.pagenavi{margin:40px 0;text-align:center}.pagenavi ul{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px}.pagenavi ul li{display:inline-block}.pagenavi ul li a,.pagenavi ul li span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;font-size:14px;color:#666;background:#fff;border:1px solid #eee;border-radius:8px;text-decoration:none;box-sizing:border-box}.pagenavi ul li a:hover{color:#10b981;border-color:#10b981;background:#f0fdf4}.pagenavi ul li.active span{background:#10b981;color:#fff;border-color:#10b981;font-weight:600}.pagenavi ul li.disabled span{color:#ccc;background:#f9f9f9;border-color:#eee;cursor:not-allowed}@media (max-width:640px){.pagenavi{margin:25px 0}.pagenavi ul{gap:6px}.pagenavi ul li a,.pagenavi ul li span{min-width:34px;height:34px;padding:0 8px;font-size:14px}}.searchform{position:relative;display:flex;width:100%;max-width:280px;float:right;margin:0 15px 0 0}.searchinput{width:100%;height:38px;padding:0 45px 0 18px;font-size:16px;color:#333;background:#f5f7f9;border:1px solid #eee;border-radius:20px;outline:none;box-sizing:border-box}.searchinput:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px rgb(16 185 129 / .1)}.search{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23999999"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>') no-repeat center;background-size:18px;border:none;cursor:pointer;z-index:2}@media (max-width:640px){.searchinput{height:36px;font-size:16px}.search{width:30px;height:30px;background-size:16px}}@media (min-width:641px){.header{padding-left:calc((100% - 980px) / 2);padding-right:calc((100% - 980px) / 2);padding-top:25px;padding-bottom:25px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.header .logo img{height:50px;margin-left:0}.position{max-width:940px;margin:15px auto;padding:10px 20px;font-size:14px;background:#fff;border-radius:30px;box-shadow:0 2px 5px rgb(0 0 0 / .03);border:1px solid #eee;color:#888}article,.list{padding:40px;border-radius:16px;box-shadow:0 10px 30px rgb(0 0 0 / .05)}h1{font-size:28px}}.index{height:15px}@media (min-width:641px) and (max-width:1000px){.header{padding-left:20px;padding-right:20px}}