@charset "UTF-8";
:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#283d32;background:#f7f8f4;font-size:14px;--green:#28594c;--muted:#849081;--line:#e1e7dc}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #789565;outline-offset:4px}[hidden]{display:none!important}.topbar{height:92px;display:flex;align-items:center;padding:0 5.5vw;border-bottom:1px solid var(--line);gap:50px;background:#fafbf7}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:600;letter-spacing:3px;white-space:nowrap}.logo{width:39px;height:43px;border-radius:12px 12px 3px 12px;background:var(--green);color:#edf4e4;display:grid;place-items:center;font-family:SimSun,serif;font-size:25px;font-weight:400;letter-spacing:0}.brand-en{font:10px Georgia,serif;letter-spacing:2px;display:block;margin-top:4px;color:#85927f}.topbar nav{display:flex;align-self:stretch;gap:30px;margin:auto}.nav-item{font-size:12px;border:0;border-bottom:2px solid transparent;background:none;color:#8b9686;padding:3px 0 0;letter-spacing:1px}.nav-item.active{color:var(--green);border-bottom-color:var(--green)}.local-label{display:flex;gap:8px;align-items:center;font-size:10px;color:#7e8b75;white-space:nowrap}.local-label i{width:5px;height:5px;border-radius:50%;background:#879f6e}main{max-width:1280px;margin:auto;padding:39px 6% 0}.page-heading{display:flex;justify-content:space-between;align-items:center}.overline{font:10px Georgia,serif;letter-spacing:2.5px;color:#859277}.version{font-size:10px;color:#9ba492;letter-spacing:1px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;margin:45px 0 42px}.tiny-tag{display:flex;gap:7px;align-items:center;color:#6c805d;font-size:11px;letter-spacing:1.2px}.tiny-tag>span{width:13px;height:1px;background:#849e6f}h1{font-size:clamp(32px,3.9vw,52px);font-weight:400;line-height:1.4;letter-spacing:-1.8px;margin:23px 0 20px}.serif-em{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;font-weight:500;color:#55744b}.hero-description{font-size:13px;color:#7e8b76;line-height:2;letter-spacing:.4px;margin-bottom:26px}.hero-actions{display:flex;align-items:center;gap:14px}.primary{display:flex;align-items:center;gap:30px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:8px;font-size:12px;padding:13px 19px;transition:background .2s,transform .2s}.primary:hover{background:#1e453b;transform:translateY(-1px)}.primary span{font-size:17px}.secondary{color:#64775c;background:transparent;border:1px solid #d9e2d1;border-radius:8px;font-size:11px;padding:13px 16px}.secondary:hover{background:#edf2e7}.connection-note{margin-top:21px;display:flex;align-items:center;gap:7px;font-size:10px;color:#9aa58f}.status-dot{width:5px;height:5px;border-radius:50%;background:#9caf87}.specimen{background:linear-gradient(135deg,#eff2e9,#e8eddf);border:1px solid #e0e6d8;border-radius:20px;padding:24px 28px 23px;position:relative;overflow:hidden}.specimen-top{display:flex;justify-content:space-between;align-items:center;color:#8a997b}.specimen-title{font:8px Georgia,serif;letter-spacing:1.5px}.specimen-index{font:italic 11px Georgia,serif}.pet-stage{height:258px;position:relative;display:grid;place-items:center}.hero-pet{width:235px;height:235px;position:relative;z-index:1}.pet-art{width:100%;height:100%;overflow:visible}.stage-orbit{position:absolute;border:1px solid #b9c5ab35;border-radius:50%;width:247px;height:247px}.orbit-two{width:296px;height:296px}.stage-cross{position:absolute;color:#b3c0a4;font-size:14px;font-weight:300}.cross-one{left:4px;top:60px}.cross-two{right:3px;bottom:47px}.stage-coordinate{position:absolute;bottom:10px;font:7px Georgia,serif;color:#a1ae92;letter-spacing:2px}.specimen-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #d4deca}.specimen-bottom strong{font-size:14px;font-weight:500;letter-spacing:.8px}.specimen-bottom p{color:#91a080;font-size:10px;margin:7px 0 0;letter-spacing:.8px}.available{display:flex;align-items:center;gap:6px;font-size:10px;color:#7f936a;border:1px solid #d2ddc5;border-radius:20px;padding:6px 9px}.available i{width:4px;height:4px;border-radius:50%;background:#8da673}.controls{display:flex;align-items:center;gap:27px;padding:22px 25px;border:1px solid var(--line);border-radius:12px;background:#fcfdf9}.control-title{display:flex;align-items:center;gap:13px;margin-right:auto}.control-icon{font-size:24px;color:#8ba078;font-family:Georgia,serif}.control-title strong{font-size:12px;font-weight:500;display:block}.control-title div>span{display:block;font-size:9px;color:#a0aa96;margin-top:6px}.control-group{display:flex;gap:11px;align-items:center;font-size:10px;color:#849177}.segmented{background:#eef2e8;border:1px solid #e4e9dd;border-radius:7px;display:flex;padding:3px}.segmented button{background:transparent;border:0;font-size:10px;color:#8b9a7d;padding:7px 11px;border-radius:4px}.segmented button.selected{background:#fff;color:#49623e;box-shadow:0 1px 4px #283e2210}.motion-control{display:flex;gap:9px;align-items:center;font-size:10px;color:#849177;cursor:pointer}.motion-control input{position:absolute;opacity:0;width:1px}.switch{width:28px;height:16px;background:#d5dfcc;border-radius:20px;position:relative;transition:background .2s}.switch::after{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:white;transition:transform .2s}.motion-control input:checked+.switch{background:#6e8b59}.motion-control input:checked+.switch::after{transform:translateX(12px)}.motion-control input:focus-visible+.switch{outline:2px solid #28594c;outline-offset:3px}.hide-action{border:0;border-left:1px solid var(--line);padding:0 0 0 24px;background:transparent;color:#98a38c;font-size:10px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:39px 0 24px}.principles article{display:flex;gap:13px}.principle-number{font:italic 14px Georgia,serif;color:#a6b497;padding-top:1px}.principles h2{font-size:12px;font-weight:500;margin:0 0 10px}.principles p{font-size:10px;line-height:1.9;color:#8d9b80;margin:0;max-width:235px}.preview-note{font-size:9px;line-height:1.8;color:#a6afa0;border-top:1px solid var(--line);padding:20px 0}.page-footer{max-width:1280px;margin:10px auto 0;padding:12px 6% 25px;display:flex;justify-content:space-between;gap:20px;color:#a5b09a;font-size:9px;letter-spacing:.5px}.page-footer>span:last-child{font:9px Georgia,serif;letter-spacing:1.5px}.document-view{max-width:900px;margin:25px auto 40px}.document-view h1{font-size:40px}.lead{color:#7d8e73;line-height:1.9;font-size:13px;margin-bottom:30px}.doc-card{background:#fcfdf9;border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:16px}.doc-card h2{font-size:15px;font-weight:500;margin:0 0 12px}.doc-card p{font-size:12px;line-height:2;color:#7a8a70;margin:10px 0}.doc-card p.small{font-size:10px;color:#9aab90}.doc-card pre{overflow-x:auto;background:#edf2e8;border-radius:8px;padding:18px;font-size:11px;line-height:1.8;color:#48613f}.doc-card code{font-family:Consolas,monospace}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.safety-grid .doc-card{margin:0}.safety-symbol{display:block;font:22px Georgia,serif;color:#8da178;margin-bottom:17px}.pet-body{transform-origin:120px 175px;animation:breathe 5s ease-in-out infinite}.pet-eyes{transform-origin:120px 120px;animation:blink 7s infinite}.no-motion *{animation:none!important;transition:none!important}@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes blink{0%,41%,45%,100%{transform:scaleY(1)}43%{transform:scaleY(.12)}}
@media(min-width:1500px){main{padding-top:55px}.hero{margin:55px 0}.pet-stage{height:300px}.hero-pet{width:260px;height:260px}.principles{margin-top:45px}}
@media(max-width:1000px){.topbar{gap:25px;padding:0 5%}.controls{gap:20px;flex-wrap:wrap}.control-title{flex-basis:100%}.hide-action{margin-left:auto}.hero{gap:5%}.specimen{padding:20px}.hero-pet{width:220px;height:220px}.pet-stage{height:235px}.hero-actions{gap:8px}.primary{gap:15px}}
@media(max-width:650px){.topbar{height:75px;gap:12px;flex-wrap:wrap;align-content:center}.brand{font-size:17px;gap:8px}.brand-en{font-size:8px}.logo{width:31px;height:35px;font-size:21px}.topbar nav{gap:16px;margin-left:auto;margin-right:0;align-self:stretch}.nav-item{font-size:10px;padding:8px 0}.local-label{display:none}main{padding:27px 6% 0}.version{display:none}.overline{font-size:8px;letter-spacing:2px}.hero{grid-template-columns:1fr;gap:28px;margin:29px 0}.hero h1{font-size:38px;letter-spacing:-1px}.hero-description{font-size:12px}.specimen{padding:20px 25px}.pet-stage{height:215px}.hero-pet{height:215px;width:215px}.orbit-two{width:240px;height:240px}.orbit-one{width:195px;height:195px}.controls{padding:19px;gap:16px}.control-group{gap:9px}.motion-control{margin-left:auto}.hide-action{border:0;margin-left:0;padding:5px 0}.principles{grid-template-columns:1fr;gap:23px}.principles p{max-width:none;font-size:11px}.principles h2{font-size:13px}.preview-note{font-size:10px}.page-footer{padding-bottom:100px}.page-footer>span:nth-child(2){display:none}.document-view h1{font-size:30px}.safety-grid{grid-template-columns:1fr}.doc-card{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}