/*
Theme Name: QuickQ
Description: 黑蓝科技风 Typecho 主题：首页 + 博客，首页含下载按钮。
Version: 1.0
Author: QuickQ
*/
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#05070d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}
a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;background:rgba(0,0,0,.68);backdrop-filter:blur(10px)}
.nav-wrap{height:78px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;color:#1683ff;letter-spacing:.2px}
.logo-mark{width:34px;height:34px;border:3px solid #1683ff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.nav{display:flex;gap:58px;margin-right:12%}
.nav a{font-size:16px;color:#eee;transition:.2s}
.nav a:hover{color:#1683ff}
.hero{min-height:760px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 48%,#092f68 0,#061b3c 24%,#030711 60%,#010207 100%)}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.grid{position:absolute;inset:42% -10% -20%;opacity:.18;background-image:linear-gradient(rgba(30,130,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(30,130,255,.25) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(58deg)}
.orb{position:absolute;border-radius:50%;filter:blur(1px);border:2px solid rgba(54,151,255,.55);box-shadow:0 0 70px rgba(0,115,255,.28),inset 0 0 70px rgba(0,115,255,.18)}
.orb-1{width:500px;height:500px;right:10%;top:20%;box-shadow:0 0 100px rgba(0,130,255,.35),inset 0 0 80px rgba(0,130,255,.2)}
.orb-2{width:330px;height:330px;right:16%;top:31%;border-color:rgba(45,145,255,.7)}
.mountains{position:absolute;left:-5%;right:-5%;bottom:-3%;height:42%;background:linear-gradient(145deg,transparent 25%,#061b3b 25.2%,#071b3c 44%,transparent 44.3%),linear-gradient(25deg,#02040a 28%,#0a2349 28.2%,#02050c 55%);clip-path:polygon(0 65%,13% 43%,23% 61%,35% 30%,48% 62%,59% 40%,72% 60%,84% 28%,100% 57%,100% 100%,0 100%)}
.hero-content{position:relative;z-index:5;max-width:1240px;margin:auto;padding:210px 28px 100px}
.eyebrow{font-size:13px;letter-spacing:3px;color:#3b99ff;font-weight:700;margin-bottom:16px}
.hero h1{font-size:68px;line-height:1.08;margin:0 0 24px;font-weight:800;letter-spacing:-2px;max-width:650px}
.hero p{font-size:22px;color:#e7e9ef;margin:0 0 42px}
.download-btn{display:inline-flex;align-items:center;gap:16px;background:#1683ff;padding:16px 34px;border-radius:32px;font-size:18px;box-shadow:0 12px 35px rgba(22,131,255,.35);transition:.2s}
.download-btn:hover{background:#3b99ff;transform:translateY(-2px)}
.download-btn span{font-size:24px;line-height:0}
.features{max-width:1100px;margin:0 auto;padding:75px 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#05070d}
.feature{padding:32px;border:1px solid #172235;border-radius:18px;background:linear-gradient(145deg,#0b111c,#070a11)}
.feature-icon{font-size:28px;color:#1683ff;margin-bottom:15px}
.feature h3{margin:0 0 10px;font-size:20px}
.feature p{margin:0;color:#8f9bad}
.site-footer{border-top:1px solid #151d2b;padding:30px;text-align:center;color:#667286;font-size:13px;background:#03050a}
.blog-page,.article-page{min-height:calc(100vh - 78px);padding:150px 25px 80px;background:radial-gradient(circle at 50% 0,#0b2140,#05070d 55%)}
.blog-head,.posts,.article{max-width:980px;margin:0 auto}
.blog-head{text-align:center;margin-bottom:48px}
.blog-head h1,.article h1{font-size:48px;margin:0 0 15px}
.blog-head p{color:#8996aa;font-size:17px}
.posts{display:grid;gap:18px}
.post-card{padding:28px;border:1px solid #172235;background:#080d16;border-radius:16px}
.post-card h2{font-size:25px;margin:8px 0 12px}
.post-card h2 a:hover{color:#1683ff}
.post-meta{color:#4d9eff;font-size:13px}
.post-excerpt{color:#98a3b4;line-height:1.8}
.read-more{display:inline-block;margin-top:15px;color:#3b99ff}
.pagination{max-width:980px;margin:35px auto;text-align:center;color:#3b99ff}
.article{padding:10px 0}
.article-body{margin-top:35px;line-height:2;color:#d4dae4;font-size:17px}
.article-body img{max-width:100%;height:auto;border-radius:12px}
.empty{padding:50px;text-align:center;color:#7e8b9f}
@media(max-width:800px){
.nav-wrap{height:66px;padding:0 18px}.nav{gap:22px;margin-right:0}.logo{font-size:20px}.logo-mark{width:29px;height:29px}
.hero{min-height:700px}.hero-content{padding:165px 22px 80px}.hero h1{font-size:43px;letter-spacing:-1px}.hero p{font-size:16px;line-height:1.8}
.orb-1{width:310px;height:310px;right:-5%;top:35%}.orb-2{width:210px;height:210px;right:8%;top:43%}
.features{grid-template-columns:1fr;padding:50px 20px}.blog-page,.article-page{padding:120px 20px 60px}.blog-head h1,.article h1{font-size:36px}
}