:root{--primary-color:#2b7a3b;--primary-dark:#1f5a2a;--bg-color:#f7f9f8;--card-bg:#ffffff;--border-color:#2b7a3b;--text-color:#1a1a1a;--secondary-text:#5a6a5a;--light-gray:#e8ebe9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);background-image:linear-gradient(#e0e5e1 1px,transparent 1px),linear-gradient(90deg,#e0e5e1 1px,transparent 1px);background-size:20px 20px;line-height:1.6}.container{max-width:1100px;margin:0 auto;padding:20px}.navbar{border:2px solid var(--border-color);background:var(--card-bg);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap}.logo{font-family:'Press Start 2P',monospace;color:var(--primary-color);font-size:16px;text-decoration:none}.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:0.2s}.nav-links a:hover{border-bottom-color:var(--primary-color)}.nav-btn-qun{border:2px solid var(--border-color) !important;padding:6px 14px;background:var(--primary-color);color:#fff !important;border-radius:0}.nav-btn-qun:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px)}.hero-box{border:3px solid var(--border-color);background:rgba(255,255,255,0.92);padding:80px 40px;text-align:center;margin-bottom:30px;box-shadow:8px 8px 0 rgba(0,0,0,0.04)}.hero-box h1{font-family:'Press Start 2P',monospace;font-size:28px;color:var(--primary-color);margin-bottom:20px}.hero-box p.lead{font-size:18px;color:var(--secondary-text);max-width:650px;margin:0 auto 10px}.hero-box p.sub{font-size:15px;color:var(--secondary-text);background:var(--light-gray);display:inline-block;padding:6px 16px;border:1px solid #ccc;margin-bottom:30px}.btn{display:inline-block;padding:12px 32px;background:var(--card-bg);color:var(--primary-color);border:2px solid var(--border-color);text-decoration:none;font-weight:bold;transition:all 0.15s;margin:0 8px}.btn-primary{background:var(--primary-color);color:#fff}.btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff;transform:translateY(-2px)}.download-info{margin-top:15px;font-size:12px;color:var(--secondary-text);display:block;letter-spacing:0.5px}.section-title{font-size:24px;border-left:6px solid var(--border-color);padding-left:16px;margin-bottom:30px;font-weight:600}.stats-section{border:2px solid var(--border-color);background:var(--card-bg);padding:30px 20px;margin-bottom:50px}.stats-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.stat-item{text-align:center;padding:10px 15px;flex:1;min-width:120px}.stat-num{font-size:28px;font-weight:bold;color:var(--primary-color);display:block;margin-bottom:4px}.stat-label{font-size:14px;color:var(--secondary-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:60px}.feature-card{background:var(--card-bg);border:2px solid var(--border-color);padding:28px;transition:transform 0.2s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:var(--primary-color);margin-bottom:12px;font-size:18px;display:flex;align-items:center;gap:8px}.feature-card h3::before{content:"■";font-size:14px}.feature-card p{color:var(--secondary-text);font-size:14px}.feature-card.dimension-highlight{background:#f0f7f1;border-width:3px}.feature-card.dimension-highlight h3{font-size:20px}.screenshots-section{margin-bottom:40px}.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.screenshot-box{background:var(--card-bg);border:2px solid var(--border-color);padding:16px}.screenshot-box img{width:100%;height:auto;display:block;border:1px solid #d4d8d4;background:#fff}.screenshot-box p{text-align:center;margin-top:12px;font-size:14px;color:var(--secondary-text);font-weight:500}.gallery-section{margin-bottom:60px}.carousel-container{position:relative;width:100%;background:var(--card-bg);border:3px solid var(--border-color);overflow:hidden;aspect-ratio:16 / 9;min-height:280px}.carousel-slides{display:flex;transition:transform 0.4s ease-in-out;height:100%}.carousel-slide{min-width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-size:cover;background-position:center;background-color:#e4ece6;text-align:center;border-right:2px solid var(--border-color)}.carousel-slide .slide-content{background:rgba(0,0,0,0.6);padding:20px 30px;border:2px solid #fff;color:#fff}.carousel-slide .slide-content h3{font-family:'Press Start 2P',monospace;font-size:20px;margin-bottom:8px;color:#b0ffb0}.carousel-slide .slide-content p{font-size:14px;opacity:0.9}.carousel-slide .slide-content .author{font-size:12px;margin-top:6px;opacity:0.7}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(43,122,59,0.8);color:#fff;border:2px solid var(--border-color);padding:12px 18px;cursor:pointer;font-size:24px;font-weight:bold;z-index:10;transition:0.2s;line-height:1}.carousel-btn:hover{background:var(--primary-dark)}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-dots{text-align:center;padding:12px 0;background:var(--card-bg);border-left:3px solid var(--border-color);border-right:3px solid var(--border-color);border-bottom:3px solid var(--border-color)}.carousel-dot{display:inline-block;width:16px;height:16px;background:var(--light-gray);border:2px solid var(--border-color);margin:0 6px;cursor:pointer;transition:0.2s}.carousel-dot.active{background:var(--primary-color);border-color:var(--primary-dark)}.steps-section{background:var(--card-bg);border:2px solid #d0d6d0;padding:40px;margin-bottom:50px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:20px}.step-item{text-align:center;border:1px solid #ddd;padding:20px 15px;position:relative}.step-item .step-num{background:var(--primary-color);color:#fff;width:30px;height:30px;line-height:30px;border-radius:0;margin:0 auto 10px;font-weight:bold}.step-item h4{margin-bottom:8px}.step-item p{font-size:13px;color:var(--secondary-text)}.about-section{background:var(--card-bg);border:2px solid #d0d6d0;padding:40px;margin-bottom:50px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.about-card{border:2px solid var(--border-color);padding:24px;background:#fff}.about-card h3{color:var(--primary-color);margin-bottom:10px;font-size:18px}.about-card p{color:var(--secondary-text);font-size:14px;line-height:1.6;margin-bottom:10px}.about-card .btn{margin:0;padding:8px 20px;font-size:14px}.legal-section{border:2px solid #ccc;background:#fff;padding:28px;font-size:14px;color:var(--secondary-text);margin-top:20px}.legal-section h3{color:var(--text-color);margin-bottom:12px}.legal-section ul{padding-left:20px;margin:10px 0}.legal-section li{margin-bottom:6px}footer{text-align:center;padding:30px 0 20px;border-top:2px solid #ddd;margin-top:40px;font-size:14px;color:var(--secondary-text)}#update-modal-v2{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.35);background-image:linear-gradient(#e0e5e1 1px,transparent 1px),linear-gradient(90deg,#e0e5e1 1px,transparent 1px);background-size:20px 20px;align-items:center;justify-content:center}#update-modal-v2 .custom-modal-content{background:#ffffff;width:340px;border-radius:4px;border:2px solid var(--border-color);padding:28px 24px 20px;text-align:center;box-shadow:8px 8px 0 rgba(0,0,0,0.04);position:relative}#update-modal-v2 .app-logo{width:72px;height:72px;border-radius:4px;border:2px solid var(--border-color);overflow:hidden;margin:0 auto 18px}#update-modal-v2 .app-logo img{width:100%;height:100%;object-fit:cover;display:block}#update-modal-v2 .modal-title{font-family:'Press Start 2P',monospace;font-size:18px;font-weight:bold;color:var(--primary-color);margin-bottom:14px;line-height:1.4}#update-modal-v2 .modal-desc{font-size:14px;color:#666666;line-height:1.5;margin-bottom:24px}#update-modal-v2 .btn-group{display:flex;gap:12px;margin-bottom:18px}#update-modal-v2 .btn-cancel{flex:1;height:44px;border-radius:0;border:2px solid var(--border-color);background:#ffffff;color:var(--primary-color);font-size:14px;font-weight:bold;cursor:pointer}#update-modal-v2 .btn-confirm{flex:1;height:44px;border-radius:0;border:2px solid var(--border-color);background:var(--primary-color);color:#ffffff;font-size:14px;font-weight:bold;cursor:pointer}#update-modal-v2 .btn-cancel:active{background:#f0f0f0}#update-modal-v2 .btn-confirm:active{background:var(--primary-dark)}#update-modal-v2 .modal-footer{font-size:12px;color:var(--secondary-text)}@media (max-width:768px){.navbar{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.nav-links a{margin-left:0;padding:4px 0}.hero-box{padding:40px 20px}.hero-box h1{font-size:20px}.btn{width:100%;margin:6px 0;text-align:center}.features-grid,.about-grid,.screenshot-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}.stats-grid{flex-direction:column;gap:15px}#update-modal-v2 .custom-modal-content{width:90%}.carousel-slide .slide-content h3{font-size:16px}.carousel-btn{padding:8px 12px;font-size:18px}}@media (max-width:480px){.steps-grid{grid-template-columns:1fr}}