*{margin:0;padding:0;box-sizing:border-box}body{font-family:"PingFang TC","Microsoft JhengHei","Hiragino Sans",sans-serif;line-height:1.6;color:#333;background:#f8f9fa}header{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:1000;transition:all .3s;box-shadow:0 2px 10px rgba(0,0,0,.1)}header.scrolled{background:rgba(0,0,0,.85);color:#fff}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem}nav .logo{font-size:1.8rem;font-weight:bold;color:#00b900}nav .logo img{height:40px;vertical-align:middle}nav ul{display:flex;list-style:none;gap:2rem}nav a{text-decoration:none;color:#333;font-weight:500;transition:color .3s}header.scrolled nav a{color:#fff}nav a:hover{color:#00b900}.btn{padding:.75rem 1.5rem;border:none;border-radius:25px;background:linear-gradient(45deg,#00b900,#00d400);color:#fff;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .2s}.btn:hover{transform:translateY(-2px)}hero{min-height:100vh;display:flex;align-items:center;padding:8rem 2rem 4rem;background:url('/images/hero-bg.jpg') center/cover no-repeat;color:#fff;max-width:1400px;margin:0 auto;gap:4rem;position:relative}hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:0}hero .content,hero .demo{position:relative;z-index:1}hero .content h1{font-size:3.5rem;margin-bottom:1rem}hero .content p{font-size:1.3rem;margin-bottom:2rem}hero .stats{display:flex;gap:2rem;margin-top:2rem}hero .stats div{text-align:center}hero .stats strong{display:block;font-size:2rem}.demo{background:#fff;border-radius:20px;padding:1rem;box-shadow:0 20px 40px rgba(0,0,0,.2);width:400px;height:600px;color:#333;overflow:hidden;position:relative}.demo .chat-header{background:#00b900;color:#fff;padding:1rem;border-radius:15px 15px 0 0;display:flex;align-items:center;gap:1rem}.demo .messages{height:400px;overflow-y:auto;padding:1rem;background:#f0f0f0}.demo .msg{margin:.5rem 0;padding:.5rem 1rem;border-radius:15px;max-width:70%}.demo .msg.me{background:#00b900;color:#fff;margin-left:auto}.demo .msg.other{background:#fff}.demo .input-area{display:flex;padding:1rem;gap:.5rem;border-top:1px solid #ddd}.demo input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:20px}section{padding:5rem 2rem;max-width:1200px;margin:0 auto}h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#00b900}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s}.card:hover{transform:translateY(-5px)}.scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.pricing{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.price-card{background:#fff;padding:2rem;border-radius:15px;width:300px;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,.1)}.price-card.popular{border:3px solid #00b900;transform:scale(1.05)}.faq details{margin:1rem 0;background:#fff;border-radius:10px;padding:1rem}.footer{background:#1a1a1a;color:#fff;padding:3rem 2rem;text-align:center}@media(max-width:992px){nav ul{display:none}.hamburger{display:block}hero{flex-direction:column;text-align:center}.demo{width:100%;max-width:400px;height:500px}h1{font-size:2.5rem}.pricing{flex-direction:column;align-items:center}}@media(max-width:768px){section{padding:3rem 1rem}.stats{flex-direction:column}}@media(max-width:480px){hero{padding:6rem 1rem 2rem}.demo{height:450px}}