/* 虾壳前台统一视觉系统 */
:root{--primary-color:#7367f0;--primary-hover:#655bd3;--primary-light:#eeecff;--secondary-color:#00cfe8;--accent-color:#ff9f43;--success-color:#28c76f;--danger-color:#ea5455;--dark-color:#2f2b3d;--text-color:#5d596c;--muted-color:#6f6b7d;--gray-100:#f8f7fa;--gray-200:#e8e7ec;--gray-300:#d9d7df;--gray-500:#8f8b99;--gray-700:#5d596c;--line-color:#e7e6eb;--gradient-primary:linear-gradient(135deg,#7367f0,#655bd3);--gradient-hero:linear-gradient(135deg,#f1efff 0%,#f8f7fa 58%,#eafcff 100%);--shadow-sm:0 1px 2px rgba(47,43,61,.04);--shadow-md:0 4px 16px rgba(47,43,61,.07);--shadow-lg:0 12px 32px rgba(47,43,61,.1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text-color);background:var(--gray-100);font-family:"Public Sans","PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary-color)}a:hover{color:var(--primary-hover)}.container{max-width:1200px}
.navbar-openclaw{min-height:68px;padding:.65rem 0;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--line-color);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}.navbar-openclaw.scrolled{box-shadow:0 3px 14px rgba(47,43,61,.08)}.navbar-brand{color:var(--dark-color)!important;font-size:1.2rem;font-weight:700}.navbar-brand img{width:32px;height:32px;object-fit:contain;margin-right:.45rem}.navbar-brand span{color:var(--primary-color)}.navbar-toggler{border:1px solid var(--line-color);padding:.35rem .55rem}.navbar-toggler:focus{box-shadow:0 0 0 3px rgba(115,103,240,.14)}.nav-link{color:var(--muted-color)!important;font-size:.9rem;font-weight:600;padding:.55rem .85rem!important;border-radius:6px}.nav-link:hover,.nav-link.active{color:var(--primary-color)!important;background:var(--primary-light)}.dropdown-menu{border:1px solid var(--line-color);border-radius:6px;box-shadow:var(--shadow-lg);padding:.4rem}.dropdown-item{border-radius:5px;color:var(--text-color);font-size:.88rem;padding:.5rem .75rem}.dropdown-item:hover,.dropdown-item.active{color:var(--primary-color);background:var(--primary-light)}.btn-nav-account{border:1px solid #d8d4ff!important;color:var(--primary-color)!important;background:#fff!important;border-radius:6px!important;font-weight:650}.btn-nav-account:hover{color:#fff!important;background:var(--primary-color)!important;border-color:var(--primary-color)!important}
.section{padding:5rem 0}.section.bg-light,.legal-content.bg-light{background:#f8f7fa!important}.section-title{position:relative;z-index:0;display:inline-block;margin-bottom:.8rem;color:var(--dark-color);font-size:2rem;font-weight:750;letter-spacing:0;line-height:1.25}.section-title::before{content:"";position:absolute;z-index:-1;left:-.35rem;right:1.3rem;bottom:.05rem;height:.58rem;border-radius:3px;background:#e5e1ff}.section-subtitle{color:var(--muted-color);font-size:1rem}.text-gradient{color:var(--primary-color)!important}.bg-gradient-primary{background:#7367f0!important}.rounded-xl,.rounded-2xl{border-radius:8px!important}.btn{border-radius:6px;font-weight:650;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.btn-primary,.btn-primary-gradient{color:#fff!important;background:#7367f0;border:1px solid #7367f0;box-shadow:0 4px 10px rgba(115,103,240,.18)}.btn-primary:hover,.btn-primary-gradient:hover{color:#fff!important;background:#655bd3;border-color:#655bd3;transform:translateY(-1px);box-shadow:0 6px 14px rgba(115,103,240,.25)}.btn-primary-gradient{padding:.72rem 1.35rem;background:#7367f0}.btn-outline-primary{color:#655bd3;border-color:#c9c4ff;background:#fff}.btn-outline-primary:hover{color:#fff;background:#7367f0;border-color:#7367f0}.btn-outline-light-custom{color:#655bd3;background:#fff;border:1px solid #c9c4ff;border-radius:6px;padding:.72rem 1.35rem;box-shadow:0 2px 5px rgba(47,43,61,.04)}.btn-outline-light-custom:hover{color:#655bd3;background:#f3f1ff;border-color:#aaa2ff}.form-control,.form-select{color:var(--dark-color);border:1px solid var(--gray-300);border-radius:6px;min-height:44px}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(115,103,240,.14)}.badge.bg-primary{background:var(--primary-color)!important}
.hero-section{min-height:640px;padding:8.5rem 0 5rem;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--gradient-hero)!important}.hero-section::before{display:none}.hero-content{position:relative;z-index:1}.hero-title{color:var(--dark-color);font-size:clamp(2.35rem,4.5vw,3.65rem);line-height:1.18;font-weight:750;letter-spacing:-.02em}.hero-title .highlight{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{max-width:580px;color:var(--muted-color);font-size:1.08rem}.hero-image img{filter:none}.feishu-badge{color:#087f8c;background:#e6fbfd;border:1px solid #c5f2f6;border-radius:5px;padding:.35rem .7rem;font-size:.76rem}.hero-account-panel{color:var(--dark-color);background:#fff;border:1px solid var(--line-color);border-radius:8px;box-shadow:var(--shadow-lg)}.account-eyebrow{color:var(--primary-color)}.account-tabs,.account-mode-row{background:var(--gray-100);border:1px solid var(--line-color);border-radius:6px}.account-tabs button,.account-mode-row button{border-radius:5px;color:var(--muted-color)}.account-tabs button.active,.account-mode-row button.active{color:var(--primary-color);background:#fff;box-shadow:var(--shadow-sm)}.account-input{min-height:44px;border:1px solid var(--gray-300);border-radius:6px}.account-code-btn{min-height:44px;border:1px solid var(--primary-color);border-radius:6px;background:var(--primary-color);color:#fff;box-shadow:none;appearance:none;-webkit-appearance:none;transition:background .18s ease,border-color .18s ease,color .18s ease}.account-code-btn:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.account-submit{border-radius:6px;background:var(--primary-color)}.account-submit:hover{background:var(--primary-hover)}.hero-section+.py-5{background:#fff!important;border-bottom:1px solid var(--line-color)}.hero-section+.py-5 .text-gradient{color:var(--primary-color)!important}
.hero-account-wrap{position:relative;z-index:2}.hero-account-panel{width:min(100%,440px);margin:0 auto;padding:1.65rem}.account-panel-head{margin-bottom:1.25rem}.account-panel-head h2{margin:.4rem 0 .3rem;font-size:1.65rem;font-weight:750}.account-panel-head p{margin:0;color:var(--muted-color);font-size:.9rem}.account-tabs,.account-mode-row{display:flex;gap:.25rem;padding:.2rem;margin-bottom:.9rem}.account-tabs button,.account-mode-row button{flex:1;border:0;background:transparent;padding:.6rem;font-weight:650}.account-label{display:block;margin:.65rem 0 .3rem;color:var(--text-color);font-size:.8rem;font-weight:650}.account-input{display:block;width:100%;padding:.65rem .8rem;color:var(--dark-color);outline:0}.account-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(115,103,240,.14)}.account-code-row{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:.55rem;align-items:stretch;margin-top:.75rem}.account-code-row .account-input{min-width:0}.account-code-btn{width:116px;min-height:44px;white-space:nowrap;padding:0 .65rem;font-size:.82rem;font-weight:650}.account-code-btn:disabled{cursor:not-allowed;opacity:1;background:#f1efff;border-color:#d8d4ff;color:#655bd3;box-shadow:none}.account-code-btn.is-counting{font-variant-numeric:tabular-nums}.account-countdown{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.account-countdown strong{min-width:2ch;font-variant-numeric:tabular-nums}.account-submit{width:100%;margin-top:1rem;padding:.72rem 1rem;border:0;color:#fff;font-weight:700}.account-alert{display:flex;align-items:center;gap:.5rem;min-height:38px;border:1px solid #f3c1c1;background:#fff4f4;color:#bd3c3c;border-radius:6px;padding:.5rem .7rem;font-size:.8rem;line-height:1.4;margin:-.15rem 0 .75rem}.account-alert i{flex:0 0 auto;font-size:.95rem}.account-alert span{min-width:0}.account-alert-success{border-color:#b9e5cc;background:#effaf4;color:#20824b}.account-note{color:var(--muted-color);font-size:.75rem;margin-top:1rem;text-align:center}
.feature-card,.skill-card,.download-card,.pricing-card,.contact-card,.provider-card,.product-card,.model-card,.advantage-card,.tutorial-card,.notice-card,.doc-card,.legal-article{background:#fff;border:1px solid var(--line-color);border-radius:8px;box-shadow:var(--shadow-sm)}.feature-card,.skill-card,.contact-card,.model-card,.advantage-card{transition:.2s ease}.feature-card:hover,.skill-card:hover,.contact-card:hover,.model-card:hover,.advantage-card:hover{border-color:#cfcaff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon,.skill-icon,.download-icon,.model-icon{border-radius:8px!important}.feature-icon{width:54px;height:54px;background:#eeecff!important;color:#7367f0!important}.feature-icon i{color:inherit!important}.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(2) .feature-icon[style]{background:#e6fbfd!important;color:#0694a2!important}.skill-tag,.skill-card .badge,.badge-free,.badge-hot,.badge-new{border-radius:4px}.skill-tag{color:#655bd3;background:#eeecff}.skill-icon.blue{background:#eaf2ff!important;color:#3370ff!important}.skill-icon.purple{color:#7367f0!important;background:#eeecff!important}.skill-icon.green{background:#e9fbf0!important;color:#28a865!important}.skill-icon.pink{background:#fff0f6!important;color:#d94b87!important}.skill-icon.orange{background:#fff4e8!important;color:#e88327!important}.skill-icon.cyan{background:#e6fbfd!important;color:#0694a2!important}.bg-light.rounded-xl,.bg-light.rounded-2xl{background:#f4f3f7!important}
.feature-card{height:100%;padding:1.5rem!important}.feature-card .feature-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1.15rem}.feature-card h4{margin:0 0 .55rem;color:var(--dark-color);font-size:1.2rem;font-weight:700;line-height:1.35}.feature-card p{margin:0;color:var(--muted-color);font-size:.92rem;line-height:1.7}.skill-card{padding:1.5rem!important}.skill-card h5{color:var(--dark-color);line-height:1.4}.skill-card p{line-height:1.65}
.download-hero,.skills-hero,.models-hero,.partner-hero,.contact-hero,.help-hero,.legal-hero{background:var(--gradient-hero)!important;color:var(--dark-color)!important;border-bottom:1px solid var(--line-color)}.download-hero,.skills-hero,.models-hero,.partner-hero,.contact-hero,.help-hero,.legal-hero{padding-top:8rem!important;padding-bottom:4rem!important}.download-hero .hero-title,.skills-hero .display-4,.models-hero .display-4,.partner-hero .display-4,.contact-hero .display-4,.help-hero .display-5,.legal-hero .display-5{color:var(--dark-color)}.download-hero .hero-subtitle,.download-hero .lead,.skills-hero .lead,.models-hero .lead,.partner-hero .lead,.contact-hero .lead,.help-hero .lead,.legal-hero .lead{color:var(--muted-color)!important}.help-search .form-control{border:1px solid var(--gray-300);box-shadow:var(--shadow-md)}.legal-content{padding:4rem 0}.legal-article{box-shadow:var(--shadow-md)}
.auth-container{min-height:100vh;padding:2rem 0;display:flex;align-items:center;background:var(--gradient-hero)}.auth-card{max-width:450px;background:#fff;border:1px solid var(--line-color);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden}.auth-header{padding:2rem 2.25rem;text-align:center;color:var(--dark-color);background:#fff;border-bottom:1px solid var(--line-color)}.auth-header h2{color:var(--dark-color);font-size:1.45rem;margin-top:1rem}.auth-header p{color:var(--muted-color)}.auth-header a.text-white{color:var(--primary-color)!important}.auth-body{padding:2.25rem}.form-floating>.form-control{height:56px;padding:1rem .9rem;border-radius:6px;border:1px solid var(--gray-300)}.form-floating>label{padding:1rem .9rem;color:var(--muted-color)}.btn-auth{width:100%;padding:.75rem 1rem;border-radius:6px;background:var(--primary-color);border:1px solid var(--primary-color)}.btn-auth:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:none;box-shadow:0 5px 12px rgba(115,103,240,.22)}.auth-body .input-group .btn{border-radius:0 6px 6px 0}
.uc-shell{background:var(--gray-100)}.uc-topbar{height:68px!important;border-bottom-color:var(--line-color)!important}.uc-brand{color:var(--dark-color)!important}.uc-brand img{width:32px!important;height:32px!important}.uc-layout{max-width:1280px!important}.uc-sidebar{border-right-color:var(--line-color)!important}.uc-avatar{background:var(--primary-color)!important;border-radius:8px!important}.uc-nav button{border-radius:6px!important}.uc-nav button.active{color:var(--primary-color)!important;background:var(--primary-light)!important}.uc-stat,.uc-section{border-color:var(--line-color)!important;border-radius:8px!important;box-shadow:var(--shadow-sm)}.uc-stat-value{color:var(--dark-color)}.uc-section-head{border-bottom-color:var(--line-color)!important}.uc-table th{background:#faf9fc!important}.uc-refresh,.uc-mobile-menu{border-color:var(--line-color)!important;border-radius:6px!important}
.footer{padding:4rem 0 0;color:#a9a5b2;background:#2f2b3d!important}.footer-brand-name,.footer-title{color:#fff}.footer-desc,.footer-links a{color:#b7b3c0}.footer-links a:hover{color:#fff;padding-left:2px}.footer-social a{border-radius:6px;background:rgba(255,255,255,.08)}.footer-social a:hover{background:var(--primary-color)}.footer-bottom{border-top-color:rgba(255,255,255,.12)}
.footer-brand{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}.footer-logo{display:block;width:auto!important;height:40px!important;max-width:180px;object-fit:contain}.footer-brand-name{font-size:1.2rem;font-weight:700;line-height:1.2}.footer-desc{max-width:330px;margin-bottom:1.2rem;font-size:.9rem;line-height:1.7}.footer-social{display:flex;align-items:center;gap:.55rem}.footer-social a{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:#c4bfcc;font-size:1rem;text-decoration:none;transition:.18s ease}.footer-title{margin-bottom:1rem;font-size:.95rem;font-weight:700}.footer-links{padding:0;margin:0;list-style:none}.footer-links li{margin-bottom:.55rem}.footer-links a{display:inline-flex;align-items:center;font-size:.86rem;text-decoration:none;transition:.18s ease}.footer-bottom{margin-top:2.6rem;padding:1.25rem 0;color:#a9a5b2;font-size:.8rem}.footer-bottom p{margin:0}
body:has(.payment-page),body:has(.container-box),body:has(.modal-overlay),body:has(.recharge-modal),body:has(.test-card){background:var(--gradient-hero)}.payment-container,.container-box,.modal,.recharge-modal,.test-card{border:1px solid var(--line-color);border-radius:8px!important;box-shadow:var(--shadow-lg)!important}.payment-container{background:transparent}.product-card{box-shadow:var(--shadow-sm)!important}.payment-page .text-gradient{color:var(--primary-color)!important}.activation-input,.activation-code-input{border-radius:6px!important}
@media(max-width:991.98px){.navbar-openclaw{min-height:62px}.hero-section{min-height:auto;padding:7rem 0 4rem}.hero-account-wrap{margin-top:2rem}.section{padding:4rem 0}}@media(max-width:575.98px){.hero-section{padding-top:6.5rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1rem}.auth-card{margin:1rem}.auth-body{padding:1.5rem}.auth-header{padding:1.5rem}.section-title{font-size:1.65rem}}
.feature-card .feature-icon[style]{background:#e6fbfd!important;color:#0694a2!important}.feature-card .feature-icon[style] i{color:#0694a2!important}
.navbar-openclaw>.container,body> #app section>.container,body> #app footer>.container{width:100%;max-width:1200px!important}.skills-hero+.container,.skills-hero~section>.container{width:100%;max-width:1200px!important}.skills-hero~section .row{--bs-gutter-x:1.5rem}.skills-hero~section .stats-bar{width:100%;max-width:none}
/* ikidi 暖色主题：减少冷蓝感，使用米白、灰紫和桃橙作为前台主色 */
:root{--primary-color:#806074;--primary-hover:#6d5064;--primary-light:#f3e9ef;--secondary-color:#5f968d;--accent-color:#d88968;--success-color:#5c9a72;--danger-color:#c96863;--dark-color:#3d3542;--text-color:#665d67;--muted-color:#827781;--gray-100:#fbf8f4;--gray-200:#ebe4df;--gray-300:#dcd2cc;--gray-500:#988d95;--gray-700:#665d67;--line-color:#e9e1dc;--gradient-primary:linear-gradient(135deg,#806074,#6d5064);--gradient-hero:linear-gradient(135deg,#f8f0ed 0%,#fbf8f4 55%,#f1f6f3 100%);--shadow-sm:0 1px 2px rgba(75,57,66,.045);--shadow-md:0 4px 16px rgba(75,57,66,.075);--shadow-lg:0 12px 32px rgba(75,57,66,.11)}
body{background:var(--gray-100);color:var(--text-color)}.navbar-openclaw{background:rgba(255,253,250,.97)!important;border-bottom-color:#e9e1dc}.navbar-brand{color:var(--dark-color)!important}.navbar-brand span{color:var(--primary-color)}.nav-link:hover,.nav-link.active{color:var(--primary-color)!important;background:var(--primary-light)}.btn-nav-account{border-color:#d9c5ce!important;color:var(--primary-color)!important}.btn-nav-account:hover{background:var(--primary-color)!important;border-color:var(--primary-color)!important}.section.bg-light,.legal-content.bg-light{background:#faf7f3!important}.section-title::before{background:#eadce3}.text-gradient{background:none!important;color:var(--primary-color)!important}.bg-gradient-primary{background:#806074!important}
.hero-section,.download-hero,.skills-hero,.models-hero,.partner-hero,.contact-hero,.help-hero,.legal-hero{background:var(--gradient-hero)!important}.hero-title,.download-hero .hero-title,.skills-hero .display-4,.models-hero .display-4,.partner-hero .display-4,.contact-hero .display-4,.help-hero .display-5,.legal-hero .display-5{color:var(--dark-color)}.hero-title .highlight{background:var(--gradient-primary)}.hero-subtitle,.download-hero .lead,.skills-hero .lead,.models-hero .lead,.partner-hero .lead,.contact-hero .lead,.help-hero .lead,.legal-hero .lead{color:var(--muted-color)!important}.feishu-badge{color:#4b7f78;background:#edf7f3;border-color:#d2ebe4}.btn-primary,.btn-primary-gradient,.account-submit{background:#806074!important;border-color:#806074!important}.btn-primary:hover,.btn-primary-gradient:hover,.account-submit:hover{background:#6d5064!important;border-color:#6d5064!important}.btn-outline-primary,.btn-outline-light-custom{color:#806074;border-color:#d8c3ce}.btn-outline-primary:hover{background:#806074;border-color:#806074}.btn-outline-light-custom:hover{color:#6d5064;background:#f5edf0;border-color:#caaeba}
.feature-icon{background:#f3e9ef!important;color:#806074!important}.feature-card .feature-icon[style]{background:#edf7f3!important;color:#5f968d!important}.feature-card .feature-icon[style] i{color:#5f968d!important}.skill-icon.blue{background:#edf3f6!important;color:#607f91!important}.skill-icon.purple{background:#f3e9ef!important;color:#806074!important}.skill-icon.green{background:#edf6ef!important;color:#5c9a72!important}.skill-icon.pink{background:#fbeced!important;color:#c96880!important}.skill-icon.orange{background:#fcf0e8!important;color:#d88968!important}.skill-icon.cyan{background:#edf7f3!important;color:#5f968d!important}.skill-tag{color:#806074;background:#f3e9ef}.feature-card,.skill-card,.download-card,.pricing-card,.contact-card,.provider-card,.product-card,.model-card,.advantage-card,.tutorial-card,.notice-card,.doc-card,.legal-article{border-color:var(--line-color);background:#fffdfb}.footer{background:#3d3542!important}.footer-social a:hover{background:#806074}.auth-container{background:var(--gradient-hero)}.auth-header{background:#fffdfb;border-bottom-color:var(--line-color)}.auth-header h2{color:var(--dark-color)}.form-control:focus,.form-select:focus,.account-input:focus{border-color:#806074;box-shadow:0 0 0 3px rgba(128,96,116,.14)}
/* Unified public navigation alignment */
.navbar-openclaw .navbar-collapse{display:flex!important;align-items:center;flex-wrap:nowrap}
.navbar-openclaw .navbar-collapse>.dropdown{order:-1;flex:0 0 auto;margin-right:1rem}
.navbar-openclaw .navbar-collapse>.navbar-nav{order:1;flex:1 1 auto;justify-content:center;margin-left:0!important;margin-right:0!important}
.navbar-openclaw .navbar-collapse>.btn-nav-account{order:2;flex:0 0 auto}
@media (min-width:992px){.navbar-openclaw .navbar-collapse:not(:has(.btn-nav-account))::after{content:"";display:block;flex:0 0 110px}.navbar-openclaw .navbar-nav{justify-content:center!important}}
@media (max-width:991.98px){.navbar-openclaw .navbar-collapse{display:none!important;flex-basis:100%;width:100%}.navbar-openclaw .navbar-collapse.show{display:flex!important;flex-direction:column;align-items:stretch}.navbar-openclaw .navbar-collapse>.dropdown,.navbar-openclaw .navbar-collapse>.navbar-nav,.navbar-openclaw .navbar-collapse>.btn-nav-account{width:100%;margin:0!important;justify-content:flex-start}.navbar-openclaw .navbar-collapse>.dropdown{order:0}.navbar-openclaw .navbar-collapse>.navbar-nav{order:1;display:flex;flex-direction:column;align-items:stretch}.navbar-openclaw .navbar-collapse>.btn-nav-account{order:2;text-align:center;margin-top:.5rem!important}}
/* Public navigation contract: every public page uses the same width, order and active state. */
.navbar-openclaw>.container{width:100%;max-width:1200px;padding-left:24px;padding-right:24px}
.navbar-openclaw .navbar-brand{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;gap:.45rem;font-size:1.2rem;line-height:1;white-space:nowrap}
.navbar-openclaw .navbar-brand img{width:32px;height:32px;margin-right:0!important;object-fit:contain}
.navbar-openclaw .navbar-collapse{display:flex!important;align-items:center;flex:1 1 auto;min-width:0;flex-wrap:nowrap}
.navbar-openclaw .navbar-collapse>.dropdown{order:0;flex:0 0 auto;margin:0 1rem 0 1.25rem}
.navbar-openclaw .navbar-collapse>.navbar-nav{order:1;display:flex;flex:1 1 auto;justify-content:center;align-items:center;gap:2px;margin:0!important}
.navbar-openclaw .navbar-nav .nav-item{display:flex;align-items:center}
.navbar-openclaw .navbar-nav .nav-link{display:inline-flex;align-items:center;min-height:42px;padding:.55rem .85rem!important;white-space:nowrap}
.navbar-openclaw .dropdown-toggle{display:inline-flex;align-items:center;min-height:42px;padding:.55rem .6rem!important;white-space:nowrap}
@media (max-width:991.98px){.navbar-openclaw>.container{padding-left:16px;padding-right:16px;flex-wrap:wrap}.navbar-openclaw .navbar-collapse{display:none!important;flex-basis:100%;width:100%;padding:.5rem 0 0}.navbar-openclaw .navbar-collapse.show{display:flex!important;flex-direction:column;align-items:stretch}.navbar-openclaw .navbar-collapse>.dropdown,.navbar-openclaw .navbar-collapse>.navbar-nav{width:100%;margin:0!important}.navbar-openclaw .navbar-collapse>.dropdown{order:0}.navbar-openclaw .navbar-collapse>.navbar-nav{order:1;display:flex;flex-direction:column;align-items:stretch}.navbar-openclaw .navbar-nav .nav-link,.navbar-openclaw .dropdown-toggle{width:100%;justify-content:flex-start}}
/* IKIDI.TOP 当前首页的明亮紫粉配色 */
:root{--primary-color:#7367f0;--primary-hover:#655bd3;--primary-light:#eeecff;--secondary-color:#00cfe8;--accent-color:#ff9f43;--success-color:#28c76f;--danger-color:#ea5455;--dark-color:#2f2b3d;--text-color:#5d596c;--muted-color:#7a7488;--gray-100:#faf8ff;--gray-200:#ece8f5;--gray-300:#dcd7e8;--gray-500:#9891a6;--gray-700:#5d596c;--line-color:#ebe7f2;--gradient-primary:linear-gradient(90deg,#7367f0,#d946ef);--gradient-hero:linear-gradient(120deg,#f3efff 0%,#fff4f7 58%,#fff9f1 100%);--shadow-sm:0 1px 3px rgba(47,43,61,.045);--shadow-md:0 5px 18px rgba(47,43,61,.08);--shadow-lg:0 14px 36px rgba(47,43,61,.11)}
.container{width:100%;max-width:1200px;padding-left:24px;padding-right:24px}.navbar-openclaw>.container{min-height:44px;display:flex;align-items:center}.navbar-brand{display:inline-flex;align-items:center;white-space:nowrap}.navbar-nav{align-items:center;gap:2px}.navbar-nav .nav-item{display:flex;align-items:center}.navbar-nav .nav-link{white-space:nowrap}.navbar-openclaw .btn-nav-account{white-space:nowrap;margin-left:1rem!important}.navbar-openclaw .navbar-collapse{align-items:center}.navbar-openclaw .dropdown-toggle{display:inline-flex;align-items:center}.navbar-openclaw .dropdown-menu{margin-top:.5rem}
.navbar-openclaw .navbar-collapse{display:flex;flex-wrap:nowrap}.navbar-openclaw .navbar-collapse>.dropdown{order:-1;flex:0 0 auto;margin-right:1rem}.navbar-openclaw .navbar-collapse>.navbar-nav{order:1;margin-left:0!important;margin-right:auto!important}.navbar-openclaw .navbar-collapse>.btn-nav-account{order:2}.navbar-openclaw .navbar-collapse>.dropdown .nav-link{padding-left:.55rem!important;padding-right:.55rem!important}.navbar-openclaw .navbar-collapse>.dropdown .nav-link:hover{background:var(--primary-light)}
body{background:var(--gray-100);color:var(--text-color)}.navbar-openclaw{background:rgba(255,255,255,.9)!important;border-bottom-color:#eee9f5}.navbar-brand,.navbar-brand span{color:var(--dark-color)!important}.navbar-brand span{color:var(--primary-color)!important}.nav-link:hover,.nav-link.active{color:var(--primary-color)!important;background:var(--primary-light)}.section.bg-light,.legal-content.bg-light{background:#faf8ff!important}.section-title::before{background:#e7e2ff}.text-gradient{color:var(--primary-color)!important}.hero-section,.download-hero,.skills-hero,.models-hero,.partner-hero,.contact-hero,.help-hero,.legal-hero{background:var(--gradient-hero)!important}.hero-title,.download-hero .hero-title,.skills-hero .display-4,.models-hero .display-4,.partner-hero .display-4,.contact-hero .display-4,.help-hero .display-5,.legal-hero .display-5{color:var(--dark-color)}.hero-title .highlight{background:linear-gradient(90deg,#7367f0 8%,#d946ef 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.feishu-badge{color:#147d8b;background:#e7fbfd;border-color:#c9f1f5}.btn-primary,.btn-primary-gradient,.account-submit{background:#7367f0!important;border-color:#7367f0!important}.btn-primary:hover,.btn-primary-gradient:hover,.account-submit:hover{background:#655bd3!important;border-color:#655bd3!important}.btn-outline-primary,.btn-outline-light-custom{color:#7367f0;border-color:#cfc8ff}.btn-outline-primary:hover{background:#7367f0;border-color:#7367f0}.btn-outline-light-custom:hover{color:#655bd3;background:#f1efff;border-color:#bdb4ff}.feature-icon{background:#eeecff!important;color:#7367f0!important}.feature-card .feature-icon[style]{background:#e4fbfd!important;color:#00a4b3!important}.feature-card .feature-icon[style] i{color:#00a4b3!important}.skill-icon.blue{background:#eaf2ff!important;color:#3370ff!important}.skill-icon.purple{background:#eeecff!important;color:#7367f0!important}.skill-icon.green{background:#e8faef!important;color:#28a96b!important}.skill-icon.pink{background:#fff0f6!important;color:#d9438f!important}.skill-icon.orange{background:#fff1e5!important;color:#e88731!important}.skill-icon.cyan{background:#e4fbfd!important;color:#00a4b3!important}.skill-tag{color:#655bd3;background:#eeecff}.feature-card,.skill-card,.download-card,.pricing-card,.contact-card,.provider-card,.product-card,.model-card,.advantage-card,.tutorial-card,.notice-card,.doc-card,.legal-article{border-color:#ebe7f2;background:#fff}.footer{background:#2f2b3d!important}.footer-social a:hover{background:#7367f0}.auth-container{background:var(--gradient-hero)}.auth-header{background:#fff;border-bottom-color:#ebe7f2}.auth-header h2{color:var(--dark-color)}.form-control:focus,.form-select:focus,.account-input:focus{border-color:#7367f0;box-shadow:0 0 0 3px rgba(115,103,240,.14)}
/* Final navigation normalization */
.hero-section .text-white,.hero-section .text-white-50{color:var(--muted-color)!important;opacity:1!important}.hero-section .bi-windows,.hero-section .bi-apple{color:var(--primary-color)!important}
@media (min-width:992px){.navbar-openclaw .navbar-collapse{display:flex!important;align-items:center;flex-wrap:nowrap}.navbar-openclaw .navbar-collapse>.dropdown{order:-1;flex:0 0 auto;margin-right:1rem}.navbar-openclaw .navbar-collapse>.navbar-nav{order:1;flex:1 1 auto;justify-content:center!important;margin-left:0!important;margin-right:0!important}.navbar-openclaw .navbar-collapse>.btn-nav-account{order:2;flex:0 0 auto}.navbar-openclaw .navbar-collapse:not(:has(.btn-nav-account))::after{content:"";display:block;flex:0 0 110px}}
@media (max-width:991.98px){.navbar-openclaw .navbar-collapse{display:none!important;flex-basis:100%;width:100%}.navbar-openclaw .navbar-collapse.show{display:flex!important;flex-direction:column;align-items:stretch}.navbar-openclaw .navbar-collapse>.dropdown,.navbar-openclaw .navbar-collapse>.navbar-nav,.navbar-openclaw .navbar-collapse>.btn-nav-account{width:100%;margin:0!important;justify-content:flex-start}.navbar-openclaw .navbar-collapse>.dropdown{order:0}.navbar-openclaw .navbar-collapse>.navbar-nav{order:1;display:flex;flex-direction:column;align-items:stretch}.navbar-openclaw .navbar-collapse>.btn-nav-account{order:2;text-align:center;margin-top:.5rem!important}}

/* 首页沿用公共栅格；桌面端登录卡片贴齐右列内容边界。 */
.hero-section > .container { width:100%; max-width:1200px; padding-left:24px; padding-right:24px; }
.hero-section > .container > .row { margin-left:calc(var(--bs-gutter-x) * -.5); margin-right:calc(var(--bs-gutter-x) * -.5); }
.hero-section .hero-content, .hero-section .hero-account-wrap { min-width:0; }
.hero-section .hero-subtitle { max-width:560px; }
@media (min-width:992px) {
  .hero-section { min-height:620px; padding-top:7.5rem; padding-bottom:4rem; }
  .hero-section .hero-account-panel { width:100%; max-width:440px; margin-left:auto; margin-right:0; }
}
.skill-icon.has-image { background:#fff !important; border:1px solid var(--line-color); overflow:hidden; }
.skill-icon.has-image img { width:100%; height:100%; object-fit:contain; }

/* 首页产品预览 / 登录注册双面卡片 */
.hero-account-flip{width:min(100%,440px);margin:0 auto;perspective:1500px;scroll-margin-top:96px}
.hero-account-flip-inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.72,.2,1)}
.hero-account-flip.is-flipped .hero-account-flip-inner{transform:rotateY(180deg)}
.hero-account-face{grid-area:1/1;min-width:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.hero-product-face{position:relative;min-height:540px;overflow:hidden;background:#fff;border:1px solid var(--line-color);border-radius:8px;box-shadow:var(--shadow-lg)}
.hero-product-media{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;background:#f4f3f7}
.hero-product-overlay{position:absolute;top:50%;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;transform:translateY(-50%);background:rgba(38,35,52,.58);border:1px solid rgba(255,255,255,.32);border-radius:7px;box-shadow:0 12px 30px rgba(20,18,28,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-product-copy{min-width:0;display:flex;flex-direction:column}.hero-product-copy span{overflow:hidden;color:#fff;font-size:1rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.hero-product-copy strong{color:#d9d6e1;font-size:.75rem;font-weight:500;line-height:1.35}
.hero-product-actions{display:flex;flex:0 0 auto;gap:.45rem}.hero-product-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .8rem;border:1px solid transparent;border-radius:6px;font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}.hero-product-btn-primary{color:var(--primary-color);background:#fff;border-color:#fff}.hero-product-btn-primary:hover{color:var(--primary-hover);background:#f4f2ff}.hero-product-btn-secondary{color:#fff;background:transparent;border-color:rgba(255,255,255,.55)}.hero-product-btn-secondary:hover{color:#fff;background:rgba(255,255,255,.12);border-color:#fff}
.hero-account-flip .hero-account-panel{position:relative;width:100%;margin:0;transform:rotateY(180deg)}.account-flip-back{position:absolute;z-index:2;top:1rem;right:1rem;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line-color);border-radius:6px;color:var(--muted-color);background:#fff}.account-flip-back:hover{color:var(--primary-color);border-color:#c9c4ff;background:var(--primary-light)}.hero-account-flip .account-panel-head{padding-right:2.5rem}
@media(max-width:575.98px){.hero-product-face{min-height:480px}.hero-product-overlay{align-items:stretch;flex-direction:column}.hero-product-actions{display:grid;grid-template-columns:1fr 1fr}.hero-product-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-account-flip-inner{transition:none}}