.guide-page{background:linear-gradient(#f8f9fa 0%,#e9ecef 100%);min-height:100vh;padding:40px 20px}.guide-container{background:#fff;border-radius:20px;max-width:800px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #00000014}.guide-title{color:#333;text-align:center;border-bottom:3px solid #f5a0b8;margin-bottom:20px;padding-bottom:20px;font-size:28px;font-weight:700}.guide-intro{color:#555;text-align:center;background:#f8f9fa;border-radius:10px;margin-bottom:40px;padding:20px;font-size:16px;line-height:1.8}.guide-section{margin-bottom:40px}.guide-section h2{color:#333;border-left:4px solid #f5a0b8;margin-bottom:20px;padding-left:15px;font-size:22px;font-weight:700}.guide-step{background:#fafafa;border-radius:12px;gap:20px;margin-bottom:25px;padding:20px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#f5a0b8 0%,#d4a5d9 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex}.step-content{flex:1}.step-content h3{color:#333;margin-bottom:10px;font-size:18px;font-weight:600}.step-content p{color:#555;margin-bottom:10px;font-size:15px;line-height:1.7}.step-example{color:#666;background:#fff;border-left:3px solid #4ecdc4;border-radius:8px;padding:12px 15px;font-size:14px}.step-example code{color:#06c;background:#e8f4f8;border-radius:4px;padding:2px 8px;font-family:monospace}.step-list{margin:10px 0 0;padding:0;list-style:none}.step-list li{color:#555;padding:8px 0 8px 20px;font-size:15px;position:relative}.step-list li:before{content:"•";color:#f5a0b8;font-weight:700;position:absolute;left:0}.guide-note{color:#888;margin-top:8px;font-size:13px}.example-box{background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:20px}.example-box h3{color:#333;margin-bottom:15px;font-size:16px;font-weight:600}.example-steps{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px;padding:15px;display:flex}.example-key{color:#333;background:linear-gradient(145deg,#f0f0f0 0%,#e0e0e0 100%);border-radius:8px;padding:8px 14px;font-size:16px;font-weight:600;box-shadow:0 2px 4px #0000001a}.example-arrow{color:#999;font-size:18px}.example-result{color:#333;background:#e8f8e8;border-radius:8px;margin:0;padding:12px 15px;font-size:16px}.example-result strong{color:#2e7d32}.example-note{color:#777;background:#fffbf0;border-left:3px solid #f0c060;border-radius:0 6px 6px 0;margin:0 0 12px;padding:8px 12px;font-size:13px;line-height:1.6}.feature-list{flex-direction:column;gap:15px;display:flex}.feature-item{background:#fafafa;border-radius:10px;padding:20px}.feature-item h3{color:#333;margin-bottom:10px;font-size:16px;font-weight:600}.feature-item p{color:#555;margin:0;font-size:14px;line-height:1.6}.feature-item ul{margin:0;padding:0;list-style:none}.feature-item li{color:#555;padding:5px 0;font-size:14px}.guide-cta{text-align:center;border-top:1px solid #eee;margin-top:40px;padding-top:30px}.guide-cta-button{color:#fff;background:linear-gradient(135deg,#f5a0b8 0%,#d4a5d9 100%);border-radius:30px;padding:15px 40px;font-size:18px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 15px #f5a0b866}.guide-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5a0b880}.screen-description{gap:20px;margin-bottom:15px;display:flex}.screen-item{background:#fafafa;border-radius:10px;flex:1;align-items:center;gap:10px;padding:15px;display:flex}.screen-color{border-radius:6px;width:30px;height:30px}.screen-color.pink{background:#ffb4b4d9}.screen-color.blue{background:#b4d2ffd9}.screen-item p{color:#555;margin:0;font-size:14px}.compare-example{align-items:center;gap:15px;margin-bottom:15px;display:flex}.compare-example-item{text-align:center;border-radius:10px;flex:1;padding:15px}.compare-example-item.pink-bg{background:#ffb4b44d}.compare-example-item.blue-bg{background:#b4d2ff4d}.compare-example-item p{color:#555;margin:5px 0;font-size:14px}.compare-example-item .unit-price{color:#888;font-size:13px}.compare-vs{color:#999;font-size:18px;font-weight:700}.timeline-example{flex-direction:column;gap:15px;display:flex}.timeline-item{background:#fff;border-left:3px solid #f5a0b8;border-radius:8px;flex-direction:column;gap:8px;padding:15px;display:flex}.timeline-action{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.timeline-result{color:#555;padding-left:10px;font-size:14px}.warning-box{text-align:center;background:#fff5f5;border:1px solid #ffcdd2;border-radius:10px;padding:20px}.warning-box p{color:#555;margin:8px 0;font-size:14px}.over-budget-example{color:#fff;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);border-radius:10px;margin:10px 0;padding:10px 20px;font-size:24px;font-weight:700;display:inline-block}@media (max-width:600px){.guide-container{padding:25px 20px}.guide-title{font-size:24px}.guide-intro{padding:15px;font-size:14px}.guide-section h2{font-size:18px}.guide-step{flex-direction:column;gap:15px}.step-number{width:35px;height:35px;font-size:18px}.step-content h3{font-size:16px}.example-steps{justify-content:center}.example-key{padding:6px 10px;font-size:14px}.screen-description{flex-direction:column;gap:10px}.compare-example{flex-direction:column}.compare-vs{transform:rotate(90deg)}.guide-cta-button{padding:12px 30px;font-size:16px}}