:root{--bg: #f5f0fa;--bg-strip: #ede5f5;--bg-card: #eae2f2;--bg-white: #ffffff;--text: #2a1f35;--text-secondary: #4a3a5a;--text-muted: #9a8aaa;--border: #d5c8e8;--border-light: #e5daf0;--accent: #c8624a;--accent-light: #e8a898;--purple: #7a5a9a;--purple-light: #a888c8;--green: #c8624a;--green-dark: #a84e38;--blue: #7a5a9a;--terminal-bg: #2a1f35;--terminal-text: #eae2f2;--shadow-sm: 0 1px 2px rgba(42, 31, 53, .04);--shadow-md: 0 8px 30px rgba(42, 31, 53, .08);--shadow-lg: 0 20px 60px rgba(42, 31, 53, .1);--radius: 10px;--radius-lg: 12px;--max-width: 960px;--font-serif: "Noto Serif SC", serif;--font-sans: "Noto Sans SC", sans-serif;--font-lora: "Lora", serif;font-family:var(--font-sans);line-height:1.8;font-weight:400;letter-spacing:.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}.page{position:relative;isolation:isolate;min-height:100vh;background:var(--bg)}.main-wrap{max-width:var(--max-width);margin:0 auto;padding:6rem 1.5rem 4rem}.header{position:fixed;top:0;left:0;right:0;z-index:200;background:transparent;border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease}.header--scrolled{background:#f5f0faeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border-light)}.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem);height:52px}.logo{font-family:var(--font-serif);font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:.04em;transition:color .3s ease}.header:not(.header--scrolled) .logo{color:var(--text)}.nav{display:flex;gap:.25rem}.nav__link{padding:.4rem .7rem;border-radius:6px;color:var(--text-secondary);font-size:.75rem;letter-spacing:.06em;transition:color .2s,background .2s}.nav__link:hover{color:var(--text);background:var(--bg-card)}.menu-btn{display:none;width:2.25rem;height:2.25rem;border-radius:8px;border:none;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;background:none;color:var(--text-secondary)}.menu-btn span{display:block;width:.9rem;height:1.5px;background:currentColor}.hero{position:relative;min-height:clamp(460px,56vw,560px);display:flex;align-items:flex-end;padding:0 clamp(1.5rem,9vw,8rem) clamp(2.5rem,6vw,4.5rem);background:linear-gradient(to right,rgba(245,240,250,.82) 0%,rgba(245,240,250,.35) 55%,transparent 100%),linear-gradient(135deg,#7a5a9a1f,#c8624a14,#f5f0faf2);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 20%,rgba(168,136,200,.22) 0%,transparent 45%),radial-gradient(circle at 15% 80%,rgba(200,98,74,.1) 0%,transparent 40%);pointer-events:none}.hero__content{position:relative;z-index:1;max-width:640px}.hero__greeting{font-family:var(--font-lora);font-style:italic;font-size:.85rem;color:var(--purple);margin-bottom:.65rem;letter-spacing:.08em}.hero__title{font-family:var(--font-serif);font-size:clamp(3rem,8vw,5rem);line-height:1.05;letter-spacing:.04em;font-weight:700;color:var(--text);margin-bottom:0}.hero__roles{margin-top:1rem;font-size:.9rem;color:var(--text-secondary);letter-spacing:.2em}.hero__desc{max-width:32rem;color:var(--text-secondary);font-size:1.02rem;line-height:1.75;margin-bottom:2rem}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.hero-strip{background:var(--bg-strip);padding:2.5rem clamp(1.5rem,9vw,8rem)}.hero-strip__intro{font-family:var(--font-serif);font-size:1.05rem;color:var(--text);line-height:2.3;max-width:640px}.hero-strip__meta{margin-top:.75rem;font-size:.8rem;color:var(--text-muted);letter-spacing:.06em;line-height:2}.stats-bar{background:var(--bg);border-bottom:1px solid var(--border-light);padding:2.5rem clamp(1.5rem,9vw,8rem)}.stats-bar__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:2rem 4rem;max-width:1100px;margin:0 auto}.stat-item__num{font-family:var(--font-serif);font-weight:700;font-size:2rem;color:var(--text);line-height:1.1}.stat-item__unit{font-size:1rem;color:var(--purple);margin-left:1px}.stat-item__label{margin-top:.4rem;font-size:.75rem;color:var(--text-muted);letter-spacing:.04em}.btn{padding:.75rem 1.35rem;border-radius:8px;font-size:.85rem;font-weight:500;letter-spacing:.04em;transition:transform .15s,box-shadow .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #c8624a40}.btn--secondary{background:#f5f0fae0;color:var(--purple);border:1px solid var(--border)}.section{padding:0 0 1rem;scroll-margin-top:60px}.section-label{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.section-label:before{content:"";width:22px;height:1px;background:var(--purple-light);flex-shrink:0}.section-label span{font-size:.62rem;letter-spacing:.25em;color:var(--purple);text-transform:uppercase}.section-divider{display:flex;align-items:center;gap:1rem;margin:2rem 0}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.section-divider__dot{width:6px;height:6px;border-radius:50%;background:var(--purple-light);opacity:.45;flex-shrink:0}.section-tip{color:var(--text-muted);font-size:.82rem;margin:-.5rem 0 1.25rem;letter-spacing:.04em}.feature-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:2rem}.feature-card,.project-card,.content-card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);padding:1.35rem 1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.feature-card:hover,.project-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--purple-light);background:var(--bg-card)}.feature-card__top,.project-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.feature-card__badge{font-size:.72rem;font-weight:500;color:var(--purple);letter-spacing:.06em}.feature-card__arrow{color:var(--accent);font-size:.9rem}.feature-card h3,.project-card h3,.content-card h3{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;margin-bottom:.5rem;letter-spacing:.02em}.feature-card p,.project-card p{color:var(--text-secondary);font-size:.88rem;line-height:2}.projects-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.project-category+.project-category{margin-top:2.5rem}.project-category__title{font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.18em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.project-card .tags{margin-top:.85rem}.project-card__qrcode{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.project-card__qrcode img{width:88px;height:88px;border-radius:50%;flex-shrink:0;border:1px solid var(--border-light);background:#fff}.project-card__qrcode span{font-size:.78rem;color:var(--text-muted);letter-spacing:.04em}.miniapp-showcase{max-width:420px;margin:0 auto;text-align:center}.miniapp-showcase__qrcode{display:inline-flex;padding:1rem;border-radius:50%;background:#fff;border:1px solid var(--border-light);box-shadow:var(--shadow-md)}.miniapp-showcase__qrcode img{display:block;border-radius:50%}.miniapp-showcase__hint{margin-top:1rem;font-size:.85rem;color:var(--text-muted);letter-spacing:.06em}.miniapp-showcase__features{display:grid;gap:.75rem;margin-top:2rem;text-align:left}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{padding:.25rem .65rem;border-radius:6px;background:#7a5a9a14;color:var(--text-secondary);font-size:.75rem;font-weight:500}.about-grid,.skills-grid,.edu-grid{display:grid;gap:1rem}.skills-grid,.edu-grid{grid-template-columns:1fr}.content-card{background:var(--bg-card);border-color:var(--border)}.content-card p,.content-card li{color:var(--text-secondary);font-size:.92rem;line-height:2.1}.about-grid .content-card{line-height:2.2;background:transparent;border:none;padding:0;box-shadow:none}.content-card h3{margin-bottom:.75rem}.about-quote{margin-top:2.5rem;padding:2rem 2.5rem;background:linear-gradient(135deg,#7a5a9a14,#c8624a0f);border-left:3px solid var(--purple);border-radius:0 var(--radius) var(--radius) 0}.about-quote p{font-family:var(--font-serif);font-size:clamp(1.05rem,2.5vw,1.2rem);color:var(--text);line-height:1.9;font-style:italic;letter-spacing:.04em}.timeline{display:grid;gap:1rem}.timeline__meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;font-size:.85rem}.timeline__period{color:var(--text-muted)}.timeline__role{color:var(--purple);font-weight:500}.timeline__item ul{padding-left:1.1rem;margin-top:.65rem}.timeline__item li+li{margin-top:.35rem}.edu-card__period,.edu-card__degree{display:inline-block;color:var(--text-muted);font-size:.85rem}.content-card p{margin:.35rem 0 .5rem}.contact-card{text-align:center;background:var(--bg-card);border-color:var(--border)}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:1rem}.contact-links a{color:var(--accent);font-weight:500;border-bottom:1px solid var(--accent-light);text-decoration:none}.contact-links a:hover{color:var(--green-dark);border-bottom-color:var(--accent)}.footer{border-top:1px solid var(--border-light);padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.78rem;letter-spacing:.06em}.demo-page{min-height:100vh;position:relative;background:var(--bg)}.demo-header-bar{border-bottom:1px solid var(--border-light);background:#f5f0fae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-back-link{font-weight:500}.demo-header{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem 1rem}.demo-header h1{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;letter-spacing:-.02em;margin:.75rem 0 .5rem}.demo-header__sub{color:var(--text-secondary);margin-bottom:1rem}.demo-main{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem 3rem}.demo-shell{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-white);padding:1.25rem;box-shadow:var(--shadow-sm)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:1rem}.panel h3{margin-bottom:.75rem;font-size:.95rem;font-weight:600}.demo-input{width:100%;padding:.65rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-white);color:var(--text);font-size:.92rem}.demo-input:focus{outline:2px solid rgba(122,90,154,.25);border-color:var(--purple)}.chip{padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-white);font-size:.85rem}.chip--active{color:#fff;background:var(--purple);border-color:var(--purple)}.btn--sm{padding:.45rem .75rem;font-size:.85rem}.btn--block{width:100%}.btn--ghost{background:var(--bg-white);border:1px solid var(--border);color:var(--text-secondary)}.link-btn{color:#ef4444;font-size:.85rem}.ai-search__toolbar{display:flex;gap:.75rem;margin-bottom:.85rem}.ai-search__scenes{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.ai-search__body{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:1rem}.result-list{list-style:none;display:grid;gap:.45rem}.result-item{width:100%;text-align:left;padding:.65rem .75rem;border-radius:8px;border:1px solid transparent;background:var(--bg-white)}.result-item strong{display:block;font-size:.88rem;margin-bottom:.15rem}.result-item span{color:var(--text-muted);font-size:.8rem}.result-item--active{border-color:#7a5a9a59;background:#7a5a9a0f}.doc-preview__tag{display:inline-block;margin-bottom:.5rem;padding:.15rem .5rem;border-radius:6px;background:#7a5a9a1a;color:var(--purple);font-size:.75rem}.chat-q{color:var(--text-muted);font-size:.88rem;margin-bottom:.5rem}.chat-a{color:var(--text-secondary);font-size:.92rem;line-height:1.65}.live-dot{color:var(--green);font-size:.78rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.panel--stat{display:flex;flex-direction:column;gap:.25rem}.panel--stat span{color:var(--text-muted);font-size:.85rem}.panel--stat strong{font-size:1.5rem;font-weight:700}.panel--stat small{color:var(--text-muted);font-size:.8rem}.table-panel{grid-column:1 / -1}.demo-table{width:100%;border-collapse:collapse;font-size:.88rem}.demo-table th,.demo-table td{padding:.65rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.demo-table th{color:var(--text-muted);font-weight:500}.form-designer{display:grid;grid-template-columns:200px 1fr 220px;gap:1rem}.palette-item{width:100%;text-align:left;padding:.55rem .65rem;margin-bottom:.4rem;border-radius:8px;border:1px dashed var(--border);color:var(--text-secondary);font-size:.88rem}.form-designer__head{display:flex;justify-content:space-between;margin-bottom:.85rem;color:var(--text-muted);font-size:.88rem}.form-field-block{padding:.75rem;margin-bottom:.6rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-white)}.form-field-block__head{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.88rem}.radio-row{display:flex;gap:1rem;color:var(--text-secondary);font-size:.88rem}.stat-bars{display:grid;gap:.6rem;margin-bottom:1rem}.stat-bars>div{display:grid;grid-template-columns:2.5rem 1fr 2.5rem;gap:.5rem;align-items:center;font-size:.85rem}.bar{height:6px;border-radius:999px;background:var(--border-light);overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--accent))}.annotation-demo{display:grid;grid-template-columns:1fr 200px;gap:1rem}.annotation-demo__toolbar{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.annotation-demo__count{margin-left:auto;color:var(--text-muted);font-size:.85rem}.annotation-canvas{width:100%;border-radius:8px;cursor:crosshair;touch-action:none;border:1px solid var(--border)}.flow-list{padding-left:1rem;color:var(--text-secondary);font-size:.88rem}.flow-list li+li{margin-top:.35rem}.phone-frame{max-width:375px;margin:0 auto;border:1px solid var(--border);border-radius:28px;overflow:hidden;background:var(--bg-white);box-shadow:var(--shadow-lg)}.phone-frame__header{padding:1rem 1.1rem .65rem;background:linear-gradient(180deg,rgba(122,90,154,.06),transparent)}.phone-frame__header span{display:block;color:var(--text-muted);font-size:.78rem}.phone-frame__header strong{font-size:1.1rem}.phone-frame__tabs{display:flex;gap:.3rem;padding:0 1rem .65rem;overflow-x:auto}.tab-btn{padding:.4rem .7rem;border-radius:999px;color:var(--text-muted);font-size:.85rem;white-space:nowrap}.tab-btn--active{background:#7a5a9a1f;color:var(--purple);font-weight:500}.phone-frame__body{padding:0 1rem 1.25rem}.mini-label{display:block;margin-bottom:.3rem;color:var(--text-muted);font-size:.82rem}.room-card,.feed-card,.device-card{padding:.75rem;margin-top:.65rem;border-radius:12px;border:1px solid var(--border);background:var(--bg)}.room-card__head,.device-card__head,.feed-card__meta{display:flex;justify-content:space-between;align-items:center}.slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-top:.65rem}.slot-btn{padding:.55rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-white);font-size:.85rem}.slot-btn small{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.72rem}.slot-btn--booked{border-color:#7a5a9a59;background:#7a5a9a14}.feed-list{max-height:480px;overflow:auto}.feed-card__meta .avatar{width:1.75rem;height:1.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple),var(--accent));color:#fff;font-size:.75rem;font-weight:700}.feed-card__meta{gap:.5rem;margin-bottom:.5rem}.feed-card__meta>div{display:flex;flex-direction:column}.feed-card__meta small{color:var(--text-muted);font-size:.75rem}.feed-card h4{font-size:.92rem;margin-bottom:.5rem}.feed-card__actions{display:flex;gap:.85rem;color:var(--text-muted);font-size:.82rem}.like-btn--active{color:#ef4444}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.device-card--offline{opacity:.5}.device-card p{font-size:.78rem;color:var(--text-muted);margin:.25rem 0}.switch{width:44px;height:26px;border-radius:999px;background:var(--border);position:relative;margin-top:.35rem}.switch i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s}.switch--on{background:var(--purple)}.switch--on i{transform:translate(18px)}.device-controls{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem;font-size:.88rem}.device-controls button{width:1.75rem;height:1.75rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-white)}@media(max-width:900px){.ai-search__body,.dashboard-grid,.form-designer,.annotation-demo{grid-template-columns:1fr}.annotation-demo__count{margin-left:0;width:100%}}@media(max-width:720px){.menu-btn{display:inline-flex}.nav{position:absolute;top:calc(100% + .5rem);right:clamp(1.5rem,5vw,3rem);left:clamp(1.5rem,5vw,3rem);flex-direction:column;padding:.5rem;border-radius:var(--radius);border:1px solid var(--border-light);background:#f5f0faf7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s,transform .2s}.nav--open{opacity:1;pointer-events:auto;transform:translateY(0)}.header__inner{position:relative}.stats-bar__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}