.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;transition:all .3s ease;background:transparent}.navbar-scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000f}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:20px;font-weight:700;color:#1a1a2e;text-decoration:none;transition:all .3s ease}.navbar-logo:hover{background:linear-gradient(135deg,#4a90d9,#6c5ce7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;gap:2rem;align-items:center}.navbar-item{position:relative}.navbar-link{color:#1a1a2e;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.navbar-link:hover{background:linear-gradient(135deg,#4a90d9,#6c5ce7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-link-active{background:linear-gradient(135deg,#4a90d9,#6c5ce7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;font-weight:600}.navbar-link-active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:20px;height:3px;background:linear-gradient(135deg,#4a90d9,#6c5ce7);border-radius:2px}.dropdown-arrow{font-size:10px;transition:transform .3s ease}.navbar-item:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000f;padding:.5rem;min-width:150px;animation:dropdownFadeIn .3s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-item{padding:.75rem 1rem;color:#1a1a2e;font-size:14px;border-radius:8px;transition:all .3s ease;cursor:pointer}.dropdown-item:hover{background:linear-gradient(135deg,#4a90d9,#6c5ce7);color:#fff}.navbar-mobile-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.navbar-mobile-toggle span{width:24px;height:2px;background:#1a1a2e;transition:all .3s ease}@media(max-width:768px){.navbar-mobile-toggle{display:flex}.navbar-menu{position:fixed;top:60px;left:0;right:0;background:#fff;flex-direction:column;padding:2rem;gap:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 20px #0000000f}.navbar-menu-open{transform:translateY(0);opacity:1;visibility:visible}.dropdown-menu{position:static;transform:none;margin-top:.5rem;box-shadow:none;padding-left:1rem}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8faff,#eef2ff 40%,#f5f0ff);overflow:hidden;padding:100px 24px 60px}.hero-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.hero-sparkle{position:absolute;width:2px;height:2px;border-radius:50%;background:#4a90d940;box-shadow:0 0 4px #4a90d926;animation:sparkleTwinkle 6s ease-in-out infinite}@keyframes sparkleTwinkle{0%,to{opacity:0;transform:scale(.5)}25%{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(.5)}75%{opacity:.3;transform:scale(.8)}}.hero-content{position:relative;z-index:10;text-align:left;margin-bottom:20px;max-width:800px;width:100%}.hero-greeting{font-size:clamp(.85rem,1.5vw,1rem);color:#94a3b8;letter-spacing:.1em;margin:0 0 12px;font-weight:400}.hero-name{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.8rem,6vw,4rem);font-weight:700;background:linear-gradient(135deg,#1e3a5f,#4a90d9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 24px;line-height:1.15;display:flex;align-items:center;flex-wrap:wrap}.hero-divider{font-weight:300;color:#94a3b8;margin:0 16px;font-size:.7em}.hero-alias{font-weight:500;font-size:.55em;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sentence{position:relative;max-width:720px;margin:0;min-height:100px}.hero-sentence-text{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:500;line-height:1.6;text-align:left;margin:0;padding:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typing-cursor{display:inline-block;animation:blink 1s step-end infinite;opacity:.6}@keyframes blink{50%{opacity:0}}.hero-sentence-dots{display:flex;gap:8px;justify-content:flex-start;margin-top:20px}.hero-dot{width:8px;height:8px;border-radius:50%;border:none;background:#cbd5e1;cursor:pointer;transition:all .3s ease;padding:0}.hero-dot.active{width:24px;border-radius:4px;box-shadow:0 0 10px #4a90d94d}.hero-dot:hover:not(.active){background:#94a3b8}.hero-nav-grid{position:relative;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:780px;width:100%}.hero-nav-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 16px 24px;background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.hero-nav-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014,0 2px 8px var(--card-color-alpha, rgba(74, 144, 217, .15));border-color:var(--card-color, #4a90d9)}.nav-card-icon{font-size:1.6rem;color:var(--card-color, #4a90d9);margin-bottom:10px;line-height:1}.nav-card-title{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:6px}.nav-card-desc{font-size:.78rem;color:#94a3b8;line-height:1.5}@media(max-width:768px){.hero{padding:80px 20px 40px}.hero-nav-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero-content{margin-bottom:40px}.hero-nav-card{padding:20px 12px 18px}}@media(max-width:480px){.hero-nav-grid{grid-template-columns:1fr;max-width:320px}.nav-card-desc{font-size:.82rem}}.knowledge-map-page{max-width:1200px;margin:0 auto;padding:60px 24px}.page-description{font-size:16px;color:#666;line-height:1.7;max-width:700px;margin:0 auto;padding:16px 24px;background:#f8fafc;border-radius:12px;border:1px solid #f0f0f0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.knowledge-map-page{padding:40px 16px}.page-title{font-size:32px}.category-grid{grid-template-columns:1fr;gap:16px}}.category-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;text-decoration:none;display:flex;flex-direction:column;opacity:0;transform:translateY(30px)}.category-card.fade-in-visible{opacity:1;transform:translateY(0);transition:all .6s ease}.category-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}.category-card-header{height:100px;background:linear-gradient(135deg,#e8eeff,#f0f4ff);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease;position:relative}.category-card:hover .category-card-header{transform:scale(1.05)}.category-card-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4a90d9,#00d4ff,#4a90d9);opacity:0;transition:opacity .3s ease}.category-card:hover .category-card-header:before{opacity:1}.category-icon{font-size:48px;line-height:1;transition:transform .3s ease}.category-card:hover .category-icon{transform:scale(1.1)}.category-card-content{padding:20px 24px;flex:1;display:flex;flex-direction:column;gap:10px}.category-name{font-size:20px;font-weight:700;color:#1a1a2e;margin:0}.category-description{font-size:14px;color:#666;line-height:1.6;margin:0;flex:1}.category-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{padding:4px 12px;background:#e6f0ff;color:#4a90d9;border-radius:20px;font-size:12px;font-weight:500;transition:all .3s ease}.tag:hover{background:#4a90d9;color:#fff}.tag.more{background:#f5f5f5;color:#999}.tag.more:hover{background:#e8e8e8;color:#666}.category-footer{padding:12px 24px 20px}.learn-more{display:inline-flex;align-items:center;color:#4a90d9;font-size:14px;font-weight:600;transition:all .3s ease}.learn-more:hover{color:#2d6ab3;transform:translate(4px)}.category-detail-page{max-width:1200px;margin:0 auto;padding:60px 24px}.breadcrumb{margin-bottom:32px;font-size:14px;color:#666}.category-icon{font-size:64px;line-height:1;margin-bottom:16px}.page-title{font-size:42px;font-weight:700;color:#1a1a2e;margin:0 0 12px}.page-description{font-size:16px;color:#666;margin:0 auto 24px;line-height:1.6;max-width:800px}.category-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tag{padding:6px 14px;background:linear-gradient(135deg,#f0f7ff,#e8f0fe);color:#4a90d9;border-radius:16px;font-size:13px;font-weight:500}.subcategory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1024px){.subcategory-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.category-detail-page{padding:40px 16px}.page-title{font-size:32px}.subcategory-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:480px){.subcategory-grid{grid-template-columns:1fr}}.subcategory-card{background:#fff;border-radius:12px;padding:24px 20px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;transition:all .3s ease;text-decoration:none;display:flex;flex-direction:column;gap:8px;position:relative}.subcategory-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4a90d926;border-color:#4a90d9}.card-status-badge{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.card-status-badge.status-all{background:#e6f7ed;color:#52c41a}.card-status-badge.status-partial{background:#fff7e6;color:#ffb800}.card-status-badge.status-none{background:#f5f5f5;color:#999}.badge-icon{line-height:1}.badge-icon.empty{opacity:.5}.subcategory-name{font-size:18px;font-weight:600;color:#1a1a2e;margin:0;padding-right:36px}.subcategory-description{font-size:13px;color:#666;line-height:1.5;margin:0;flex:1}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.progress-text{font-size:12px;color:#999;font-weight:500}.learn-more{color:#4a90d9;font-size:13px;font-weight:500}.knowledge-tree-page{max-width:900px;margin:0 auto;padding:60px 24px}.breadcrumb{margin-bottom:24px;font-size:14px;color:#666}.breadcrumb a{color:#4a90d9;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .separator{margin:0 8px}.breadcrumb .current{color:#333}.page-header{text-align:center;margin-bottom:24px}.page-title{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 12px}.page-description{font-size:15px;color:#666;margin:0;line-height:1.6;max-width:600px;display:inline-block}.progress-section{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-size:14px;font-weight:600;color:#333}.progress-text{font-size:14px;color:#666}.progress-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4a90d9,#52c41a);border-radius:4px;transition:width .3s ease}.tree-container{background:#fff;border-radius:12px;padding:8px 0;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.tree-item-wrapper{border-bottom:1px solid #f5f5f5}.tree-item-wrapper:last-child{border-bottom:none}.tree-item{position:relative}.tree-item-content{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:background-color .2s}.tree-item-content:hover{background:#f8fafc}.expand-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#999;flex-shrink:0}.expand-icon.has-children-icon{color:#4a90d9}.checkbox-wrapper{width:20px;height:20px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:default;flex-shrink:0;background:#fff}.checkbox-wrapper.checked{background:#52c41a;border-color:#52c41a;color:#fff}.checkbox-wrapper.partial{background:#ffb800;border-color:#ffb800;color:#fff}.tree-item-title{font-size:15px;color:#333;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item-title.learned{color:#52c41a}.tree-item-desc{font-size:13px;color:#999;flex:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.tree-item-count{font-size:12px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:10px;flex-shrink:0}.tree-item-children{background:#fafafa}.tree-item-children .tree-item-content,.tree-item-children .tree-item-children .tree-item-content,.tree-item-children .tree-item-children .tree-item-children .tree-item-content{padding-left:16px}.legend-section{display:flex;justify-content:flex-start;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.legend-checkbox{width:16px;height:16px;border:2px solid #ddd;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.legend-checkbox.checked{background:#52c41a;border-color:#52c41a;color:#fff}.legend-checkbox.partial{background:#ffb800;border-color:#ffb800;color:#fff}.not-found{text-align:center;padding:100px 20px}.not-found h2{font-size:24px;color:#666;margin-bottom:16px}.back-link{color:#4a90d9;text-decoration:none}.back-link:hover{text-decoration:underline}@media(max-width:768px){.knowledge-tree-page{padding:40px 16px;max-width:100%}.page-title{font-size:24px}.tree-item-desc{display:none}.legend-section{gap:16px;flex-wrap:wrap}}.ai-sites-page{max-width:1200px;margin:0 auto;padding:60px 24px}.page-header{text-align:center;margin-bottom:48px}.page-title{font-size:42px;font-weight:700;color:#1a1a2e;margin-bottom:16px}.page-description{font-size:16px;color:#666;line-height:1.6}.coming-soon{text-align:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f}.coming-soon-icon{font-size:64px;margin-bottom:20px}.coming-soon h2{font-size:24px;color:#1a1a2e;margin-bottom:12px}.coming-soon p{font-size:14px;color:#666}@media(max-width:768px){.ai-sites-page{padding:40px 16px}.page-title{font-size:32px}}.music-page{min-height:100vh;background:#f8fafc;padding:80px 24px 60px}.page-header{max-width:860px;margin:0 auto 40px}.page-title{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:700;background:linear-gradient(135deg,#1e3a5f,#4a90d9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.page-description{font-size:1rem;color:#64748b;margin:0}.coming-soon{max-width:860px;margin:60px auto 0;text-align:center;padding:60px 24px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 4px 20px #00000008}.coming-soon-icon{font-size:4rem;margin-bottom:20px}.coming-soon h2{font-size:1.4rem;font-weight:600;color:#1e293b;margin:0 0 12px}.coming-soon p{font-size:.95rem;color:#64748b;margin:0}.wechat-page{min-height:100vh;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:60px 24px}.wechat-content{text-align:center;padding:40px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 4px 20px #00000008}.wechat-title{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(1.8rem,4vw,2.2rem);font-weight:700;background:linear-gradient(135deg,#1e3a5f,#4a90d9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.wechat-desc{font-size:.95rem;color:#64748b;margin:0 0 24px}.wechat-qr{margin-bottom:16px}.qr-image{width:300px;height:300px;object-fit:contain;border-radius:8px}.wechat-note{font-size:.85rem;color:#94a3b8;margin:0}@media(max-width:480px){.qr-image{width:240px;height:240px}}.about-page{min-height:100vh;background:#f8fafc;overflow-x:hidden}.about-header{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 40px;overflow:hidden}.about-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(74,144,217,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 80% 70%,rgba(99,102,241,.06) 0%,transparent 50%);pointer-events:none}.about-header-inner{position:relative;z-index:10;text-align:center}.about-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.3em;color:#94a3b8;margin-bottom:16px;padding:6px 16px;border:1px solid #e2e8f0;border-radius:20px;transition:all .3s ease;cursor:default}.about-badge:hover{border-color:#4a90d9;color:#4a90d9;box-shadow:0 0 20px #4a90d926}.about-title{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;background:linear-gradient(135deg,#1e3a5f,#4a90d9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;transition:all .4s ease;cursor:default}.about-title:hover{background:linear-gradient(135deg,#4a90d9,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(74,144,217,.3);transform:scale(1.02)}.about-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:#64748b;letter-spacing:.08em;margin:0;transition:all .3s ease;cursor:default}.about-subtitle:hover{color:#4a90d9;letter-spacing:.12em}.about-hero{position:relative;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 60px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(74,144,217,.12) 0%,transparent 100%),radial-gradient(ellipse 60% 40% at 30% 80%,rgba(99,102,241,.08) 0%,transparent 100%),radial-gradient(ellipse 50% 30% at 80% 60%,rgba(6,182,212,.06) 0%,transparent 100%);pointer-events:none}.hero-name{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;background:linear-gradient(135deg,#1e3a5f,#4a90d9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;position:relative;z-index:1}.hero-title{font-family:system-ui,sans-serif;font-size:clamp(.9rem,2vw,1.15rem);color:#64748b;letter-spacing:.15em;margin-bottom:50px;position:relative;z-index:1}.sentence-stage{position:relative;z-index:1;width:100%;max-width:720px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sentence-text{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(1.3rem,3.5vw,1.85rem);font-weight:600;line-height:1.7;text-align:center;margin:0;padding:0 20px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:absolute;width:100%}.sentence-dots{display:flex;gap:10px;margin-top:120px;position:relative;z-index:2}.dot{width:10px;height:10px;border-radius:50%;border:none;background:#cbd5e1;cursor:pointer;transition:all .3s ease;padding:0}.dot.active{width:28px;border-radius:5px;box-shadow:0 0 12px #4a90d94d}.dot:hover:not(.active){background:#94a3b8}.about-body{max-width:860px;margin:0 auto;padding:0 24px 80px}.about-section{padding:50px 0}.section-inner{background:#fff;border-radius:16px;padding:40px;box-shadow:0 1px 3px #0000000a,0 4px 20px #00000008}.section-title{font-family:Georgia,"Noto Serif SC",serif;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#1e3a5f,#4a90d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 20px}.section-desc{font-size:1rem;line-height:1.9;color:#475569;margin:0}.project-cards{display:flex;flex-direction:column;gap:16px}.project-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-left:3px solid #4a90d9;transition:all .3s ease}.project-card:hover{transform:translate(4px);box-shadow:0 4px 16px #4a90d91f}.card-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}.card-info h3{font-size:1.05rem;font-weight:600;color:#1e293b;margin:0 0 6px}.card-info p{font-size:.9rem;color:#64748b;line-height:1.6;margin:0}.tech-groups{display:flex;flex-direction:column;gap:20px}.tech-group{display:flex;align-items:center;gap:16px}.group-label{font-size:.85rem;font-weight:600;color:#94a3b8;width:56px;flex-shrink:0;text-align:right}.group-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 14px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:.85rem;transition:all .2s ease}.tech-tag:hover{background:#e2e8f0}.tech-tag.primary{background:linear-gradient(135deg,#4a90d9,#6366f1);color:#fff}.tech-tag.primary:hover{box-shadow:0 2px 10px #4a90d94d}.site-desc{font-size:1rem;line-height:1.9;color:#475569;margin:0 0 16px}.site-desc:last-of-type{margin-bottom:24px}.site-tech-section{margin-top:8px}.site-tech-label{font-size:.85rem;font-weight:600;color:#94a3b8;display:block;margin-bottom:12px}.site-tech-list{display:flex;flex-wrap:wrap;gap:10px}.site-tech-item{padding:8px 16px;background:linear-gradient(135deg,#4a90d914,#6366f114);color:#4a90d9;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(74,144,217,.15);transition:all .2s ease}.site-tech-item:hover{background:linear-gradient(135deg,#4a90d926,#6366f126);border-color:#4a90d94d;transform:translateY(-1px)}.todo-list{display:flex;flex-direction:column;gap:16px}.todo-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border-left:3px solid #6366f1;transition:all .3s ease}.todo-item:hover{transform:translate(4px);box-shadow:0 4px 16px #6366f11f}.todo-icon-wrapper{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.todo-item:hover .todo-icon-wrapper{background:linear-gradient(135deg,#6366f126,#8b5cf626)}.todo-icon{width:20px;height:20px;color:#6366f1}.todo-content{flex:1;min-width:0}.todo-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 6px}.todo-desc{font-size:.875rem;color:#64748b;line-height:1.6;margin:0}.todo-status{padding:5px 12px;border-radius:16px;font-size:.775rem;font-weight:500;flex-shrink:0}.todo-status.todo-planning{background:#94a3b81a;color:#64748b}.todo-status.todo-pending{background:#f59e0b1a;color:#f59e0b}.todo-status.todo-learning{background:#3b82f61a;color:#3b82f6}.section-ending{padding-top:60px}.ending-inner{text-align:center;background:linear-gradient(180deg,#fff,#f8fafc)}.ending-words{font-family:Georgia,"Noto Serif SC",serif;font-size:1.15rem;line-height:1.8;background:linear-gradient(135deg,#4a90d9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 30px}.social-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.social-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#f8fafc;border-radius:12px;text-decoration:none;color:#475569;transition:all .3s ease;cursor:pointer}.social-link:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 4px 16px #4a90d91a;transform:translateY(-2px)}.social-icon{width:2.5rem;height:2.5rem}.social-icon-img{width:2.5rem;height:2.5rem;object-fit:contain;border-radius:6px}.social-label{font-size:.85rem;font-weight:500}.email-link{position:relative}.email-copy-hint{font-size:.7rem;color:#94a3b8;position:absolute;bottom:-20px;white-space:nowrap;opacity:0;transition:opacity .3s ease}.email-link:hover .email-copy-hint{opacity:1}@media(max-width:768px){.about-hero{min-height:60vh;padding:60px 20px 40px}.sentence-stage{min-height:160px}.sentence-dots{margin-top:130px}.about-body{padding:0 16px 60px}.section-inner{padding:28px 20px}.project-card{padding:16px}.tech-group{flex-direction:column;align-items:flex-start;gap:8px}.group-label{text-align:left;width:auto}}@media(max-width:480px){.sentence-text{font-size:1.15rem}.section-inner{padding:20px 16px;border-radius:12px}.ending-actions{flex-direction:column;align-items:center}}.admin-solution{min-height:100vh;background:#f5f7fa}.hero-section{background:linear-gradient(135deg,#4a90d9,#6c5ce7);padding:75px 0 40px;color:#fff}.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.hero-content{flex:1 1 auto;min-width:280px;text-align:left}.hero-content h1{font-size:48px;font-weight:700;margin-bottom:16px}.hero-content p{font-size:20px;opacity:.9;margin-bottom:8px}.hero-subtitle{font-size:16px!important;opacity:.85!important;margin-bottom:0!important}.hero-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hero-demo-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;background:#ffffff24;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;color:#fff;font-size:16px;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease;white-space:nowrap}.hero-demo-btn:hover{background:#fff;color:#4a90d9;transform:translateY(-2px);box-shadow:0 8px 24px #00000038}.hero-demo-btn svg{width:18px;height:18px}.hero-demo-hint{font-size:13px;color:#ffffffbf;margin:0}.overview-section{padding:60px 0;background:#fff}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}.overview-card{background:#f8f9fc;border-radius:12px;padding:32px;text-align:center;transition:all .3s ease}.overview-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.card-icon{font-size:48px;margin-bottom:16px}.overview-card h3{font-size:20px;font-weight:600;color:#333;margin-bottom:12px}.overview-card p{color:#666;font-size:14px;line-height:1.6;margin-bottom:16px}.card-link{color:#4a90d9;font-size:14px;text-decoration:none;font-weight:500}.card-link:hover{text-decoration:underline}.tech-status{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:16px}.tech-status-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.tech-status-item{display:flex;justify-content:space-between;align-items:center}.status-label{font-size:14px;color:#374151;font-weight:500}.status-btn{padding:5px 16px;border-radius:16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s ease}.status-btn.active{background:linear-gradient(135deg,#4a90d9,#6c5ce7);color:#fff}.status-btn.active:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a90d959}.status-btn.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.status-badge{padding:5px 16px;border-radius:16px;font-size:13px;font-weight:500}.status-badge.completed{background:#22c55e1a;color:#22c55e}.status-badge.in-progress{background:#fbbf241a;color:#f59e0b}.status-item{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-item.completed{background:#22c55e1a;color:#22c55e}.status-item.in-progress{background:#fbbf241a;color:#f59e0b}.status-dot{width:8px;height:8px;border-radius:50%}.status-item.completed .status-dot{background:#22c55e}.status-item.in-progress .status-dot{background:#f59e0b;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.solutions-section{padding:60px 0;background:#f8f9fc}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-top:40px}.solution-card{background:#fff;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:18px;transition:all .3s ease;border:2px solid transparent}.solution-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.solution-card.highlight{border-color:#4a90d9;background:linear-gradient(135deg,#f0f7ff,#fff)}.solution-head{display:flex;align-items:center;gap:14px}.solution-icon{font-size:36px;flex-shrink:0}.solution-head h3{font-size:18px;font-weight:600;color:#333}.solution-story{display:flex;flex-direction:column;gap:12px}.story-row{display:flex;align-items:flex-start;gap:12px}.story-label{flex-shrink:0;width:44px;text-align:center;padding:3px 0;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4}.story-label.pain{background:#ef44441a;color:#ef4444}.story-label.pick{background:#f59e0b1f;color:#d97706}.story-label.build{background:#22c55e1f;color:#16a34a}.story-row p{font-size:14px;color:#555;line-height:1.65;margin:0}.solution-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.solution-tag{background:#4a90d91a;color:#4a90d9;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.architecture-section{padding:60px 0;background:#fff}.stack-note{display:flex;align-items:center;gap:14px;background:#f8fafc;border-radius:10px;padding:16px 20px;margin-bottom:12px}.stack-note p{font-size:14px;color:#555;line-height:1.6;margin:0}.stack-tag{flex-shrink:0;padding:4px 14px;border-radius:14px;font-size:13px;font-weight:600}.stack-tag.main{background:linear-gradient(135deg,#4a90d9,#6c5ce7);color:#fff}.stack-tag.demo{background:#f59e0b1f;color:#d97706}.architecture-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.architecture-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;padding:24px;text-align:center;border-left:4px solid #4a90d9}.architecture-layer{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.architecture-tech{font-size:16px;font-weight:600;color:#4a90d9;margin-bottom:8px}.architecture-desc{font-size:13px;color:#64748b;line-height:1.5}.advantages-section{padding:60px 0;background:linear-gradient(135deg,#4a90d9,#6c5ce7)}.advantages-section .section-title{color:#fff;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:white;background-clip:initial}.advantages-section .section-subtitle{color:#ffffffe6}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px}.advantage-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:32px;text-align:center;transition:all .3s ease}.advantage-card:hover{background:#ffffff26;transform:translateY(-4px)}.advantage-icon{font-size:48px;margin-bottom:16px}.advantage-card h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:1px}.advantage-card p{font-size:14px;color:#ffffffd9;line-height:1.6}.web-section,.server-section,.api-section{padding:60px 0}.web-section{background:#fff}.server-section{background:#f8f9fc}.api-section{background:#fff}.section-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:48px}.section-icon{font-size:48px;flex-shrink:0}.section-header .section-title{text-align:left;margin-bottom:8px}.section-header .section-subtitle{text-align:left;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.feature-card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 12px #0000000d}.feature-card h4{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.feature-card p{font-size:13px;color:#666;line-height:1.5}.tech-stack{margin-bottom:40px}.tech-stack h4{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.tech-badges{display:flex;flex-wrap:wrap;gap:10px}.tech-badge{background:linear-gradient(135deg,#4a90d9,#6c5ce7);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px}.quick-links{display:flex;flex-wrap:wrap;gap:16px}.link-item{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:#f0f4f8;color:#4a90d9;border-radius:20px;text-decoration:none;font-size:14px;transition:all .3s ease}.link-item:hover{background:#4a90d9;color:#fff}.api-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.api-category{background:#f8f9fc;border-radius:10px;padding:24px}.api-category h4{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.api-category ul{list-style:none;padding:0;margin:0}.api-category li{font-size:14px;color:#666;padding:6px 0;border-bottom:1px solid #e8e8e8}.api-category li:last-child{border-bottom:none}.ai-section{padding:60px 0;background:#f8f9fc}.ai-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.ai-item{background:#fff;border-radius:12px;padding:28px;border-left:4px solid #6c5ce7;box-shadow:0 2px 12px #0000000a}.ai-item h4{font-size:16px;font-weight:600;color:#333;margin-bottom:10px}.ai-item p{font-size:14px;color:#666;line-height:1.65;margin:0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0 40px}.stat-cell{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;background:linear-gradient(135deg,#f0f7ff,#f8f9fc);border-radius:12px;border-left:4px solid #4a90d9;transition:transform .25s,box-shadow .25s}.stat-cell:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a90d91f}.stat-cell .stat-value{font-size:26px;font-weight:700;color:#4a90d9;line-height:1.2}.stat-cell .stat-label{font-size:13px;color:#64748b;font-weight:500}.solution-group-label{display:inline-flex;align-items:center;gap:8px;margin:24px 0 16px;padding:6px 16px;background:linear-gradient(135deg,#4a90d91a,#6c5ce71a);color:#4a90d9;border-radius:14px;font-size:14px;font-weight:600;letter-spacing:.5px}.solution-group-label:before{content:"";width:6px;height:6px;border-radius:50%;background:#4a90d9}.solution-group-label:not(:first-child){margin-top:40px}.stack-meta-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.stack-meta{display:flex;align-items:flex-start;gap:14px;background:#f8fafc;border-radius:10px;padding:16px 20px;border-left:3px solid #6c5ce7}.stack-meta-tag{flex-shrink:0;min-width:72px;text-align:center;padding:5px 12px;border-radius:14px;background:linear-gradient(135deg,#4a90d9,#6c5ce7);color:#fff;font-size:13px;font-weight:600}.stack-meta-text{font-size:14px;color:#475569;line-height:1.7;margin:0;flex:1;word-break:break-word}@media(max-width:768px){.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.hero-inner{flex-direction:column;align-items:center;text-align:center}.hero-content{text-align:center}.hero-actions{align-items:center}.hero-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.btn{padding:10px 18px;font-size:14px;min-width:140px}.btn-icon{font-size:16px;margin-right:6px}.section-header{flex-direction:column;text-align:center}.solution-card{flex-direction:column;text-align:left}.stat-row{grid-template-columns:repeat(2,1fr)}.stack-meta{flex-direction:column;gap:8px}.stack-meta-tag{align-self:flex-start}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:32px;font-weight:700;background:linear-gradient(135deg,#4a90d9,#6c5ce7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.8rem}.section-subtitle{text-align:center;font-size:14px;color:#999;margin-bottom:3rem}.fade-in-visible{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.container{max-width:90%}}@media(max-width:768px){.container{max-width:95%}}@media print{.navbar,.footer{display:none}}