.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);padding:12px 12px 16px;box-sizing:border-box}.login-card{width:100%;max-width:720px;margin:0 auto;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 4px 24px #00000026;position:relative}.login-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--color-text-muted);text-decoration:none;border-radius:8px;transition:color .2s,background .2s}.login-close:hover{color:var(--color-text);background:var(--color-bg-elevated)}.login-main{display:flex;flex-direction:column;gap:20px}.login-left{text-align:center}.login-logo{display:inline-flex;align-items:center;gap:6px;font-size:1rem;font-weight:700;color:var(--color-text);text-decoration:none;margin-bottom:8px}.login-logo-icon{font-size:1.2rem}.login-left h1{font-size:1.25rem;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,#fff 0%,var(--color-text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-desc{font-size:.8rem;color:var(--color-text-muted);margin:0 0 12px;line-height:1.4}.login-social-label{font-size:.75rem;color:var(--color-text-muted);margin:0 0 8px}.login-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.login-social-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 10px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.8rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s}.login-social-btn:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.login-social-btn--light{background:var(--color-bg)}.login-social-btn svg{flex-shrink:0}.login-right h2{font-size:1.1rem;font-weight:700;margin:0 0 4px}.login-divider{font-size:.75rem;color:var(--color-text-muted);margin:0 0 10px}.login-form,.login-form-row{display:flex;flex-direction:column;gap:10px}.login-input{flex:1;min-width:0;min-height:40px;padding:10px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.9rem;box-sizing:border-box}.login-input:focus{outline:none;border-color:var(--color-accent)}.login-input::placeholder{color:var(--color-text-muted)}.login-input-full{flex:1 1 100%}.login-error{color:#f87171;font-size:.8rem}.login-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.login-submit-btn{flex:1;min-width:120px;min-height:40px;padding:10px 16px;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f9731666}.login-submit-btn:disabled{opacity:.8;cursor:not-allowed}.login-switch-btn{padding:8px 12px;background:none;border:none;color:var(--color-accent);font-size:.85rem;cursor:pointer}.login-switch-btn:hover{text-decoration:underline}.login-skip{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 14px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.85rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s}.login-skip:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.login-terms{font-size:.65rem;color:var(--color-text-muted);margin:10px 0 0;line-height:1.4}.login-terms a{color:var(--color-accent);text-decoration:underline}@media (min-width: 480px){.login-form-row{flex-direction:row}}@media (min-width: 640px){.login-page{padding:16px}.login-card{max-width:680px;padding:24px 28px}.login-main{flex-direction:row;align-items:stretch;gap:28px}.login-left{flex:0 0 220px;text-align:left;display:flex;flex-direction:column;border-right:1px solid var(--color-border);padding-right:24px}.login-right{flex:1;min-width:0}.login-social-grid{grid-template-columns:1fr 1fr}}@media (min-width: 900px){.login-card{max-width:760px;padding:28px 32px}.login-left{flex:0 0 260px}}.container{max-width:1100px;margin:0 auto;padding:0 24px}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0e14e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1100px;margin:0 auto;padding:0 24px}.logo{font-size:1.35rem;font-weight:700;color:var(--color-text);text-decoration:none;display:flex;align-items:baseline;gap:4px;letter-spacing:-.02em;transition:opacity .2s}.logo:hover{opacity:.9}.logo-icon{font-size:1.25rem;margin-right:6px;opacity:.95}.logo-text{color:var(--color-text)}.logo-accent{color:var(--color-accent);background:linear-gradient(135deg,#f97316,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-domain{font-size:.9em;font-weight:500;color:var(--color-text-muted);margin-left:1px}.nav-links{display:flex;gap:24px;flex-wrap:wrap}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-accent)}.nav-lang-dropdown{position:relative}.nav-lang-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-text-muted);font-size:.9rem;cursor:pointer;padding:4px 8px}.nav-lang-trigger:hover{color:var(--color-accent)}.nav-lang-arrow{font-size:.7rem;opacity:.8}.nav-lang-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;padding:4px 0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);list-style:none;box-shadow:var(--shadow-card);z-index:200}.nav-lang-menu li{margin:0}.nav-lang-menu button{display:block;width:100%;padding:8px 16px;background:none;border:none;color:var(--color-text-muted);font-size:.9rem;text-align:left;cursor:pointer}.nav-lang-menu button:hover,.nav-lang-menu button.active{color:var(--color-accent);background:var(--color-accent-soft)}.nav-login-link{background:var(--color-accent);color:#fff!important;padding:5px 12px;border-radius:6px;font-size:.85rem;font-weight:500;text-decoration:none}.nav-login-link:hover{opacity:.9}.nav-user{display:flex;align-items:center;gap:12px;color:var(--color-text-muted)}.nav-user-name{font-size:.9rem}.nav-logout{background:none;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer}.nav-logout:hover{color:var(--color-accent)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-40%;right:-15%;width:70%;height:140%;background:radial-gradient(ellipse,var(--color-accent-soft) 0%,transparent 55%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-20%;left:-10%;width:50%;height:60%;background:radial-gradient(ellipse,rgba(249,115,22,.06) 0%,transparent 70%);pointer-events:none}.hero h1{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:700;line-height:1.3;margin-bottom:16px;letter-spacing:-.03em}.hero h1 .highlight{background:linear-gradient(135deg,#f97316,#fb923c,#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .subtitle{font-size:1.15rem;color:var(--color-text-muted);max-width:540px;margin-bottom:40px;line-height:1.8}.hero-desc{font-size:1rem;color:var(--color-text-muted);margin-bottom:20px}.hero-entries{display:flex;flex-direction:column;gap:16px;max-width:600px}.hero-entry{padding:20px 24px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .2s}.hero-entry:hover{border-color:var(--color-accent)}.hero-entry-label{font-weight:600;font-size:1rem;color:var(--color-text);margin-bottom:6px}.hero-entry-hint{font-size:.9rem;color:var(--color-text-muted);margin-bottom:14px;line-height:1.5}.hero-entry-row{display:flex;gap:12px;align-items:center}.hero-entry-input{flex:1;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.95rem;font-family:inherit}.hero-entry-input::placeholder{color:var(--color-text-muted)}.hero-entry-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.hero-chip{display:inline-block;padding:6px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-muted);text-decoration:none;transition:all .2s}button.hero-chip{cursor:pointer;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hero-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero-chip.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.hero-chip-lg{padding:10px 18px;font-size:.95rem}.hero-wizard{max-width:600px}.hero-wizard-actions{display:flex;gap:12px;margin-top:24px}.hero-result{padding:100px 0 80px}.lobster-result-title{font-size:1.75rem;margin-bottom:8px}.lobster-result-subtitle{color:var(--color-text-muted);margin-bottom:40px}.lobster-result-subtitle strong{color:var(--color-accent)}.lobster-result-layout{display:flex;align-items:flex-start;gap:48px;flex-wrap:wrap;justify-content:center}.lobster-plate{position:relative;flex-shrink:0}.lobster-plate .plate{width:220px;height:220px;border-radius:50%;background:linear-gradient(145deg,var(--color-bg-elevated) 0%,var(--color-bg-card) 100%);border:3px solid var(--color-border);box-shadow:inset 0 2px 12px #00000014,0 8px 24px #0000001f}.lobster-emoji{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:100px;line-height:1}.lobster-ingredients{flex:1;min-width:280px;max-width:480px}.lobster-ingredients h3{font-size:1.15rem;margin-bottom:16px;color:var(--color-text)}.lobster-ingredients ul{list-style:none;padding:0;margin:0 0 24px}.lobster-ingredients li{padding:12px 0;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px}.lobster-ingredients li:last-child{border-bottom:none}.ingredient-title{font-weight:600;font-size:.95rem;color:var(--color-text)}.ingredient-summary{font-size:.88rem;color:var(--color-text-muted);line-height:1.5}.lobster-result-feedback{margin-bottom:20px}.lobster-result-question{font-size:.95rem;color:var(--color-text-muted);margin-bottom:12px}.lobster-result-choices{display:flex;gap:12px;flex-wrap:wrap}.lobster-result-needs{margin-top:16px}.lobster-needs-label{display:block;font-size:.95rem;color:var(--color-text-muted);margin-bottom:8px}.lobster-needs-input{width:100%;padding:12px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.95rem;font-family:inherit;resize:vertical;margin-bottom:16px}.lobster-needs-input:focus{outline:none;border-color:var(--color-accent)}.lobster-needs-input::placeholder{color:var(--color-text-muted)}.lobster-result-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px}.badge{display:inline-flex;align-items:center;padding:10px 18px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:999px;font-size:.9rem;color:var(--color-text-muted);transition:all .25s ease}.badge:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.hero-badges .badge{text-decoration:none;transition:all .25s ease}.hero-badges a.badge:hover{transform:translateY(-2px)}.task-input-block{margin:32px 0 24px;max-width:520px}.task-input-label{display:block;font-size:.95rem;color:var(--color-text-muted);margin-bottom:10px}.task-input-row{display:flex;gap:12px;align-items:center}.task-input{flex:1;padding:14px 18px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;font-family:inherit}.task-input::placeholder{color:var(--color-text-muted)}.block-title{font-size:1rem;color:var(--color-text-muted);margin-bottom:16px}.hot-skills{margin-bottom:32px}.hot-skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skill-chip{display:inline-flex;flex-direction:column;padding:14px 20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:all .2s}.skill-chip:hover{border-color:var(--color-accent)}.skill-name{font-weight:600;font-size:.95rem}.skill-desc{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.case-recommendations{margin-bottom:28px}.case-rec-wrapper{position:relative;display:flex;align-items:center;gap:0}.case-rec-nav{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-muted);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.case-rec-nav:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.case-rec-nav:active{transform:scale(.95)}.case-rec-nav-left{margin-right:8px}.case-rec-nav-right{margin-left:8px}.case-rec-scroll{flex:1;min-width:0;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.case-rec-scroll::-webkit-scrollbar{height:6px}.case-rec-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.case-rec-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;flex-shrink:0;min-width:180px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:all .2s}.case-rec-card:hover{border-color:var(--color-accent)}.case-rec-icon{font-size:1rem;flex-shrink:0}.case-rec-content{display:flex;flex-direction:column;gap:4px;min-width:0}.case-rec-title{font-weight:600;font-size:.9rem}.case-rec-desc{font-size:.8rem;color:var(--color-text-muted)}.case-rec-meta{font-size:.75rem;color:var(--color-accent);margin-top:2px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:90;display:none}@media (max-width: 768px){.bottom-nav{display:block}main{padding-bottom:70px}}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;padding:12px 16px}.bottom-nav a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;padding:8px 12px}.bottom-nav a.active,.bottom-nav a:hover{color:var(--color-accent)}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .2s;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:var(--color-accent);color:#0d1117}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 20px var(--color-accent-glow)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.section{padding:100px 0;border-top:1px solid var(--color-border);position:relative}.section-header{margin-bottom:48px}.section-header h2{font-size:2rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.section-header p{color:var(--color-text-muted);font-size:1.1rem;max-width:600px}.intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.intro-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px;transition:all .3s ease;box-shadow:var(--shadow-card)}.intro-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.intro-card .icon{font-size:2rem;margin-bottom:16px}.intro-card h3{font-size:1.15rem;font-weight:600;margin-bottom:8px}.intro-card p{color:var(--color-text-muted);font-size:.95rem}.deploy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.deploy-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px;display:flex;flex-direction:column;transition:all .3s ease;box-shadow:var(--shadow-card)}.deploy-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.deploy-card.featured{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-card)}.deploy-card.featured:hover{box-shadow:0 0 0 1px var(--color-accent),0 0 24px var(--color-accent-glow),var(--shadow-card-hover)}.deploy-card h3{font-size:1.2rem;margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.deploy-card .tag{font-size:.75rem;padding:4px 10px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:4px;font-weight:500}.deploy-card p{color:var(--color-text-muted);font-size:.95rem;flex:1;margin-bottom:16px}.deploy-card ul{list-style:none;font-size:.9rem;color:var(--color-text-muted)}.deploy-card li{padding:4px 0 4px 20px;position:relative}.deploy-card li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:600}.lobster-guide-blocks .install-block{margin-bottom:12px}.play-scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.play-scenario-card{padding:14px;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.play-scenario-level{font-size:.8rem;color:var(--color-accent);margin-bottom:8px}.play-scenario-card h4{font-size:.95rem;margin-bottom:4px}.play-scenario-card p{font-size:.85rem;color:var(--color-text-muted);margin:0}.guide-hint{color:var(--color-text-muted);font-size:.95rem;margin-bottom:16px;padding:12px;background:var(--color-accent-soft);border-radius:var(--radius-sm)}.nurture-steps{display:flex;flex-direction:column;gap:16px}.nurture-step{display:flex;gap:12px}.nurture-num{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#0d1117;border-radius:50%;font-weight:600;font-size:.9rem}.nurture-file{margin-left:8px;font-size:.85rem;padding:2px 6px;background:var(--color-bg);border-radius:4px}.nurture-step p{margin:4px 0 0;color:var(--color-text-muted);font-size:.9rem}.guide-list{list-style:none;padding:0}.guide-list li{padding:8px 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.95rem}.guide-list li:last-child{border-bottom:none}.guide-list a{color:var(--color-accent);text-decoration:none}.guide-list a:hover{text-decoration:underline}.guide-tip{color:var(--color-accent);font-size:.9rem;margin-bottom:12px}.pitfalls-table{width:100%;border-collapse:collapse;font-size:.9rem}.pitfalls-table td{padding:10px 12px;border-bottom:1px solid var(--color-border);vertical-align:top}.pitfalls-table .pitfall-wrong{color:var(--color-text-muted);width:45%}.pitfalls-table .pitfall-right{color:var(--color-text)}@media (max-width: 600px){.pitfalls-table td{display:block;width:100%}.pitfalls-table .pitfall-wrong{width:100%;border-bottom:none}}.case-filter-bar{margin-bottom:24px}.product-section{padding-top:80px}.product-overview{text-align:center;margin-bottom:48px}.product-overview h2{font-size:2rem;margin-bottom:8px}.product-subtitle{font-size:1.1rem;color:var(--color-accent);margin-bottom:16px}.product-desc{color:var(--color-text-muted);max-width:640px;margin:0 auto 20px;line-height:1.7}.product-scenarios{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:32px}.product-scenario-item{flex:1;min-width:260px;max-width:360px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-card)}.product-scenario-item img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4/3}.product-scenario-item span{display:block;padding:12px;font-size:.9rem;color:var(--color-text-muted);text-align:center}.product-tricore{margin-bottom:56px}.product-tricore h3,.product-hardware-section h3{font-size:1.25rem;margin-bottom:8px}.product-tricore-desc{color:var(--color-text-muted);margin-bottom:24px;font-size:.95rem}.product-tricore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 700px){.product-tricore-grid{grid-template-columns:1fr}}.product-tricore-card{padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.product-tricore-key{display:inline-block;font-size:.8rem;font-weight:600;color:var(--color-accent);letter-spacing:.05em;margin-bottom:4px}.product-tricore-label{display:block;font-weight:600;margin-bottom:8px}.product-tricore-card p{font-size:.9rem;color:var(--color-text-muted);margin:0;line-height:1.5}.product-hardware-section{margin-bottom:48px}.product-hardware-intro{color:var(--color-text-muted);margin-bottom:24px;font-size:.95rem}.product-hardware-list{display:flex;flex-direction:column;gap:12px}.product-hardware-card-full{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.product-hardware-card-full:hover,.product-hardware-card-full.expanded{border-color:var(--color-accent)}.product-hardware-card-header{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;flex-wrap:wrap}.product-hardware-icon{font-size:1.75rem;flex-shrink:0}.product-hardware-title-wrap{flex:1;min-width:0}.product-hardware-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.product-hardware-card-header h4{font-size:1.15rem;margin:0}.product-hardware-tag{font-size:.75rem;padding:3px 8px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:4px}.product-hardware-value{color:var(--color-text-muted);font-size:.9rem;margin:0}.product-hardware-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:6px;font-size:1.2rem;color:var(--color-accent);flex-shrink:0}.product-hardware-card-body{padding:0 24px 24px;border-top:1px solid var(--color-border)}.product-hardware-problem{padding:20px 0}.product-hardware-problem strong,.product-hardware-features strong{display:block;font-size:.9rem;margin-bottom:8px;color:var(--color-text)}.product-hardware-problem p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;margin:0}.product-hardware-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}@media (max-width: 600px){.product-hardware-triple{grid-template-columns:1fr}}.product-hardware-triple-item{padding:14px;background:var(--color-bg-elevated);border-radius:var(--radius-sm)}.triple-key{display:block;font-size:.8rem;font-weight:600;color:var(--color-accent);margin-bottom:6px}.product-hardware-triple-item p{font-size:.85rem;color:var(--color-text-muted);margin:0;line-height:1.5}.product-hardware-features{padding-top:20px}.product-hardware-features ul{list-style:none;padding:0;margin:0}.product-hardware-features li{padding:8px 0 8px 20px;position:relative;font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.product-hardware-features li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:600}.product-cta{text-align:center;padding-top:24px}.product-hardware{margin-top:40px}.product-hardware h3{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:20px}.product-hardware-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.product-hardware-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;transition:all .2s}.product-hardware-card:hover{border-color:var(--color-accent)}.product-hardware-card h4{font-size:1.05rem;font-weight:600;margin-bottom:6px}.product-hardware-card p{font-size:.9rem;color:var(--color-text-muted)}.product-page,.services-page{padding-bottom:48px}.case-filter-hint{font-size:.95rem;color:var(--color-text-muted);margin-bottom:16px;line-height:1.5}.filter-group{margin-bottom:16px}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:10px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s}.filter-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-chip.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.chip-icon{font-size:1rem}.case-section-unified{margin-top:32px}.case-list-unified{margin-bottom:48px}.case-group{margin-bottom:40px}.case-group-title{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.case-subgroup{margin-bottom:28px}.case-subgroup:last-child{margin-bottom:0}.case-subgroup-title{font-size:.95rem;color:var(--color-accent);margin-bottom:12px;font-weight:600}.case-list-anchor{scroll-margin-top:80px}.case-section{margin-bottom:56px}.case-section-title{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:16px}.case-controls{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.case-search{flex:1;min-width:200px;padding:10px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;font-family:inherit}.case-search:focus{outline:none;border-color:var(--color-accent)}.case-filter-select,.case-filter{padding:10px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;font-family:inherit;min-width:140px}.case-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.case-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}.case-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.case-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.case-num{font-size:.8rem;color:var(--color-accent);font-weight:600;flex-shrink:0}.case-card h4{font-size:1.05rem;flex:1;line-height:1.3}.bookmark-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.2rem;padding:0 4px;transition:color .2s}.bookmark-btn:hover,.bookmark-btn.active{color:var(--color-accent)}.case-summary{color:var(--color-text-muted);font-size:.9rem;margin-bottom:12px;flex:1}.case-detail{margin-bottom:16px;padding-top:12px;border-top:1px solid var(--color-border)}.case-detail p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:12px}.case-tags{display:flex;flex-wrap:wrap;gap:8px}.case-tags .tag{padding:4px 10px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:4px;font-size:.8rem}.expand-btn{align-self:flex-start;background:none;border:none;color:var(--color-accent);font-size:.9rem;cursor:pointer;padding:0;font-family:inherit}.expand-btn:hover{text-decoration:underline}.no-results{color:var(--color-text-muted);padding:40px 0;text-align:center}.category-section .category-header{margin-bottom:40px}.category-value{color:var(--color-accent);font-size:1rem;margin:12px 0 4px}.category-source{color:var(--color-text-muted);font-size:.9rem}.install-block{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.install-block-title{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--color-bg-card);border:none;color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;text-align:left;font-family:inherit;transition:background .2s}.install-block-title:hover{background:var(--color-bg-elevated)}.install-block-title .toggle{color:var(--color-accent);font-size:1.2rem}.install-block-body{padding:20px;background:var(--color-bg-elevated);border-top:1px solid var(--color-border)}.install-block-body p{color:var(--color-text-muted);margin-bottom:12px}.install-block-body ul{list-style:none}.install-block-body li{padding:6px 0;color:var(--color-text-muted);font-size:.95rem}.install-block-body strong{color:var(--color-text)}.commands{margin-top:12px}.command-row{margin-bottom:8px}.command-row .os{display:inline-block;min-width:80px;color:var(--color-accent);font-size:.9rem}.command-row code{padding:4px 8px;background:var(--color-bg);border-radius:4px;font-size:.9rem;word-break:break-all}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.guide-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;transition:all .2s}.guide-card:hover{border-color:var(--color-border-hover)}.guide-card h4{font-size:1.05rem;margin-bottom:10px;color:var(--color-text)}.guide-card p{color:var(--color-text-muted);font-size:.95rem}.case-section-header{margin-bottom:20px}.case-section-value{color:var(--color-accent);font-size:.95rem;margin:8px 0 4px}.case-section-role{display:inline-block;font-size:.8rem;color:var(--color-accent);background:var(--color-accent-soft);padding:4px 10px;border-radius:4px;margin-left:12px}.case-section-painpoints{color:var(--color-text-muted);font-size:.95rem;margin:8px 0 0;line-height:1.6}.case-section-source{color:var(--color-text-muted);font-size:.85rem}.scenario-section.full{margin-top:48px;padding-top:40px;border-top:1px solid var(--color-border)}.scenario-detail{margin-top:16px}.scenario-meta{margin-bottom:24px}.workflow{margin-top:12px;padding:12px 16px;background:var(--color-bg-elevated);border-radius:var(--radius-sm);font-size:.95rem;color:var(--color-text-muted)}.workflow-label{color:var(--color-accent);margin-right:8px}.scenario-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.feature-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px}.feature-item h5{font-size:1rem;margin-bottom:8px;color:var(--color-text)}.feature-item p{color:var(--color-text-muted);font-size:.9rem}.feature-examples{margin-top:12px;padding-left:20px;list-style:disc}.feature-examples li{color:var(--color-text-muted);font-size:.85rem;margin-bottom:6px;line-height:1.5}.scenario-title{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:8px}.scenario-desc{color:var(--color-text-muted);font-size:.95rem}.role-section{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--color-border)}.role-hint{color:var(--color-text-muted);font-size:.95rem;margin-bottom:20px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.role-card{display:block;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all .25s ease}.role-card:hover,.role-card.active{border-color:var(--color-accent)}.role-card:hover{transform:translateY(-2px)}.role-card.active{background:var(--color-accent-soft);box-shadow:var(--shadow-card-hover)}.role-icon{font-size:1.5rem;display:block;margin-bottom:10px}.role-card h4{font-size:1rem;margin-bottom:6px}.role-card p{color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.framework-core{margin-bottom:48px}.framework-core h3,.framework-structure h3{font-size:1.1rem;margin-bottom:20px;color:var(--color-text-muted)}.framework-structure{margin-top:32px}.structure-list{display:flex;flex-wrap:wrap;gap:10px}.structure-item{padding:10px 16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text-muted)}.framework-core .intro-card h4{font-size:1rem;margin-bottom:8px}.integrations{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.integration-item{padding:12px 20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.95rem;transition:all .2s ease}.integration-item:hover{border-color:var(--color-border-hover);color:var(--color-text)}.integration-item span{font-weight:500;color:var(--color-text)}.cta-section{text-align:center}.cta-section h2{font-size:1.75rem;margin-bottom:16px}.cta-section>p{color:var(--color-text-muted);margin-bottom:40px}.wechat-contact{display:inline-flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.wechat-qr{width:180px;height:180px;object-fit:contain}.wechat-label{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0}.contact-desc{color:var(--color-text-muted);margin-bottom:32px}.contact-info{display:flex;flex-direction:column;gap:20px;max-width:400px;margin:0 auto 32px;padding:32px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left}.contact-address,.contact-email,.contact-phone{display:flex;flex-direction:column;gap:4px;margin:0}.contact-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.contact-address span,.contact-email a,.contact-phone a{color:var(--color-text);font-size:1.05rem}.contact-email a,.contact-phone a{color:var(--color-accent);text-decoration:none}.contact-email a:hover,.contact-phone a:hover{text-decoration:underline}.contact-online{color:var(--color-text-muted);font-size:.95rem;margin:0 0 40px}.contact-page{min-height:60vh;display:flex;flex-direction:column;justify-content:center}.consultation-form{max-width:560px;margin:0 auto;text-align:left}.consultation-form label{display:block;margin-bottom:20px}.consultation-form label span{display:block;margin-bottom:8px;font-size:.95rem;color:var(--color-text-muted)}.consultation-form input,.consultation-form select,.consultation-form textarea{width:100%;padding:12px 16px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;font-family:inherit}.consultation-form input:focus,.consultation-form select:focus,.consultation-form textarea:focus{outline:none;border-color:var(--color-accent)}.consultation-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.file-upload{position:relative}.file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.file-name{display:block;padding:12px 16px;background:var(--color-bg-elevated);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.95rem;transition:border-color .2s,color .2s}.file-upload:hover .file-name{border-color:var(--color-accent);color:var(--color-accent)}.consult-login-hint{font-size:.9rem;color:var(--color-text-muted);margin-bottom:8px}.consult-login-hint a{color:var(--color-accent);text-decoration:none}.consult-login-hint a:hover{text-decoration:underline}.consultation-form .btn{margin-top:16px}.form-success{color:#22c55e;margin-top:16px;font-size:.95rem}.footer{padding:64px 0 48px;border-top:1px solid var(--color-border);text-align:center;background:var(--color-bg-elevated)}.footer .logo{justify-content:center;margin-bottom:24px}.footer .logo .logo-domain{color:var(--color-text-muted)}.footer p{color:var(--color-text-muted);font-size:.9rem}.footer a{color:var(--color-accent);text-decoration:none}.footer a:hover{text-decoration:underline}.footer .refs{margin-top:16px;font-size:.85rem}@media (max-width: 768px){.nav-links{display:none}.hero{padding:100px 0 60px}.section{padding:60px 0}.case-list{grid-template-columns:1fr}}:root{--color-bg: #0a0e14;--color-bg-elevated: #131920;--color-bg-card: #161d26;--color-border: #2d3748;--color-border-hover: #3d4a5c;--color-text: #e8edf4;--color-text-muted: #94a3b8;--color-accent: #f97316;--color-accent-hover: #ea580c;--color-accent-soft: rgba(249, 115, 22, .12);--color-accent-glow: rgba(249, 115, 22, .25);--font-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .2);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased}