@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#202421;--muted:#69706a;--bg:#f5f3ee;--surface:#fffefb;--accent:#42675a;--accent-soft:#e4ece7;--line:#d8d9d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-wrap{overflow:hidden}.nav{height:78px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800}.brand img{width:35px;height:35px;object-fit:contain}.home-link{font-size:12px;font-weight:700;color:var(--muted)}.home-link:hover{color:var(--accent)}.hero{min-height:680px;padding:80px clamp(20px,7vw,110px);display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.eyebrow,.section-kicker{margin:0 0 22px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.12em}.eyebrow{display:flex;align-items:center;gap:9px}.dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.16;letter-spacing:-.055em;margin:0 0 28px;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.hero-lead{max-width:570px;margin:0 0 30px;color:var(--muted);font-size:17px;line-height:1.9}.hero-actions{display:flex}.button{display:inline-flex;align-items:center;gap:24px;padding:14px 20px;border-radius:6px;font-size:14px;font-weight:700}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:var(--accent)}.hero-note{margin:24px 0 0;color:#898f8a;font-size:12px}.hero-art{height:470px;position:relative}.art-glow{position:absolute;inset:40px 35px;background:#e9e7df;border-radius:50%;filter:blur(45px)}.document-card,.publish-card{position:absolute;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 45px rgba(32,36,33,.1);border-radius:10px}.document-card{width:290px;height:370px;left:2%;top:12px;transform:rotate(-5deg);padding:20px}.card-top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}.mini-icon{background:var(--accent-soft);color:var(--accent);padding:4px 7px;border-radius:4px}.more{margin-left:auto}.doc-title{margin:30px 0 23px;font-size:21px;font-weight:700;line-height:1.45}.doc-line,.publish-line{height:7px;margin:10px 0;border-radius:5px;background:#dfe3e0;width:84%}.doc-line.long{width:100%}.doc-line.short{width:58%}.image-block{height:94px;margin:23px 0 13px;border-radius:6px;background:#edf0ed;position:relative;overflow:hidden}.image-sun{position:absolute;width:27px;height:27px;right:42px;top:20px;border-radius:50%;background:#b8c9c0}.image-mountain{position:absolute;width:180px;height:100px;left:20px;top:63px;transform:rotate(45deg);background:#9fb5aa}.doc-foot{display:flex;gap:7px}.doc-foot span{padding:4px 8px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:10px}.flow-mark{position:absolute;z-index:3;left:41%;top:36%;width:108px;height:108px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 30px rgba(32,36,33,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}.flow-mark img{width:58px}.flow-mark b{position:absolute;right:-53px;color:var(--accent);font-size:39px}.publish-card{right:0;bottom:35px;width:270px;min-height:210px;padding:21px;transform:rotate(4deg);z-index:2}.publish-top{color:var(--accent);font-size:12px;font-weight:700}.publish-title{margin:25px 0 16px;font-size:17px;font-weight:700;line-height:1.5}.publish-line{width:92%}.publish-line.small{width:60%}.publish-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:21px;color:var(--muted);font-size:10px}.publish-bottom strong{padding:7px 9px;border-radius:4px;background:var(--accent-soft);color:var(--accent)}.art-caption{position:absolute;right:7px;bottom:0;color:#8d928e;font-size:10px}.strip{padding:26px clamp(20px,5vw,72px);display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff}.strip div{display:flex;align-items:center;gap:14px;padding:0 18px;border-right:1px solid #555a56;font-size:13px}.strip div:first-child{padding-left:0}.strip div:last-child{border:0}.strip strong{color:#a9c3b6;font-size:21px}.section{padding:100px clamp(20px,5vw,72px)}.features{display:grid;grid-template-columns:.72fr 1.28fr;gap:8%}.section h2,.before h2,.closing h2{margin:0 0 24px;font-size:clamp(32px,3.4vw,51px);line-height:1.26;letter-spacing:-.035em}.section-intro>p:last-child,.how-heading>p:last-child{max-width:420px;color:var(--muted);font-size:15px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.feature-card{min-height:230px;padding:26px;background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-card:nth-child(3){border-right:0}.feature-card.large,.feature-card.wide{grid-column:span 2;border-right:0}.feature-card.wide{border-bottom:0;display:flex;justify-content:space-between;gap:18px}.feature-symbol{width:36px;height:36px;margin-bottom:17px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:20px}.feature-num{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.15em}.feature-card h3{margin:9px 0;font-size:19px}.feature-card p{max-width:460px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.feature-visual{display:flex;align-items:center;gap:12px;margin-top:20px;color:var(--accent);font-size:11px;font-weight:700}.feature-visual span,.schedule-visual span:not(.schedule-line){padding:7px 10px;border-radius:4px;background:var(--accent-soft)}.feature-visual i,.schedule-line{width:35px;height:1px;background:var(--accent)}.schedule-visual{display:flex;align-items:center;align-self:center;gap:7px;color:var(--accent);font-size:10px;font-weight:700;white-space:nowrap}.how{background:#ecebe6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;margin-bottom:42px}.how-heading .section-kicker{width:100%;margin-bottom:-18px}.how-heading h2,.how-heading>p:last-child{margin-top:0;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.steps article{min-height:210px;padding:27px;background:var(--surface);border-right:1px solid var(--line)}.steps article:last-child{border:0}.step-no{display:inline-block;margin-bottom:21px;color:var(--accent);font-size:27px;font-weight:700}.steps h3{margin:0 0 12px;font-size:18px}.steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.before{margin:70px clamp(20px,5vw,72px);padding:55px 6%;display:grid;grid-template-columns:1fr 1fr;gap:30px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.before h2{margin:0}.before-list{align-self:center}.before-list p{margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}.before-list p span{margin-right:12px;color:var(--accent)}.closing{padding:95px 5% 110px;text-align:center}.closing img{width:62px}.closing p{margin:18px 0 10px;color:var(--accent);font-weight:700}.closing h2{margin-bottom:0}footer{padding:28px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.05em}.filings{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.police-filing{display:inline-flex;align-items:center;gap:5px}.police-filing img{width:16px;height:16px}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-art{width:100%;max-width:600px;margin:auto}.features{display:block}.section-intro{margin-bottom:35px}.steps{grid-template-columns:repeat(2,1fr)}.steps article{border-bottom:1px solid var(--line)}.steps article:nth-child(2){border-right:0}.steps article:nth-child(3),.steps article:nth-child(4){border-bottom:0}}@media(max-width:620px){.nav{height:70px}.home-link{font-size:11px}.hero{min-height:auto;padding:55px 6% 35px;gap:12px}.hero h1{font-size:44px}.hero-lead{font-size:15px}.hero-art{height:355px;transform:scale(.72);transform-origin:center top;width:138%;margin-left:-19%;margin-bottom:-95px}.document-card{left:7%}.publish-card{right:2%}.strip{grid-template-columns:1fr 1fr;row-gap:20px;padding:23px 6%}.strip div{padding:0;border:0}.section{padding:70px 6%}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card.large,.feature-card.wide{grid-column:span 1;border-right:0}.feature-card.wide{display:block}.schedule-visual{margin-top:24px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)!important}.steps article:last-child{border-bottom:0!important}.how-heading .section-kicker{margin-bottom:0}.before{margin:45px 6%;padding:35px 7%;grid-template-columns:1fr}.before h2{font-size:31px}.closing{padding:70px 6% 85px}footer{flex-direction:column;padding:25px 6%;line-height:1.8}}
/* 真实软件信息架构的展示界面 */
.hero-art{height:510px;display:flex;align-items:center;justify-content:center}.app-window{width:min(680px,100%);background:#f7f8f7;border:1px solid #cfd4d0;border-radius:14px;box-shadow:0 28px 70px rgba(32,36,33,.18);overflow:hidden;transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}.app-titlebar{height:37px;padding:0 13px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #dfe3df;background:#eef0ee;color:#767d78;font-size:10px;font-weight:700;letter-spacing:.08em}.window-dots{display:flex;gap:6px}.window-dots i{width:8px;height:8px;border-radius:50%;background:#cbd0cc}.window-dots i:first-child{background:#e4a49c}.window-dots i:nth-child(2){background:#e4cd88}.window-dots i:last-child{background:#9fc4ad}.app-version{justify-self:end;font-size:8px;color:#9ca29e}.app-body{padding:22px}.app-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.app-head>div:first-child{display:flex;align-items:center;gap:10px}.app-head img{width:38px;height:38px;object-fit:contain}.app-head strong{display:block;font-size:21px;line-height:1}.app-head small{display:block;margin-top:5px;color:#858b87;font-size:9px}.account{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #d8ddd9;border-radius:6px;background:#fff;font-size:9px}.account span{color:#909692}.account b{font-size:10px}.account i{font-style:normal;color:#929894}.app-panel{padding:16px;border:1px solid #dce1dd;border-radius:8px;background:#fff}.app-panel label{display:block;margin-bottom:8px;color:#6f7671;font-size:9px;font-weight:700}.url-field{display:flex;align-items:center;height:34px;border:1px solid #d5dbd7;border-radius:5px;overflow:hidden}.url-field span{flex:1;padding:0 11px;color:#a0a6a2;font-size:9px}.url-field b{align-self:stretch;display:flex;align-items:center;padding:0 13px;border-left:1px solid #d5dbd7;background:#f2f4f2;font-size:9px}.app-options{display:flex;align-items:center;gap:18px;margin-top:13px;color:#666d68;font-size:9px}.app-options>span{display:flex;align-items:center;gap:5px}.radio,.check{width:11px;height:11px;border:1px solid #b8bfba;display:inline-block}.radio{border-radius:50%}.radio.active{border:3px solid var(--accent)}.check{border-radius:2px}.batch{margin-left:5px}.count{margin-left:auto}.count b{padding:4px 7px;border-radius:3px;background:#f0f2f0;color:#555c57}.app-actions{display:flex;gap:8px;margin:13px 0}.app-actions button{height:29px;padding:0 12px;border:1px solid #d3d8d4;border-radius:5px;background:#fff;color:#5e655f;font:600 9px inherit}.app-actions .start{border-color:var(--accent);background:var(--accent);color:#fff}.app-actions .folder{margin-left:auto}.log-panel{overflow:hidden;border:1px solid #dce1dd;border-radius:8px;background:#fff}.log-head{height:34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e6e4;color:#6b726d;font-size:9px;font-weight:700}.log-head b{color:#72847a;font-size:8px}.log-head b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7ba089}.log-body{height:124px;padding:13px 16px;background:#242825;color:#b9c1bb;font:9px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;position:relative}.log-body p{margin:0}.log-body time{display:inline-block;width:64px;color:#747d76}.log-body strong{color:#dce7df;font-weight:500}.cursor{display:block;width:5px;height:11px;margin-top:2px;background:#8fa99a}.art-caption{right:0;bottom:3px}.hero-art:before{content:"";position:absolute;width:75%;height:72%;border-radius:50%;background:#dde5df;filter:blur(55px);opacity:.75}
@media(max-width:980px){.hero-art{height:500px}.app-window{width:min(720px,100%);transform:none}}@media(max-width:620px){.hero-art{height:370px;transform:none;width:100%;margin:0}.app-window{width:690px;min-width:690px;transform:scale(.53);transform-origin:center}.art-caption{bottom:7px;right:0}.hero-art:before{width:100%;height:70%}}
/* 更松弛的首屏产品展示 */
.hero-art{isolation:isolate;overflow:visible}.hero-art:before{z-index:-3;width:72%;height:68%;left:17%;top:16%;background:#dfe7e2;filter:blur(50px)}.hero-art:after{content:"";position:absolute;z-index:-2;width:78%;height:72%;left:12%;top:13%;border:1px solid #cfd5d1;border-radius:14px;background:#ebece8;transform:rotate(6deg) translate(22px,10px);box-shadow:0 18px 40px rgba(32,36,33,.06)}.app-window{position:relative;z-index:2;width:min(680px,96%);margin-left:-2%;transform:perspective(1200px) rotateZ(-3.2deg) rotateY(-2deg) translateY(-4px);transform-origin:center;transition:transform .35s ease,box-shadow .35s ease}.hero-art:hover .app-window{transform:perspective(1200px) rotateZ(-1.5deg) rotateY(0) translateY(-9px);box-shadow:0 34px 85px rgba(32,36,33,.2)}.ui-tag{position:absolute;z-index:5;padding:9px 13px;border:1px solid #c9d0cb;border-radius:999px;background:var(--surface);box-shadow:0 8px 22px rgba(32,36,33,.1);color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.06em;white-space:nowrap}.ui-tag-input{left:-1%;top:8%;transform:rotate(-8deg)}.ui-tag-batch{right:-2%;bottom:11%;transform:rotate(7deg);background:var(--accent);border-color:var(--accent);color:#fff}.art-caption{z-index:5;right:2%;bottom:-1%;text-align:right;line-height:1.6}.app-titlebar{cursor:default}@media(max-width:980px){.app-window{margin-left:0;transform:rotate(-2.4deg)}.hero-art:hover .app-window{transform:rotate(-1deg) translateY(-5px)}.ui-tag-input{left:0}.ui-tag-batch{right:0}}@media(max-width:620px){.hero-art:after{width:86%;height:61%;left:7%;top:18%;transform:rotate(5deg) translate(10px,5px)}.app-window{margin:0;transform:scale(.53) rotate(-3deg);transform-origin:center}.hero-art:hover .app-window{transform:scale(.53) rotate(-3deg)}.ui-tag{font-size:9px;padding:7px 10px}.ui-tag-input{left:0;top:11%}.ui-tag-batch{right:0;bottom:13%}.art-caption{bottom:2%;right:0}}
/* 修正产品 UI 的文字折行与标签遮挡 */
.app-window{width:min(720px,98%)}.app-actions{display:grid;grid-template-columns:1.12fr .92fr .92fr 1.18fr;gap:8px}.app-actions button{width:100%;min-width:0;padding:0 8px;font-family:inherit;font-size:9px;font-weight:600;line-height:1;white-space:nowrap;word-break:keep-all}.app-actions .folder{margin-left:0}.account,.account span,.account b,.url-field b,.app-options>span{white-space:nowrap;word-break:keep-all}.ui-tag-input{left:-4%;top:2%;transform:rotate(-6deg)}.ui-tag-batch{right:-3%;bottom:4%;transform:rotate(5deg)}.art-caption{right:1%;bottom:-8%;line-height:1.55}.hero-art{padding-top:18px;padding-bottom:32px}.hero-art:after{top:16%;height:66%}@media(max-width:1180px){.app-window{width:100%}.app-actions{grid-template-columns:1.08fr .9fr .9fr 1.15fr}.app-actions button{font-size:8px;padding:0 5px}.ui-tag-input{left:-1%;top:1%}.ui-tag-batch{right:-1%;bottom:6%}}@media(max-width:980px){.app-window{width:min(720px,96%)}.app-actions button{font-size:9px;padding:0 8px}.ui-tag-input{left:0}.ui-tag-batch{right:0}.art-caption{bottom:-4%}}@media(max-width:620px){.hero-art{padding:0}.app-window{width:720px;min-width:720px;transform:scale(.49) rotate(-3deg)}.hero-art:hover .app-window{transform:scale(.49) rotate(-3deg)}.app-actions button{font-size:9px;padding:0 8px}.ui-tag-input{top:7%;left:1%}.ui-tag-batch{bottom:10%;right:1%}.art-caption{bottom:0}}