/*
Theme Name: 【App 宝库】
Theme URI: https://appbaoku.com/
Author: 【App 宝库】
Author URI: https://appbaoku.com/
Description: 软件下载类主题，卡片式翻动布局，风格参考用户提供的设计（蓝绿渐变 + 卡片式）。
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: appbaoku
*/
/* 基本重置 */
:root{
  --bg-gradient: linear-gradient(180deg,#0f6fb8 0%, #2a9df4 40%, #f6fbff 100%);
  --card-bg: #ffffff;
  --muted: #6b7280;
  --accent: #1e90ff;
  --radius: 14px;
  --shadow: 0 8px 24px rgba(2,6,23,0.12);
  --glass: rgba(255,255,255,0.85);
}
*{box-sizing:border-box}
body{font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Hiragino Sans GB","Microsoft YaHei", Arial, sans-serif; margin:0; color:#0b2540; background:var(--bg-gradient); -webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none}
.site-header{max-width:1200px;margin:24px auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
.site-brand{display:flex;align-items:center;gap:12px;color:#fff}
.site-brand .logo{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;font-weight:700}
.site-nav{display:flex;gap:18px;align-items:center;color:rgba(255,255,255,0.95)}
.search-box{background:rgba(255,255,255,0.12);padding:8px 12px;border-radius:24px;color:#fff}
.hero{max-width:1200px;margin:8px auto 40px;padding:36px 20px;display:flex;gap:24px;align-items:center;}
.hero-left{flex:1;color:#fff}
.hero-left h1{font-size:48px;margin:0 0 12px;line-height:1.05}
.hero-left p{margin:0 0 6px;color:rgba(255,255,255,0.9)}
.hero-right{width:420px;height:220px;background:rgba(255,255,255,0.04);border-radius:18px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
/* 主体容器 */
.container{max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-columns: 1fr 320px;gap:28px;}
/* 卡片瀑布翻动区域 */
.cards-grid{display:grid;grid-template-columns: repeat(3,1fr);gap:20px;align-self:start}
.card{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transform-style:preserve-3d;transition:transform .6s;cursor:pointer;min-height:200px;display:flex;flex-direction:column;}
.card:nth-child(1){grid-row-end:span 2;min-height:420px}
.card:nth-child(2){min-height:260px}
.card:nth-child(3){grid-column:span 2;min-height:320px}
.card .card-front, .card .card-back{position:relative;padding:14px;backface-visibility:hidden;display:flex;flex-direction:column;height:100%}
.card .card-front img{width:100%;height:180px;object-fit:cover;border-radius:10px;background:#eee}
.card .card-title{font-size:18px;margin-top:12px;font-weight:600}
.card .card-excerpt{color:var(--muted);font-size:13px;margin-top:8px}
.card .card-back{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg);background:linear-gradient(180deg,#fff,#f6f9ff);padding:18px;justify-content:center;align-items:center}
.card.flipped{transform:rotateY(180deg)}
/* 右侧栏 */
.sidebar{display:flex;flex-direction:column;gap:18px}
.widget{background:var(--glass);padding:16px;border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(6px)}
.widget h3{margin:0 0 8px;font-size:16px}
.category-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.category-list li{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:10px;background:rgba(255,255,255,0.6)}
/* 推荐软件卡片 */
.small-cards{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}
.app-card{display:flex;gap:12px;align-items:center}
.app-card img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#fff}
.app-meta{display:flex;flex-direction:column}
.app-meta .name{font-weight:600}
.app-meta .desc{font-size:12px;color:var(--muted)}
/* Footer */
.site-footer{max-width:1200px;margin:40px auto;padding:20px;color:rgba(255,255,255,0.9);text-align:center}
/* 响应式 */
@media(max-width:1000px){
  .container{grid-template-columns:1fr 300px}
  .hero-left h1{font-size:38px}
}
@media(max-width:780px){
  .container{grid-template-columns:1fr; padding:12px}
  .cards-grid{grid-template-columns: repeat(2,1fr)}
  .card:nth-child(1),.card:nth-child(3){grid-column:auto;grid-row:auto}
  .site-header{padding:8px 12px}
  .hero-right{display:none}
}
@media(max-width:420px){
  .cards-grid{grid-template-columns: 1fr}
}
/* 深色主题样式 */
.dark-mode {
  --bg-gradient: linear-gradient(180deg, #0a1929 0%, #1a3a5f 40%, #2a3a4f 100%);
  --card-bg: #1a2a3a;
  --muted: #a0aec0;
  --accent: #4a9dff;
  --glass: rgba(26, 42, 58, 0.85);
}

.dark-mode .card .card-back {
  background: linear-gradient(180deg, #1a2a3a, #2a3a4a);
}

.dark-mode .btn {
  background: var(--accent);
  color: white;
  padding: 8px 16px;
  border-radius: 6px;
  display: inline-block;
}

/* 小细节 */
.btn {
  background: var(--accent);
  color: white;
  padding: 8px 16px;
  border-radius: 6px;
  display: inline-block;
}