<!--
小归客源码标识-----请你认准小归客出品！！博客：xgk.pw
本人图片在此，不要。不要。不要停、
!lll!!ll!lllllll!!lllllIllllllllllllIllllllllllllllllllllllllllllllllllllllll!llllIlllllIlIl!lllllllll!!!ll!lll!llIlllllll!lll!ll
!!lll!!!!l!!!!!!!!!!l!lllllllll!lllllllllll!llllllll!lIllllllIllllllllllllllll!!lllll!!lll!!lllllll!lll!l!!!!lll!lll!lll!!!!lll!l
!l!l!!!l!l!lllIl!lllll!l!lll!!!!!l!lll!ll!lllllllll!lllll!lllllll!ll!lllllll!lllllllllll!llll!!!lllllllllll!!l!lll!!!!!!lllll!ll!
i!l!!l!!!!!!ll!lll!l!!lllllllIlllllllll!lIllllllllllll!lllll!l!lll!llll!ll!!llll!lllll!llll!llll!!llll!l!Illllllll!llll!!!!!!Ill!
!!!!lll!l!l!!!ll!!!!!!ll!!lll!!!!l!l!llll!!lllllll!l!!!!!!l!llI!llll!lll!!!!!!ll!!!!!!!!!!lllll!llIl!!!l!l!lllll!lIlll!!l!l!l!lll
!!ll!!llll!!!llllllllll!lll!!ll!l!llll!lll!llll!llllIlllll!Illll!l!llll!llllllll!!lllll!!!!!lllllllllIllllllllllllllllIlllllll!ll
!l!llll!ll!lllll!l!ll!llll!lllll!llllllllll!llll!lll!ll!lll!l!lIlllllllll!llll!!lll!llllllllllllllllllllll!lllllIllllll!lllllllIl
!lll!llll!!!llll!!lllllllll!!lll!lll!lll!l!llI!llllllllllllllll!ll!lll!lll!l!l!ll!lllllllll!llllllll!llllllllll!llllllllllllllll!
!!llll!lll!lI!lllllllll!!l!!!lllll!lI!lllllllllllllll!lllIllllllllllllll!lllllllllllllIll!lllllllllllllIlIIllllllllllllllllllllll
l!llllllll!llll!!l!lllIl!llllll!!llIl!llll!lllllllllllllllllllll!ll!ll!lllll!lllllllll!llll!l!lllll!lIl!llllllllllIllll!lllll!!ll
ll!lll!lll!!ll!!l!l!llllllllll!llllllllIlllllllll!llllllllllll!llllll!lIllllllllllll!Illlllllll!l!llll!lllllllllIlllll!llllllll!l
!ll!llll!lllllllllllllll!l!llll!lllllllllllllllllll!llll!lllIIlll!Illlll!l!lllll!ll!ll!lllllllllllllllllllllllllll!lllllllllllIlI
!Ill!l!ll!ll!l!l!lllll!lllllllll!llllllllllllllll!llllllIll:  :lllllIllIlll!lll!llll!l!llllllllllll!llllllIllllllIllll!lIlllllllI
!l!!ll!lll!llllll!l!llll!lll!lllllllllllllll!llllllIllll!!    Ii!l!lIlllllllllllllll!l!llllllIllllllllllllllllIlIlIllllllllllllll
llll!!!!llllll!ll!l!l!!ll!lllll!l!llllllIl!lll!lIIli;           ;>; ^l!Illlllllllllllllllll!llllllllIIlllIllllllllllllllllllllIll
!!l!llll!lll!llllllll!lIlll!lllllllll!llllll!lll!>"                  '  `!!lll!llllIll!!ll!!ll!lllllllllllllllllllll!l!llllllllll
!!lll!lllll!ll!lllllIlIlIllll!l!lll!llllIl!llII!"                       ,!IllllllllI!l!lllllIllllllllIlllll!ll!lIlllIllllllllllll
!l!llllIllllllllllll!lllllIllllll!lllllllII;>^                            !IllllllllIlllllllllllllllllllllIIll!!lllllll!llllllllI
ll!!lllllll!lllllllIllllIllllllllllll!lllli^                               Illllllll!l!lll!llllIllllIll!IlIllllIllllllllllllllIll
!lllllIlllllllllllllllllllllllllllllIlllIi                                 `!IllI!llllllllllIlllIlllllIlIIllllllllllllllllllllIlI
!llIll!lllllllllllIllllllllIllIlllIlllllI:                   \1>`            lIIlIllIlIllllllIlllIllllIIlIlllllllllllllllIlllllll
llll!llllllllllllllIllIllIlIlIlllllllllIi         (k$$Q;    >B$$$$$a\^      IIIlllllllllIlllIIIllIIllll!IIIl!lllllllllllllllllll!
!llllllllllllllllIlllllllllllllll!llllIlI       ,$$$$$$$0` 'z8#Ct(uW$8X     !IllIIllllll!lIIIIllIllllllll!llllllllllll!llllllll!l
lllllIllllllIllIIlIlI!lIl!lllllllllllII!        u$$$$$$$$$$$o:  "+[J$&bj    lIlIllllllllIllllllIllll!llllIIllllllllllll!lIll!llll
!!lllllllIllllllIlIlIlllIlll!IlllllIlll         &$$$Q; :&$$$$$$$Y^          _t}illIllIlIIIIlllIlllllIlllIlIlIlllllll!llIl!lllllll
llllllllllllllIlIlIlIllllIlllll!lIlIlllIII     :$$z  [#$$$$$$@I         ]| :j0bw|!lIIIIIlIIllllIl!IlIIllllIIIlIlll!llll!lll!l!llI
lllllllllllllIlllllIllIIlIllIlIIIlIllllII!     ]$$$B#Y?,!naJ~           >u1;]vqWa{!IlllIlllIlIIllllIlIlIllllllllllllll!llllllllll
lllIlIIIIlIlIllIlllIIIlIIIlIIIlIlIIllllllI!    "&u:         )>          _\nvnuwB8jiIlIllIlIlIIIllllIllIllllllllIlllllllIllllIll!!
!lllIlIlIlIlIlllllIIIIIllIIllIIllIllllllllIl:              t$$n        ~(nYYccd%k}IllIIIlIllllIllIllllllllllllllllll!lllIIlIlllIl
l!llIlIllllIllllllllll!lIlIlIIIllllllllllllll>)>           XW&#w?1][|vLOwpmQJLmJ}!Illl!llllllIllllllllIlllllIl!lllllIllll!llllll!
IllllllIlllllllllllIlllIIlIIlIIlllIlIlllllll-kMQi}        <dW&#bU8$$$$$8#akwOU]IlllIIlIlllllllIIlIllllIIllllllll!lllllIllllIlI!ll
lllllllllllIIlIllllIlIIlIlllIllllIlIlIlllIlIz&ahhom>   ^-L$$Mbwwo$$$8$$$$BWop0{lllIlIIlIllIllIlIlllllllllIlllllllIllllllIlIlIlIll
llllllllIlIllIlIlllIlIllllIlllIIllllIlIlllIIj$B$$$8Madh$$$$$$$$$$$$b-$$$$$$Wb0{IIlIllllllIIlIlllllll!llIlIllllIIIlIIIllllllIlllll
llllllllIIIIlllIlIIIlllIlIlllIlIlIlllIlllIll!0$$$$@MW8@$$$$W$$%&%m  W$$$$$$MkU-llllIIlllllIIlllllllllllllllllIlllllllIllllllIlllI
lllllIllIllIIIllllIlIlllIIIllIlllIllllllIllIII{o$$$%%@$$$$$$l   ')@$$$$$$$B*b\lllllllIlIlllIlllllllIlll!ll!lllIlIIIllllIllll!lIll
llllllllllllllIIllIlllllllllllllllllllllllllllII;;+O$$$$$$$$$$$$$$$$$$$$$BMonllllllIIll;llIIIllllllll!lll!!lllllIllllll!lllllIlll
!lIllllllllllIlllIllllllllllllll!llllllllllIlIllI;I+O$$$$$$$$$$$$$$$$$$$8MaZX[IIllIIIllllIIllllllIlllIllIlIllIllllllllIlIlllIlll!
lllIllllllllIlllllIIlllllllllllll!llllll!llllIlIlIlI!fW$$$$$$$$$$$$$$$8MaqOQLX[lIIIIlIIII;II;IIIIIIIIIIIlllllllllIlllllIlIlllll!l
llllllllllIlllllllIlIllllllllll!llllll!llllllllIlIlllI>(ZB$$$$$$$$%&*kqmZZZOQCXj}(ZWoM&%@$$$$$$$$$$B*wz)<lIIllllIllIIlllIllllllll
lllllllllllllllllIllllllllllllll!lllllll!llllIllIlIIlIlII!]0dpqqwmZ0OOOZOZZmwppwO*$$$$$$$$$$$$$$$$$$$$$$$$ML(!IlllllllIllllllIlll
l!lllllllllll!lllllllllllIlllllllllllllllllllllllIIIIIlIl-xd&#abdppdbko#W%@$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$#X?IIIlIlllIllIll!l
lIlIll!llllllllllllllllllllIllllllllllllllllllllllI>}jL#$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$8c?lIlllllIlIlll
lllllllllllllllllllll!lllllllllllllllIlIl!IlII!?fm$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Mj<IIIllIllll
!lllllllllIlllllllllllll!lllllIlllIlllIllIIi)d$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$L{iIIlllI
!llIlIllIlllll!llllllllllllllllllIlllllIIim$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$B0z0%$z>IIlI
ll!llIlllIllllllllllllllllllllllIlIllII>%$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$JZ$$$$%x-ph_llI
llllIlllIlllllllIlllllllllllllllllllI!q$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$O$$$$$$$$$$@@Ci;I
!llllllllllll!llllllllllIIIlllllIIIIt$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$@k$$$$$$$$$$$$$$*c!
lllll!lllllllllllIllIlllIlIIlllllllL$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$a$$$$$$$$$$$$$$$$$$
llllllllllllIlllIllllllIIllllllII~p$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$J$$$$$$$$$$$$$$$$$$$
!lllllllllllllllllIllllllIlIlIIl]o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$d$$$$$$$$$$$$$$$$$$$
l!lllllll!llllIllIllllllIlIIIll[&$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$w$$$$$$$$$$$$$$$$$$$
lllllllllllllllll!llll!llIIlll}%$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$bW$$$$$$$$$$$r$$$$$$$$$$$$$$$$$$$
!llIllllllllllIIllllllllIIlll[&$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$U^}Y >8$$$$$$$$$$$$fW$$$$$$$$$$$$$$$$$
!!l!lllllll!llllllllllllllll)%$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$<> W:8+:ubB$$$$$$$$#w$$$[}d$$$$$$$$$$$$$$$
l!!ll!!llllllllllllllllllIlv$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$`i Wo$$$$$$$$$$$$$8qdCc$$$dCa$$$$$$$$$$$$
!Illllll!l!l!lllllllllllII}$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$BkbOIli~-?+~\q$$$$$$$$$
!l!l!lll!lIlllllllllllIlII[$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ohbIIlllIllIl<\q@$$$$$
!llllllIlll!lllll!llIlIlII>Q$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Mho>IlIllIlllIll+C$$$$
ll!l!lllllllllllllllIIlII!f$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Wao]IIIIllllIlIlliw$$$
lllllllllllll!llllllIllI!/$$$$$$$$$$$$$$$$$$$$@$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$8ao|lllllllllllIlI_%$$
llIll!lllIIlllll!lllllll/$$$$$$$$$$$$$$$$$$$$&oqZ$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$%oaxIlIlllIlIlIlIlI($$
lllllIlIl!lIl!lllllIlll($$$$$$$$$$$$$$$$$$$$B#dr>c$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$@*azlllIIlIllllllIlIx$
llllIllllll!llllllllII}$$$$$$$$$$$$$$$8#W&8oqU?II}$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$@#aLlIlllllllllllllIlY
l!lllllllllllIIlllllI}$$$$$$$$$$$$$$$$Bom0c!IlIIl~w$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$#amIllllIIIIllIlIllll
!llllIlIlllll!lllllI?$$$$$$$$$$$$$$$$%aZ0rlllIlIIiJ$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$MoqlIIIlIlIlIIlIlIIIl
llllllllllIllll!lll_$$$$$$$$$$$$$$$$8hZ0(!lIlIlIl>C$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$@obqI:;;;;;;;;;;;;IIll
!llllIllllllllllll<B$$$$$$$$$$$$$$$&bOQ1!Illlll!l+p$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$8hqq!:,,,,:,:,:::;:IIl
!!llllll!llIllllI!h$$$$$$$$$$$$$$$&d0L1llIlllllII[$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$%hpd>,:::::::::::;:;Il
!!!lIllIllllllIllZ$$$$$$$$$$$$$$$WbOJ{llIlIllIlIlf$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*kd>:;:;;;;;;;;;;Illl
llIllIIIllIlIlIIv$$$$$$$$$$$$$$$&bOJ}lIIlIIIIlII-k$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$W*h<II;IIIIIIIIIlllll


-->


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="http://q1.qlogo.cn/g?b=qq&amp;nk=9892054&amp;s=640" type="image/x-icon" />
    <title>主题鼠</title>
    <link rel="pingback" href="https://ztshu.cn/index.php/action/xmlrpc" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ztshu.cn/index.php/action/xmlrpc?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://ztshu.cn/index.php/action/xmlrpc?wlw" />
<link rel="alternate" type="application/rss+xml" title="主题鼠 &raquo; RSS 2.0" href="https://ztshu.cn/index.php/feed/" />
<link rel="alternate" type="application/rdf+xml" title="主题鼠 &raquo; RSS 1.0" href="https://ztshu.cn/index.php/feed/rss/" />
<link rel="alternate" type="application/atom+xml" title="主题鼠 &raquo; ATOM 1.0" href="https://ztshu.cn/index.php/feed/atom/" />
<meta name="description" content="typecho主题，主题下载，主题鼠，主题，鼠，typecho，免费，优质的主题收录站。" />
<meta name="keywords" content="typecho,php,blog,typecho主题，主题下载，主题鼠，主题，鼠，typecho，免费，优质的主题收录站。" />
<meta name="generator" content="Typecho 1.3.0" />
<meta name="template" content="ztshu" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://ztshu.cn/" />
<meta name="twitter:title" property="og:title" itemprop="name" content="主题鼠" />
<meta name="twitter:description" property="og:description" itemprop="description" content="typecho主题，主题下载，主题鼠，主题，鼠，typecho，免费，优质的主题收录站。" />
<meta property="og:site_name" content="主题鼠" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:domain" content="ztshu.cn" />
    <link rel="stylesheet" href="https://ztshu.cn/usr/themes/ztshu/style.css">
</head>
<body>

<!-- 手机端侧边栏遮罩 -->
<div class="overlay" id="overlay"></div>

<!-- 手机端侧边栏菜单 -->
<aside class="mobile-sidebar" id="mobileSidebar">
    <div class="header-logo" style="margin-bottom: 30px;">                     <a id="logo" href="https://ztshu.cn/">
                        <img src="/usr/themes/ztshu/img/logo.png" alt="主题鼠"/>
                    </a>
                </div>
    <ul class="mobile-nav">
        <form id="search" method="post" action="https://ztshu.cn/" role="search">
    <div class="search-input-wrapper">
        <input type="text" id="s" name="s" class="search-input" placeholder="输入关键字搜索"/>
        <button type="submit" class="search-submit">搜索</button>
    </div>
</form>
        
        <li><a href="https://ztshu.cn/">网站首页</a></li>
        
        <!-- 动态输出分类目录 -->
                        <li>
            <a href="https://ztshu.cn/index.php/category/default/">开源主题</a>
        </li>
                <li>
            <a href="https://ztshu.cn/index.php/category/%E7%8B%AC%E7%AB%8B%E7%A8%8B%E5%BA%8F/">独立程序</a>
        </li>
                
                        <li><a href="https://ztshu.cn/index.php/start-page.html">关于收录</a></li>
                <li><a href="https://ztshu.cn/index.php/12.html">主题截图</a></li>
                <li><a href="https://ztshu.cn/index.php/42.html">程序下载</a></li>
                <li><a href="https://ztshu.cn/admin/">登录</a></li>
    </ul>
</aside>

<!-- 顶部导航 -->
<header class="header">
    <div class="header-inner">
        <div class="header-logo">                     <a id="logo" href="https://ztshu.cn/">
                        <img src="/usr/themes/ztshu/img/logo.png" alt="主题鼠"/>
                    </a>
                </div>
        
        <!-- 电脑端菜单 -->
        <ul class="nav-menu">
            <li>
             <form id="search" method="post" action="https://ztshu.cn/" role="search">
    <div class="search-input-wrapper">
        <input type="text" id="s" name="s" class="search-input" placeholder="输入关键字搜索"/>
        <button type="submit" class="search-submit">搜索</button>
    </div>
</form></li>
            
            
            <li><a href="https://ztshu.cn/">首页</a></li>
            
             <!-- 动态输出分类目录 -->
                        <li>
            <a href="https://ztshu.cn/index.php/category/default/">开源主题</a>
        </li>
                <li>
            <a href="https://ztshu.cn/index.php/category/%E7%8B%AC%E7%AB%8B%E7%A8%8B%E5%BA%8F/">独立程序</a>
        </li>
                    
            
                                    <li><a href="https://ztshu.cn/index.php/start-page.html">关于收录</a></li>
                        <li><a href="https://ztshu.cn/index.php/12.html">主题截图</a></li>
                        <li><a href="https://ztshu.cn/index.php/42.html">程序下载</a></li>
                    </ul>
        
        <!-- 手机端汉堡按钮 -->
        <div class="hamburger" id="hamburgerBtn">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
</header>
<!-- 公告栏 -->
<div class="announcement">
    <span>📢 主题鼠（ztshu.cn）是一个由个人运营的公益网站，致力于聚合优质的开源 Typecho 主题。 欢迎提交优质主题以供收录。</span>
</div>

<!-- 主体内容 -->
<main class="container">
    <!-- 最近更新 -->
    <div class="section-header">
        <h2>最近更新</h2>
        
                
        <span class="more">共收录23主题</span>
       
    </div>
    
    <div class="grid">
       <article class="card">
    <!-- 调用缩略图函数 -->
    <img src="https://ztshu.cn/usr/uploads/2026/06/3599451969.png" class="card-img" alt="Book主题">
    <span class="ad-tag"><a href="https://ztshu.cn/index.php/category/default/">开源主题</a></span>
    <div class="card-body">
        <h3 class="card-title"><a href="https://ztshu.cn/index.php/archives/34/">Book主题</a></h3>
        <div class="card-info">
    <!-- 阅读数展示 -->
    <span class="read-count">
       <svg width="16" height="16" viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <path d="M 25 70 C 25 70, 60 20, 100 20 C 140 20, 175 70, 175 70 C 175 70, 140 120, 100 120 C 60 120, 25 70, 25 70 Z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="12" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
            <ellipse cx="100" cy="70" rx="18" ry="24" 
                     fill="none" 
                     stroke="#8c929d" 
                     stroke-width="12" 
                     stroke-linecap="round" 
                     stroke-linejoin="round"/>
        </svg>
        <!-- 阅读量数字 -->
        <span style="vertical-align: middle; font-size: 12px; color: #afafaf;">87</span>
    </span>

    <!-- 评论数展示 (示例) -->
    <span class="comment-count" style="margin-left: 15px;">
      <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <!-- 气泡外框 -->
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="2" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
        </svg>
        <!-- 你的评论数 -->
        <span style="font-size: 12px; color: #afafaf;">0</span>
    </span>
</div>


    </div>
</article>
<article class="card">
    <!-- 调用缩略图函数 -->
    <img src="https://ztshu.cn/usr/uploads/2026/06/1599646936.png" class="card-img" alt="SingleLine主题">
    <span class="ad-tag"><a href="https://ztshu.cn/index.php/category/default/">开源主题</a></span>
    <div class="card-body">
        <h3 class="card-title"><a href="https://ztshu.cn/index.php/archives/32/">SingleLine主题</a></h3>
        <div class="card-info">
    <!-- 阅读数展示 -->
    <span class="read-count">
       <svg width="16" height="16" viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <path d="M 25 70 C 25 70, 60 20, 100 20 C 140 20, 175 70, 175 70 C 175 70, 140 120, 100 120 C 60 120, 25 70, 25 70 Z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="12" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
            <ellipse cx="100" cy="70" rx="18" ry="24" 
                     fill="none" 
                     stroke="#8c929d" 
                     stroke-width="12" 
                     stroke-linecap="round" 
                     stroke-linejoin="round"/>
        </svg>
        <!-- 阅读量数字 -->
        <span style="vertical-align: middle; font-size: 12px; color: #afafaf;">57</span>
    </span>

    <!-- 评论数展示 (示例) -->
    <span class="comment-count" style="margin-left: 15px;">
      <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <!-- 气泡外框 -->
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="2" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
        </svg>
        <!-- 你的评论数 -->
        <span style="font-size: 12px; color: #afafaf;">0</span>
    </span>
</div>


    </div>
</article>
<article class="card">
    <!-- 调用缩略图函数 -->
    <img src="https://ztshu.cn/usr/uploads/2026/06/1065947383.png" class="card-img" alt="QwenMusic主题">
    <span class="ad-tag"><a href="https://ztshu.cn/index.php/category/default/">开源主题</a></span>
    <div class="card-body">
        <h3 class="card-title"><a href="https://ztshu.cn/index.php/archives/30/">QwenMusic主题</a></h3>
        <div class="card-info">
    <!-- 阅读数展示 -->
    <span class="read-count">
       <svg width="16" height="16" viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <path d="M 25 70 C 25 70, 60 20, 100 20 C 140 20, 175 70, 175 70 C 175 70, 140 120, 100 120 C 60 120, 25 70, 25 70 Z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="12" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
            <ellipse cx="100" cy="70" rx="18" ry="24" 
                     fill="none" 
                     stroke="#8c929d" 
                     stroke-width="12" 
                     stroke-linecap="round" 
                     stroke-linejoin="round"/>
        </svg>
        <!-- 阅读量数字 -->
        <span style="vertical-align: middle; font-size: 12px; color: #afafaf;">55</span>
    </span>

    <!-- 评论数展示 (示例) -->
    <span class="comment-count" style="margin-left: 15px;">
      <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <!-- 气泡外框 -->
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="2" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
        </svg>
        <!-- 你的评论数 -->
        <span style="font-size: 12px; color: #afafaf;">0</span>
    </span>
</div>


    </div>
</article>
<article class="card">
    <!-- 调用缩略图函数 -->
    <img src="https://ztshu.cn/usr/uploads/2026/06/208045236.png" class="card-img" alt="Xc主题">
    <span class="ad-tag"><a href="https://ztshu.cn/index.php/category/default/">开源主题</a></span>
    <div class="card-body">
        <h3 class="card-title"><a href="https://ztshu.cn/index.php/archives/28/">Xc主题</a></h3>
        <div class="card-info">
    <!-- 阅读数展示 -->
    <span class="read-count">
       <svg width="16" height="16" viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <path d="M 25 70 C 25 70, 60 20, 100 20 C 140 20, 175 70, 175 70 C 175 70, 140 120, 100 120 C 60 120, 25 70, 25 70 Z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="12" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
            <ellipse cx="100" cy="70" rx="18" ry="24" 
                     fill="none" 
                     stroke="#8c929d" 
                     stroke-width="12" 
                     stroke-linecap="round" 
                     stroke-linejoin="round"/>
        </svg>
        <!-- 阅读量数字 -->
        <span style="vertical-align: middle; font-size: 12px; color: #afafaf;">57</span>
    </span>

    <!-- 评论数展示 (示例) -->
    <span class="comment-count" style="margin-left: 15px;">
      <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <!-- 气泡外框 -->
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="2" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
        </svg>
        <!-- 你的评论数 -->
        <span style="font-size: 12px; color: #afafaf;">0</span>
    </span>
</div>


    </div>
</article>
<article class="card">
    <!-- 调用缩略图函数 -->
    <img src="https://ztshu.cn/usr/uploads/2026/06/854746268.png" class="card-img" alt="Reborn 主题">
    <span class="ad-tag"><a href="https://ztshu.cn/index.php/category/default/">开源主题</a></span>
    <div class="card-body">
        <h3 class="card-title"><a href="https://ztshu.cn/index.php/archives/26/">Reborn 主题</a></h3>
        <div class="card-info">
    <!-- 阅读数展示 -->
    <span class="read-count">
       <svg width="16" height="16" viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <path d="M 25 70 C 25 70, 60 20, 100 20 C 140 20, 175 70, 175 70 C 175 70, 140 120, 100 120 C 60 120, 25 70, 25 70 Z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="12" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
            <ellipse cx="100" cy="70" rx="18" ry="24" 
                     fill="none" 
                     stroke="#8c929d" 
                     stroke-width="12" 
                     stroke-linecap="round" 
                     stroke-linejoin="round"/>
        </svg>
        <!-- 阅读量数字 -->
        <span style="vertical-align: middle; font-size: 12px; color: #afafaf;">39</span>
    </span>

    <!-- 评论数展示 (示例) -->
    <span class="comment-count" style="margin-left: 15px;">
      <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <!-- 气泡外框 -->
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="2" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
        </svg>
        <!-- 你的评论数 -->
        <span style="font-size: 12px; color: #afafaf;">0</span>
    </span>
</div>


    </div>
</article>
<article class="card">
    <!-- 调用缩略图函数 -->
    <img src="https://ztshu.cn/usr/uploads/2026/06/4065132078.png" class="card-img" alt="Farallon 主题">
    <span class="ad-tag"><a href="https://ztshu.cn/index.php/category/default/">开源主题</a></span>
    <div class="card-body">
        <h3 class="card-title"><a href="https://ztshu.cn/index.php/archives/24/">Farallon 主题</a></h3>
        <div class="card-info">
    <!-- 阅读数展示 -->
    <span class="read-count">
       <svg width="16" height="16" viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <path d="M 25 70 C 25 70, 60 20, 100 20 C 140 20, 175 70, 175 70 C 175 70, 140 120, 100 120 C 60 120, 25 70, 25 70 Z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="12" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
            <ellipse cx="100" cy="70" rx="18" ry="24" 
                     fill="none" 
                     stroke="#8c929d" 
                     stroke-width="12" 
                     stroke-linecap="round" 
                     stroke-linejoin="round"/>
        </svg>
        <!-- 阅读量数字 -->
        <span style="vertical-align: middle; font-size: 12px; color: #afafaf;">34</span>
    </span>

    <!-- 评论数展示 (示例) -->
    <span class="comment-count" style="margin-left: 15px;">
      <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <!-- 气泡外框 -->
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="2" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
        </svg>
        <!-- 你的评论数 -->
        <span style="font-size: 12px; color: #afafaf;">0</span>
    </span>
</div>


    </div>
</article>
<article class="card">
    <!-- 调用缩略图函数 -->
    <img src="https://ztshu.cn/usr/uploads/2026/06/3431225570.png" class="card-img" alt="Mbsh主题">
    <span class="ad-tag"><a href="https://ztshu.cn/index.php/category/default/">开源主题</a></span>
    <div class="card-body">
        <h3 class="card-title"><a href="https://ztshu.cn/index.php/archives/22/">Mbsh主题</a></h3>
        <div class="card-info">
    <!-- 阅读数展示 -->
    <span class="read-count">
       <svg width="16" height="16" viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <path d="M 25 70 C 25 70, 60 20, 100 20 C 140 20, 175 70, 175 70 C 175 70, 140 120, 100 120 C 60 120, 25 70, 25 70 Z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="12" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
            <ellipse cx="100" cy="70" rx="18" ry="24" 
                     fill="none" 
                     stroke="#8c929d" 
                     stroke-width="12" 
                     stroke-linecap="round" 
                     stroke-linejoin="round"/>
        </svg>
        <!-- 阅读量数字 -->
        <span style="vertical-align: middle; font-size: 12px; color: #afafaf;">29</span>
    </span>

    <!-- 评论数展示 (示例) -->
    <span class="comment-count" style="margin-left: 15px;">
      <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <!-- 气泡外框 -->
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="2" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
        </svg>
        <!-- 你的评论数 -->
        <span style="font-size: 12px; color: #afafaf;">0</span>
    </span>
</div>


    </div>
</article>
<article class="card">
    <!-- 调用缩略图函数 -->
    <img src="https://ztshu.cn/usr/uploads/2026/06/607003813.png" class="card-img" alt="JJ 主题">
    <span class="ad-tag"><a href="https://ztshu.cn/index.php/category/default/">开源主题</a></span>
    <div class="card-body">
        <h3 class="card-title"><a href="https://ztshu.cn/index.php/archives/19/">JJ 主题</a></h3>
        <div class="card-info">
    <!-- 阅读数展示 -->
    <span class="read-count">
       <svg width="16" height="16" viewBox="0 0 200 140" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <path d="M 25 70 C 25 70, 60 20, 100 20 C 140 20, 175 70, 175 70 C 175 70, 140 120, 100 120 C 60 120, 25 70, 25 70 Z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="12" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
            <ellipse cx="100" cy="70" rx="18" ry="24" 
                     fill="none" 
                     stroke="#8c929d" 
                     stroke-width="12" 
                     stroke-linecap="round" 
                     stroke-linejoin="round"/>
        </svg>
        <!-- 阅读量数字 -->
        <span style="vertical-align: middle; font-size: 12px; color: #afafaf;">31</span>
    </span>

    <!-- 评论数展示 (示例) -->
    <span class="comment-count" style="margin-left: 15px;">
      <svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="vertical-align: middle; margin-right: 0px;">
            <!-- 气泡外框 -->
            <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" 
                  fill="none" 
                  stroke="#8c929d" 
                  stroke-width="2" 
                  stroke-linecap="round" 
                  stroke-linejoin="round"/>
        </svg>
        <!-- 你的评论数 -->
        <span style="font-size: 12px; color: #afafaf;">0</span>
    </span>
</div>


    </div>
</article>
    </div>

  <!-- 分页 -->
<ul class="page-navigator"><li class="prev"><a href="https://ztshu.cn/index.php/page/1/">上一页</a></li><li><a href="https://ztshu.cn/index.php/page/1/">1</a></li><li class="current"><a href="https://ztshu.cn/index.php/page/2/">2</a></li><li><a href="https://ztshu.cn/index.php/page/3/">3</a></li><li class="next"><a href="https://ztshu.cn/index.php/page/3/">下一页</a></li></ul></main>

<!-- 页脚 -->
<footer class="footer">
    <p>Copyright © 2026 <a href="https://ztshu.cn/">主题鼠</a></p>
    <p>Power by Typecho | Time: 0.01 ms</p>
</footer>

<script>
// 获取开始时间用于统计
window.THEME_START_TIME = 1784659128.6714;

const hamburgerBtn = document.getElementById('hamburgerBtn');
const mobileSidebar = document.getElementById('mobileSidebar');
const overlay = document.getElementById('overlay');

// 打开侧边栏
hamburgerBtn.addEventListener('click', () => {
    mobileSidebar.classList.add('active');
    overlay.classList.add('active');
    document.body.style.overflow = 'hidden';
});

// 关闭侧边栏 (点击遮罩层)
overlay.addEventListener('click', () => {
    mobileSidebar.classList.remove('active');
    overlay.classList.remove('active');
    document.body.style.overflow = '';
});
</script>
</body>
</html>