:root{--ink:#272435;--muted:#777480;--orange:#df5e33;--line:#dddce5;--paper:#f7f7fa}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;letter-spacing:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b76ff0;outline-offset:4px}::selection{background:#ecd9ff}
.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid #ffffff8c;background:#ffffff1f;backdrop-filter:blur(18px)}.brand{font-size:28px;font-weight:700;display:flex;align-items:center;gap:10px;line-height:1}.brand-mark{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,#f28d64,#d34f24);color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:inset 0 1px 1px #ffffff85,0 4px 10px #b6522726;font-weight:700;line-height:1;padding-bottom:4px}.header nav{display:flex;gap:33px;font-size:14px;color:#595260}.header-contact{font-size:14px;display:flex;gap:24px;padding:9px 0;border-bottom:1px solid #6f667c}.menu-toggle{display:none}
.universe{position:relative;isolation:isolate;padding:125px 5% 0;overflow:hidden;background:linear-gradient(124deg,#e1edff 0%,#f8f8ff 24%,#e9dcf8 50%,#fce1d9 74%,#f5f4ff 100%)}.universe:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(150deg,#ffffff00 32%,#ffffffc9 48%,#ffffff00 58%),linear-gradient(20deg,#e2b8f014,transparent 50%,#fffffff0);pointer-events:none}.hero-heading{text-align:center}.eyebrow{font-size:14px;font-weight:600;letter-spacing:0}.hero-heading .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;color:#716878}.hero-heading .eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--orange)}h1{font-size:58px;line-height:1.2;font-weight:500;margin:22px 0 17px;letter-spacing:0}h1>span{background:linear-gradient(100deg,#2d2b4e,#a178a2 80%,#bd5e43);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-heading p{font-size:16px;color:#7a6e80;line-height:1.8}
.registry-stage{position:relative;margin:35px auto 0;max-width:1320px;padding-bottom:28px;perspective:1600px}.stage-label{display:flex;justify-content:space-between;padding:0 8px 12px;color:#8b7f91;font-size:14px}.registry-shell{position:relative;border:1px solid #ffffffed;border-radius:14px;background:linear-gradient(115deg,#ffffffa6,#ffffff55);backdrop-filter:blur(26px);box-shadow:0 35px 70px -30px #77709565,0 5px 18px #6660780e,inset 0 1px 0 #fff;overflow:hidden;transform:rotateX(3deg);transform-origin:top;transition:transform .6s}.registry-shell:hover{transform:rotateX(0)}.registry-top{height:58px;border-bottom:1px solid #ffffffc9;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#ffffff4d}.workspace-brand{display:flex;align-items:center;gap:12px}.workspace-brand .brand-mark{width:24px;height:24px;font-size:19px;border-radius:5px}.workspace-brand strong{font-size:14px;font-weight:500}.workspace-tag{font-size:14px;color:#9c93a3;margin-left:12px}.sync-status{display:flex;align-items:center;gap:7px;font-size:14px;color:#8b7b8e}.sync-status i,.registry-foot i{height:5px;width:5px;background:#73a889;border-radius:50%;display:inline-block}.registry-body{display:grid;grid-template-columns:230px minmax(0,1fr) 260px;min-height:345px}.product-directory{border-right:1px solid #ffffffc9;padding:22px 16px 10px;background:#ffffff18}.directory-title{font-size:14px;display:flex;justify-content:space-between;padding:0 7px;color:#6e667a}.directory-title>span{font-size:14px;color:#a79aaf}.filter-tabs{display:flex;gap:20px;padding:11px 7px 8px}.filter-tabs button{border:0;background:none;padding:3px 0;color:#9d91a4;font-size:14px}.filter-tabs button.active{color:#d86340;border-bottom:1px solid #d86340}
.product{display:flex;align-items:center;gap:12px;background:none;border:1px solid transparent;border-radius:6px;width:100%;text-align:left;padding:10px 8px;transition:background .25s,box-shadow .25s}.product:hover{background:#fff5}.product.selected{background:linear-gradient(120deg,#ffffffd9,#ffffff6b);border-color:#fff;box-shadow:0 5px 10px #6f527309}.product>span:nth-child(2){font-size:14px}.product small{display:block;font-size:14px;color:#a395a7;margin-top:3px}.product>b{margin-left:auto;font-size:14px;font-weight:400;color:#b3a1b8}.app-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:15px;box-shadow:inset 0 1px 1px #fffa;flex-shrink:0}.orbit{background:linear-gradient(130deg,#bcc7ff,#e3c9f8);color:#666ba9}.note{background:linear-gradient(130deg,#f4c8a8,#ffe0b8);color:#aa785b}.pixel{background:linear-gradient(130deg,#ecc2d1,#f4d8e4);color:#ad6f92}.focus{background:linear-gradient(130deg,#b7d9d7,#daece2);color:#5f9690}.directory-bottom{display:flex;justify-content:space-between;padding:14px 7px 0;font-size:14px;color:#a394aa}
.metadata-sheet{padding:22px 32px 20px;background:linear-gradient(135deg,#ffffff9c,#fff3);border-right:1px solid #fffc}.sheet-heading{display:flex;justify-content:space-between;align-items:center}.sheet-label{font-size:14px;color:#9b8ba1}.published{font-size:14px;color:#749982;padding:2px 8px;background:#e8f1e766;border:1px solid #d6e4d766;border-radius:20px}.metadata-sheet h2{font-size:29px;margin:14px 0 0;font-weight:500;line-height:1.2}.metadata-sheet>code{font-size:14px;color:#a394ad}.metadata-fields{margin-top:16px}.metadata-fields>div{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #d6ccdd5c}.field-type{width:24px;height:24px;display:grid;place-items:center;font-family:monospace;font-size:14px;color:#a492b5;background:#ede6f180;border-radius:5px;flex-shrink:0}.metadata-fields>div>div>span{font-size:14px;color:#a192aa;display:block}.metadata-fields strong{font-size:14px;font-weight:400}.metadata-fields small{margin-left:auto;font-size:14px;color:#af9fb5}.capability-label{font-size:14px;color:#a192aa;margin:14px 0 5px}.capability-value{display:inline-block;font-size:14px;border-radius:4px;background:#f2dcd74d;border:1px solid #f6d2c84d;color:#bd8069;padding:4px 10px}
.reference-panel{padding:22px 24px;background:linear-gradient(160deg,#f3e8f84d,#fceddc1f)}.reference-panel h3{font-size:20px;font-weight:400;line-height:1.5;margin:18px 0;color:#7c637f}.reference-diagram{padding:10px 0 16px}.entity-source{display:flex;align-items:center;gap:12px;font-size:14px}.entity-source .brand-mark{width:24px;height:24px;font-size:20px;border-radius:5px}.reference-branches{margin-left:12px;border-left:1px solid #cfb9cf;padding:5px 0 0 21px}.reference-branches>span{display:block;position:relative;font-size:14px;color:#9c80a4;margin:9px 0;padding:4px 12px;background:#ffffff50;border:1px solid #ffffff96;border-radius:4px;width:100%}.reference-branches>span:before{content:"";position:absolute;height:1px;width:21px;background:#cfb9cf;top:50%;right:100%}.reference-panel p{font-size:16px;color:#a58ba5;line-height:1.9;margin:4px 0 10px}.reference-panel>a{display:flex;justify-content:space-between;font-size:14px;color:#ae7964}.registry-foot{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-top:1px solid #fff9;color:#a393ab;font-size:14px;background:#fff3}.registry-foot>span:first-child{display:flex;gap:7px;align-items:center}
.floating-note{position:absolute;right:50px;bottom:0;padding:14px 18px;background:linear-gradient(115deg,#ffffffba,#fff8);backdrop-filter:blur(20px);border:1px solid #fff;border-radius:8px;box-shadow:0 10px 25px #9979981c;display:flex;align-items:center;gap:14px;font-size:14px;color:#7f6a80;transform:rotate(-2deg)}.floating-note small{display:block;font-size:14px;color:#a492ad;margin-top:3px}.floating-note>span:last-child{font-size:22px;color:#c08669}.note-dot{height:7px;width:7px;background:#df8a69;border-radius:50%;box-shadow:0 0 0 5px #e2a0871a}.hero-foot{display:flex;justify-content:space-between;margin:25px 0 0;padding:19px 0 23px;font-size:14px;color:#9b8eaa}.hero-foot>a{display:flex;gap:25px;color:#7c698c}
.section{padding:100px 7%}h2{font-size:38px;font-weight:500;line-height:1.4;margin:18px 0}h2>span{color:#a58aac}.standard{background:#fff}.standard-heading{text-align:center;max-width:800px;margin:0 auto 65px}.standard-heading p{font-size:16px;color:var(--muted)}.schema-composition{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;align-items:center;max-width:1150px;margin:auto}.schema-label>span{color:#c67d62;font-size:14px}.schema-label h3{font-size:27px;font-weight:400;line-height:1.55;margin:22px 0}.schema-label p{font-size:16px;color:#9a929f;max-width:330px;line-height:1.9}.schema-code{border:1px solid #ece7f1;border-radius:8px;background:linear-gradient(120deg,#f8f6fc,#fdf7f3);box-shadow:20px 25px 45px #9a7fba12;overflow:hidden}.code-bar{display:flex;justify-content:space-between;border-bottom:1px solid #e7e1ed;padding:15px 24px;font-size:14px;color:#9b8ba8}.code-bar span:first-child{color:#81708f}pre{margin:0;padding:24px;overflow-x:auto;font-size:14px;line-height:2}.key{color:#8c689f}.value{color:#bf8265}.dim{color:#b7aabc}.code-check{padding:12px 24px;border-top:1px solid #e7e1ed;font-size:14px;color:#a18fa9;display:flex;gap:12px}.code-check>span{color:#819d8f}
.evolution{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;background:linear-gradient(125deg,#f3effb,#fcf5f1 65%,#f2f4fd)}.evolution-copy>p{font-size:16px;color:#9b8fa5;max-width:350px}.version-tabs{display:flex;gap:20px;margin-top:30px}.version-tabs button{background:none;border:0;font-size:14px;color:#b5a7be;padding:8px 0;border-bottom:1px solid transparent}.version-tabs button.active{color:#966da7;border-color:#a17ab4}.change-log{background:#fff7;border:1px solid #fff;border-radius:10px;box-shadow:0 25px 50px #95749f15;padding:28px;align-self:center;backdrop-filter:blur(15px);transform:rotate(2deg)}.change-top{display:flex;gap:15px;align-items:center;padding-bottom:24px}.change-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #eaddec;border-radius:10px;background:#fff8;color:#ae7a8d;font-size:22px}.change-top h3{font-size:16px;margin:0;font-weight:400}.change-top p{font-size:16px;color:#a497ab;margin:5px 0 0}.change-top>span:last-child{margin-left:auto;font-size:14px;color:#b28371}.change-row{border-top:1px solid #eadfee;padding:17px 0;display:flex;gap:15px;align-items:center;font-size:14px;color:#9a8ba5}.change-row>span:first-child{width:60px}.change-row code{font-size:14px}.change-row.added{color:#a97863}.change-row.added b{margin-left:auto;font-size:18px;font-weight:400}.change-row strong{font-weight:400;font-size:14px}.verified{margin-left:auto;color:#78a18c}.change-note{font-size:14px;color:#b09cb5;border-top:1px solid #eadfee;padding-top:20px;margin:0}
.handoff{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;background:#fff}.handoff-list article{display:grid;grid-template-columns:45px 1fr;column-gap:20px;padding:26px 0;border-bottom:1px solid #ece7ef}.handoff-list article:first-child{padding-top:0}.handoff-list article>span{font-size:14px;color:#bf8c79;grid-row:span 2;padding-top:5px}.handoff-list h3{font-size:19px;font-weight:400;margin:0 0 9px}.handoff-list p{font-size:16px;line-height:1.9;color:#a296ab;margin:0}
.contact{background:linear-gradient(125deg,#e9e8fa,#f4e8f1 50%,#faeee5);padding-top:75px;padding-bottom:60px}.contact-top{text-align:center}.contact h2{font-size:36px}.contact h2 span{display:block}.contact-top>p{font-size:16px;color:#9c89a5}.email-row{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px 0 40px}.email-row>a{font-size:20px;color:#887091}.copy-email{background:none;border:0;border-bottom:1px solid #c8b1ce;color:#ac87b8;font-size:14px;padding:5px 0}form{max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:30px;border:1px solid #ffffffc9;border-radius:10px;background:#ffffff4d;backdrop-filter:blur(20px)}form label{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#98809f}input,select,textarea{width:100%;border:0;border-bottom:1px solid #d3c4d9;border-radius:0;background:none;padding:10px 0;color:#77617f;font-size:16px}input::placeholder,textarea::placeholder{color:#b8a2c0}textarea{resize:vertical}.message-field{grid-column:span 3}.form-bottom{grid-column:span 3;display:flex;justify-content:space-between;align-items:center}.form-bottom>span{font-size:14px;color:#aa93b4}.form-bottom>button{background:linear-gradient(110deg,#8c6c9e,#ad7d99);border:1px solid #bc9ebf;color:#fff;border-radius:5px;box-shadow:0 5px 15px #967ba32b;padding:12px 20px;display:flex;gap:40px;font-size:14px}.form-status{grid-column:span 3;font-size:14px;color:#927298;margin:0;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 5%;background:#f7f7fa;color:#a496ac;font-size:14px}footer .brand{color:#7b6b87;font-size:24px}.footer-cn{font-size:14px;font-weight:400;margin-left:12px}[hidden]{display:none!important}
.universe{padding-top:112px;background:linear-gradient(120deg,#d0e2ff 0%,#f4f0ff 25%,#dbc7f3 52%,#f9c6b8 78%,#eee4fb 100%)}.hero-heading p{margin:12px 0}.registry-stage{margin-top:28px}.registry-top{height:50px}.metadata-sheet{padding-top:18px;padding-bottom:18px}.metadata-sheet h2{font-size:30px}.metadata-fields>div{padding:7px 0}.registry-shell{box-shadow:0 40px 75px -25px #75618d6b,0 7px 20px #78608d14,inset 0 1px 0 #fff}.directory-title,.reference-panel p,.reference-branches>span,.sheet-label,.metadata-fields>div>div>span,.capability-label,.registry-foot,.stage-label,.hero-foot{color:#766780}.product small,.directory-bottom,.metadata-sheet>code,.metadata-fields small{color:#8b7895}.reference-panel p{font-size:16px}.reference-panel h3{color:#5e4666}.metadata-fields strong{font-size:14px}.hero-foot{margin-top:20px;padding-bottom:22px}.standard-heading p,.schema-label p,.evolution-copy>p,.handoff-list p,.contact-top>p{color:#77667f;font-size:16px}.schema-label h3{font-size:29px}.handoff-list h3{font-size:21px}.product>span:nth-child(2){font-size:14px}.directory-title{font-size:14px}.reference-panel h3{font-size:22px}.registry-foot{font-size:14px}.metadata-fields>div>div>span{font-size:14px}.metadata-fields strong{font-size:14px}.metadata-sheet>code{font-size:14px}.reference-branches>span{font-size:14px}.capability-label{font-size:14px}.capability-value{font-size:14px}.schema-code pre{font-size:14px}.contact form label{color:#7e5f89}.change-row,.change-row code,.change-row strong{font-size:14px}.change-note{font-size:14px;color:#87718f}footer{color:#7c6b87}
@media(min-width:1700px){.section{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.registry-body{grid-template-columns:190px minmax(0,1fr) 215px}.metadata-sheet{padding:22px}.reference-panel{padding:22px 18px}.workspace-tag{display:none}.registry-stage{margin-top:28px}.section{padding:80px 5%}h1{font-size:50px}.schema-composition{gap:6%}.evolution{gap:6%}.handoff{gap:7%}.registry-foot>span:last-child{display:none}}
@media(max-width:760px){.header{height:68px}.brand{font-size:25px}.brand-mark{width:27px;height:27px;font-size:22px}.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:10px}.menu-toggle>span{width:24px;height:1px;background:#7d6f89}.header nav{display:none;position:absolute;top:68px;left:0;right:0;padding:24px 5%;background:#f4eaf6f2;backdrop-filter:blur(20px);border-bottom:1px solid #fff;flex-direction:column;gap:20px}.header nav.open{display:flex}.universe{padding:105px 4% 0}.hero-heading .eyebrow{font-size:14px}h1{font-size:32px;line-height:1.45;margin:18px 0 13px}h1>span{display:block}.hero-heading p{font-size:16px}.registry-stage{margin-top:25px;padding-bottom:22px}.stage-label{font-size:14px;padding:0 3px 9px}.registry-shell{border-radius:9px;transform:none}.registry-top{height:46px;padding:0 12px}.workspace-brand{gap:9px}.workspace-brand strong{font-size:14px}.sync-status{font-size:14px;gap:4px}.registry-body{grid-template-columns:1fr}.product-directory{padding:12px 10px;border-right:0;border-bottom:1px solid #fff9}.directory-title{font-size:14px}.filter-tabs{padding:5px 7px;gap:17px}.filter-tabs button{font-size:14px}.product-items{display:grid;grid-template-columns:1fr 1fr;gap:5px}.product{padding:7px;gap:8px}.app-icon{width:27px;height:27px;font-size:14px;border-radius:6px}.product>span:nth-child(2){font-size:14px}.product small{font-size:14px;margin-top:1px}.product>b{font-size:14px}.directory-bottom{display:none}.metadata-sheet{padding:18px 20px;border-right:0}.sheet-label{font-size:14px}.metadata-sheet h2{font-size:25px;margin-top:12px}.metadata-sheet>code{font-size:14px}.metadata-fields{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.metadata-fields>div{gap:8px;align-items:start;padding:10px 0}.field-type{width:19px;height:20px;font-size:14px}.metadata-fields>div>div>span{font-size:14px}.metadata-fields strong{font-size:14px;display:block;overflow-wrap:anywhere}.metadata-fields small{display:none}.capability-label{margin-top:12px;font-size:14px}.capability-value{font-size:14px}.reference-panel{display:none}.registry-foot{padding:0 12px;font-size:14px;height:28px;gap:10px}.floating-note{right:14px;font-size:14px;padding:9px 12px;gap:12px}.floating-note small{font-size:14px}.floating-note>span:last-child{font-size:17px}.hero-foot{margin-top:18px;font-size:14px;padding-bottom:20px;gap:8px}.hero-foot>span:last-child{display:none}.hero-foot>a{gap:8px}.section{padding:60px 6%}h2{font-size:28px;line-height:1.5}.standard-heading{margin-bottom:32px}.standard-heading p{font-size:16px}.eyebrow{font-size:14px}.schema-composition{grid-template-columns:1fr;gap:28px}.schema-label h3{font-size:23px;margin:14px 0}.schema-label p{font-size:16px;max-width:none}.schema-label>span{font-size:14px}.code-bar{padding:12px 17px;font-size:14px}pre{padding:18px;font-size:14px;line-height:2.1}.code-check{font-size:14px;padding:10px 17px;gap:7px}.evolution{grid-template-columns:1fr;gap:28px}.evolution-copy>p{font-size:16px}.version-tabs{margin-top:17px;gap:25px}.change-log{padding:22px;transform:rotate(1deg)}.change-row{font-size:14px;gap:9px}.change-row>span:first-child{width:48px}.change-row code{font-size:14px}.change-row strong{font-size:14px}.change-note{font-size:14px}.handoff{grid-template-columns:1fr;gap:25px}.handoff-list article{padding:22px 0;grid-template-columns:35px 1fr;column-gap:14px}.handoff-list h3{font-size:17px}.handoff-list p{font-size:16px}.contact h2{font-size:28px}.contact-top>p{font-size:16px}.email-row{gap:13px;margin:22px 0 30px}.email-row>a{font-size:17px}.copy-email{font-size:14px}form{grid-template-columns:1fr;gap:20px;padding:22px;border-radius:8px}.message-field,.form-bottom,.form-status{grid-column:auto}form label{font-size:14px}input,select,textarea{font-size:16px}.form-bottom{gap:17px;align-items:start;flex-direction:column}.form-bottom>button{width:100%;justify-content:space-between;padding:13px 16px}.form-bottom>span{font-size:14px}.form-status{font-size:14px}footer{flex-direction:column;align-items:start;gap:15px;padding:27px 6%;font-size:14px}footer .brand{font-size:22px}.footer-cn{font-size:14px}}
@media(min-width:761px){.universe{padding-top:100px}.hero-heading h1{font-size:52px;margin:18px 0 12px}.hero-heading p{font-size:16px;line-height:1.6;margin:9px 0}.registry-stage{margin-top:20px;padding-bottom:20px}.metadata-fields>div{padding:5px 0}.reference-panel{padding-top:16px;padding-bottom:16px}.reference-panel h3{margin:12px 0}.reference-diagram{padding-top:5px;padding-bottom:10px}.reference-panel p{line-height:1.7}.hero-foot{margin-top:14px;padding:15px 0 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}