:root{--orange:#f5750b;--ink:#091628;--muted:#68717e;--content-width:1140px;--page-gutter:24px;--paper:#fff;--line:#f1eeea}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
a{color:inherit;text-decoration:none;touch-action:manipulation}
button{font:inherit;touch-action:manipulation}
.site-container{width:min(var(--content-width),calc(100% - var(--page-gutter) * 2));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-60px;z-index:10;padding:10px 14px;background:var(--ink);color:#fff;border-radius:6px;transition:top .2s ease}
.skip-link:focus{top:16px}
.site-header{height:78px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:5}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:.2px}
.brand img{display:block;object-fit:contain}
.header-inner nav{display:flex;align-items:center;gap:37px;height:100%;font-size:14px;font-weight:650}
.header-inner nav a{height:100%;display:flex;align-items:center;position:relative;transition:color .2s ease}
.header-inner nav a:hover{color:var(--orange)}
.header-inner nav .is-active{color:var(--orange)}
.header-inner nav .is-active::after{content:"";position:absolute;bottom:8px;left:50%;width:24px;height:2px;transform:translateX(-50%);background:var(--orange)}
.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:1px solid #f0d9c6;border-radius:7px;background:#fff}
.menu-toggle span{display:block;width:17px;height:2px;margin:3px auto;background:var(--orange);border-radius:2px}
.hero{min-height:632px;overflow:hidden;position:relative;background:linear-gradient(110deg,#fff 0%,#fff 55%,#fffaf6 100%)}
.hero::after{content:"";position:absolute;right:-145px;top:20px;width:590px;height:590px;border-radius:50%;background:#fff0e5;opacity:.72}
.hero::before{content:"";position:absolute;right:240px;top:174px;width:280px;height:280px;border:1px solid rgba(245,117,11,.08);border-radius:50%}
.hero-grid{min-height:632px;display:grid;grid-template-columns:50% 50%;align-items:center;position:relative;z-index:1}
.hero-copy{padding-left:42px}
.eyebrow{margin:0 0 20px;color:var(--orange);font-size:14px;font-weight:800;letter-spacing:.9px}
.hero h1{margin:0;font-size:52px;line-height:1.21;font-weight:800}
.hero h1 span{display:block;margin-top:5px;color:var(--orange);font-size:48px;letter-spacing:1px}
.hero-description{max-width:410px;margin:26px 0 0;color:var(--muted);font-size:16px;line-height:1.95}
.hero-visual{height:100%;position:relative}
.hero-orbit{position:absolute;left:20px;top:125px;width:260px;height:340px;border:2px dashed #f4bb87;border-radius:56% 44% 47% 53%;transform:rotate(-23deg)}
.hero-pin{position:absolute;left:26px;top:215px;width:34px;height:34px;border-radius:50% 50% 50% 5px;background:var(--orange);box-shadow:0 8px 13px #ffc998;transform:rotate(-45deg)}
.hero-pin::after{content:"";position:absolute;left:11px;top:11px;width:12px;height:12px;border-radius:50%;background:#fff}
.hero-phone-art{position:absolute;right:138px;top:12px;z-index:1;width:350px;height:524px;object-fit:contain;filter:drop-shadow(15px 22px 18px rgba(9,22,40,.18))}
.capabilities{padding:58px 0 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:78px}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.capability{padding:5px 36px 7px;text-align:center;border-right:1px solid #f0eeeb;transition:transform .2s ease}
.capability:last-child{border-right:0}
.capability:hover{transform:translateY(-5px)}
.capability-icon{width:110px;height:67px;margin:0 auto 18px;background-image:url("assets/tripmind-feature-icons.png");background-repeat:no-repeat;background-size:400% auto}
.capability-icon--plan{background-position:0 center}
.capability-icon--recommend{background-position:33.333% center}
.capability-icon--manage{background-position:66.667% center}
.capability-icon--community{background-position:100% center}
.capability h2{margin:0 0 14px;font-size:18px}
.capability p{margin:0;color:#626a75;font-size:13px;line-height:1.8}
.about{padding:85px 0 72px;scroll-margin-top:78px}
.about-grid{display:grid;grid-template-columns:48% 52%;align-items:center;gap:12px}
.about h2{margin:0 0 31px;font-size:38px}
.company-name{display:flex;align-items:center;gap:12px;margin:0 0 19px;font-size:20px;font-weight:800}
.company-name img{display:block}
.about-text{max-width:510px;color:#535d69;font-size:14px;line-height:1.95}
.about-text p{margin:0 0 15px}
.about-art{display:block;width:100%;height:auto;max-width:520px;justify-self:end;filter:drop-shadow(0 15px 24px rgba(245,117,11,.08))}
.download-section{padding:10px 0 48px;scroll-margin-top:78px}
.download-strip{min-height:134px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:29px 42px;border:1px solid #fae5d6;border-radius:8px;background:linear-gradient(105deg,#fff7f1,#fffdfb 58%,#fff6ef)}
.download-strip h2{margin:0 0 9px;font-size:25px}
.download-strip p{margin:0;color:#64707d;font-size:14px}
.download-links{display:flex;gap:12px}
.store-link{display:flex;align-items:center;gap:9px;height:48px;padding:7px 14px;border-radius:6px;background:#172131;color:#fff;line-height:1;cursor:pointer}
.store-link[data-unavailable="true"]{opacity:.84;cursor:not-allowed}
.store-link small,.store-link strong{display:block}
.store-link small{margin-bottom:4px;color:#cbd3dc;font-size:9px}
.store-link strong{font-size:15px}
.store-mark{width:23px;height:23px;display:grid;place-items:center}
.store-mark--apple{font-family:"Helvetica Neue",sans-serif;font-size:27px}
.store-mark--android{background:linear-gradient(135deg,#22bd79 0 33%,#3da6e5 34% 56%,#ffcb3f 57% 72%,#ef5957 73%);clip-path:polygon(0 0,100% 50%,0 100%)}
.contact{padding:0 0 38px;scroll-margin-top:78px}
.contact-panel{position:relative;overflow:hidden;padding:54px 46px 25px;border-radius:12px;background:radial-gradient(circle at 79% 0%,#153757 0%,#0a1b30 39%,#071629 75%);color:#fff}
.contact-panel::after{content:"";position:absolute;right:-172px;bottom:-240px;width:370px;height:370px;border:1px solid rgba(246,151,65,.13);border-radius:50%}
.contact-grid{display:grid;grid-template-columns:40% 60%;gap:44px;align-items:center;position:relative;z-index:1}
.contact-copy h2{margin:0 0 20px;font-size:38px}
.contact-rule{display:block;width:28px;height:3px;margin-bottom:23px;background:var(--orange)}
.contact-copy>p:last-child{max-width:330px;margin:0;color:#c4ced9;font-size:14px;line-height:1.9}
.contact-card{min-height:87px;display:flex;align-items:center;gap:17px;margin:11px 0;padding:16px 21px;border:1px solid rgba(175,208,238,.16);border-radius:9px;background:rgba(255,255,255,.055);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.contact-card--link:hover{border-color:rgba(245,117,11,.5);background:rgba(255,255,255,.09);transform:translateX(4px)}
.contact-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border:1px solid rgba(245,117,11,.24);border-radius:50%;background:linear-gradient(145deg,#fffdfb,#f8eee4);color:#f78a30;box-shadow:0 10px 19px rgba(0,0,0,.15)}
.contact-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.contact-card>div>span{display:block;margin-bottom:6px;color:#aebbc9;font-size:12px}
.contact-card strong{font-size:16px}
.site-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:28px;padding-top:17px;border-top:1px solid rgba(174,203,230,.16);color:#a9b4c1;font-size:11px}
.site-footer nav{display:flex;gap:13px}
.site-footer a{color:#fff}
.site-footer a:hover{text-decoration:underline}
.site-footer i{font-style:normal}
.legal-page{min-height:100vh;background:#fffaf6}
.legal-main{padding:82px 0}
.legal-shell{max-width:820px;margin:0 auto;padding:58px 68px;border:1px solid #f1e5db;border-radius:10px;background:#fff;box-shadow:0 16px 40px rgba(23,33,49,.05)}
.legal-shell h1{margin:0 0 10px;font-size:36px}
.legal-updated{margin:0 0 42px;color:var(--muted);font-size:13px}
.legal-shell h2{margin:34px 0 11px;font-size:20px}
.legal-shell p,.legal-shell li{color:#4e5864;font-size:14px;line-height:2}
.legal-shell ul{padding-left:21px}
.legal-shell a{color:#c95e07;text-decoration:underline}
.legal-footer{padding:28px 0 44px;text-align:center;color:#68717e;font-size:12px}
.legal-footer a{color:#243044;text-decoration:underline}
.brand:focus-visible,.header-inner a:focus-visible,.menu-toggle:focus-visible,.store-link:focus-visible,.contact-card:focus-visible,.site-footer a:focus-visible,.legal-footer a:focus-visible{outline:3px solid rgba(245,117,11,.45);outline-offset:4px}
@media(max-width:800px){:root{--page-gutter:18px}
.site-header{height:67px}
.brand{font-size:20px}
.brand img{width:32px;height:32px}
.menu-toggle{display:block}
.header-inner{position:relative}
.header-inner nav{display:none}
.header-inner nav[data-open="true"]{position:absolute;left:0;right:0;top:66px;height:auto;display:grid;gap:0;padding:7px 0;border:1px solid #f1e5db;border-top:0;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 12px 24px rgba(9,22,40,.08)}
.header-inner nav[data-open="true"] a{height:auto;padding:14px 18px}
.header-inner nav .is-active::after{left:18px;bottom:8px;transform:none}
.hero,.hero-grid{min-height:0}
.hero-grid{grid-template-columns:1fr;padding-top:61px}
.hero-copy{padding-left:0}
.hero h1{font-size:41px;line-height:1.26}
.hero h1 span{font-size:38px}
.hero-description{margin-top:20px;font-size:14px;line-height:1.85}
.hero-visual{height:440px;margin-top:3px}
.hero-phone-art{right:calc(50% - 162px);top:13px;width:324px;height:405px}
.hero-orbit{left:calc(50% - 142px);top:77px;width:220px;height:285px}
.hero-pin{left:calc(50% - 142px);top:163px}
.capabilities{padding:43px 0}
.capability-grid{grid-template-columns:1fr 1fr;gap:34px 0}
.capability{padding:0 13px;border-right:0}
.capability-icon{width:94px;height:58px}
.capability h2{font-size:16px}
.capability p{font-size:12px;line-height:1.7}
.about{padding:62px 0 30px}
.about-grid,.contact-grid{grid-template-columns:1fr}
.about h2,.contact-copy h2{font-size:32px}
.about-art{max-width:100%;justify-self:center;margin-top:10px}
.download-strip{display:block;padding:28px}
.download-links{margin-top:23px;flex-wrap:wrap;gap:9px}
.store-link{height:46px;padding:6px 11px}
.store-link strong{font-size:14px}
.contact-panel{padding:38px 24px 22px;border-radius:10px}
.contact-grid{gap:26px}
.contact-card{padding:15px}
.site-footer{line-height:1.8}
.site-footer nav{flex-wrap:wrap}
.legal-main{padding:42px 0}
.legal-shell{padding:34px 25px}
.legal-shell h1{font-size:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}