*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#263c34;background:#f4f5ef}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7fad94;outline-offset:4px}[hidden]{display:none!important}.shell{min-height:100svh;display:grid;grid-template-columns:48% 52%;padding:16px;gap:0;max-width:1800px;margin:auto}.story{position:relative;overflow:hidden;background:#183b30;border-radius:18px;color:#e8efe4;padding:40px 46px 26px;display:flex;flex-direction:column;min-height:calc(100svh - 32px)}.story:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.21' filter='url(%23n)'/%3E%3C/svg%3E")}.brand{display:flex;gap:13px;align-items:center;position:relative;width:max-content;font-size:11px;font-weight:600;letter-spacing:1.4px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2.2px;color:#9bb6a6;margin-top:7px}.brand-icon{border:1px solid #728d7c;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:31px;line-height:1;letter-spacing:-4px;padding-right:4px}.brand-icon span{font-family:system-ui;font-size:19px;transform:translateY(-6px);color:#c5db8d}.story-content{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:55px}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#b7c7ab;display:flex;align-items:center;gap:9px}.eyebrow i,.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c6d99b}.story h1{font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;font-size:clamp(42px,4.8vw,72px);font-weight:400;line-height:1.45;letter-spacing:2px;margin:24px 0 17px}.story h1 span{color:#c9d991}.story p{font-size:13px;line-height:2;letter-spacing:.7px;color:#b0c2b4;margin:0}.orbital{height:240px;position:relative;max-width:400px;width:100%;align-self:center;margin-top:10px;margin-bottom:5px}.orbit{position:absolute;left:50%;top:54%;border:1px solid #a3b98c38;border-radius:50%;width:340px;height:130px;transform:translate(-50%,-50%) rotate(-28deg)}.orbit-b{transform:translate(-50%,-50%) rotate(28deg);width:330px;height:145px}.orbit-c{transform:translate(-50%,-50%) rotate(90deg);width:258px;height:160px;border-color:#a3b98c24}.sphere{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:127px;height:127px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#b8ca8a,#6e8c58 46%,#294b36 85%);box-shadow:inset -14px -14px 26px #17372b99,0 16px 38px #10291c55;display:grid;place-items:center}.sphere span{font-size:74px;line-height:1;color:#d8e2b6;opacity:.8;font-weight:200;transform:rotate(13deg)}.orbit-label{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:3px;color:#a7bd9d;white-space:nowrap}.star{font-style:normal;position:absolute;color:#d4dfa4}.star-a{font-size:27px;top:16%;right:14%}.star-b{font-size:20px;bottom:13%;left:12%;opacity:.6}.story-footer{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px;color:#a7bbac;position:relative;padding-top:20px}.story-footer .tiny-dot{width:4px;height:4px}.edition{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#789580}.entry{display:flex;flex-direction:column;padding:28px 44px 10px}.entry-top{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#819087;font-size:10px}.private-label{display:flex;align-items:center;gap:6px}.private-label svg{width:13px;height:13px}.domain{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;color:#9aa59b}.form-area{flex:1;display:flex;align-items:center;justify-content:center;padding:55px 0}.view{width:100%;max-width:360px;display:none}.section-number{font-size:9px;font-weight:500;letter-spacing:2px;color:#8c9b8e;margin-bottom:17px}h2{font-weight:500;font-size:34px;line-height:1.35;letter-spacing:.5px;margin:0 0 11px;color:#203c30}h2 span{color:#8ca277}.subtitle{font-size:12px;line-height:1.9;color:#849087;margin:0 0 32px}.subtitle strong{color:#425e4d;font-weight:500}.notice:empty,.form-error:empty{display:none}.notice{background:#e8eee1;border:1px solid #d5dfc9;border-radius:8px;color:#4c6c49;font-size:12px;line-height:1.6;padding:11px 13px;margin-bottom:18px}form>label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:23px 0 10px;color:#4e6255;font-weight:500}form>label span{font-size:8px;letter-spacing:1.3px;color:#a0a99b;font-weight:400}.input-wrap{height:51px;background:#fcfcf8;border:1px solid #dce1d7;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 15px;transition:border .18s,box-shadow .18s}.input-wrap>svg{color:#9ba998;width:17px;flex-shrink:0}.input-wrap:focus-within{border-color:#7d9c7b;box-shadow:0 0 0 3px #7e9d7112}.input-wrap input{width:100%;min-width:0;border:0;outline:none!important;background:transparent;font-size:13px;letter-spacing:.3px;color:#264535;height:100%;padding:0}.input-wrap input::placeholder{color:#b0b7ac;font-size:12px;letter-spacing:.2px}.visibility{display:grid;place-items:center;background:none;border:0;padding:6px;margin-right:-6px;color:#9ca996;min-width:32px;min-height:36px}.visibility svg{width:17px;height:17px}.options{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:18px 0 25px;gap:8px}.remember{display:flex;align-items:center;gap:7px;color:#84917f;cursor:pointer;line-height:1.5}.remember input{accent-color:#335c43;width:13px;height:13px;margin:0}.text-button{background:none;border:0;color:#6e836b;font-size:10px;padding:8px 0}.help-box{font-size:11px;line-height:1.8;padding:12px 14px;background:#ecefe5;border-radius:7px;color:#75856f;margin:-12px 0 18px}.primary{border:none;border-radius:9px;background:#254d39;color:#f0f2e9;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:51px;padding:0 19px;font-size:12px;letter-spacing:1px;box-shadow:0 4px 9px #264e3912;transition:background .18s,transform .18s}.primary:hover{background:#183c2a;transform:translateY(-1px)}.primary:disabled{opacity:.6;cursor:wait;transform:none}.arrow{font-size:21px;line-height:1;font-weight:300;color:#c9d3a4}.secure-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#a3ad9b;margin-top:23px;letter-spacing:.4px}.secure-note svg{width:13px;height:13px;color:#9caa92}.entry-footer{font-size:8px;letter-spacing:1.1px;display:flex;justify-content:space-between;color:#a5aea0;gap:12px;padding-top:18px}.entry-footer span:last-child{letter-spacing:.5px}.form-error{font-size:11px;color:#a65749;background:#f6eae4;border:1px solid #ead6cd;border-radius:7px;line-height:1.6;padding:10px 12px;margin:0 0 16px}.back{display:inline-block;color:#82927d;font-size:11px;margin-bottom:32px}.password-tip{color:#98a18f;font-size:10px;line-height:1.8;margin:15px 0 21px}.logout{display:block;margin:20px auto 0;border:0;background:none;font-size:11px;color:#8f9a86;padding:8px}.error-icon{width:55px;height:55px;border:1px solid #d6dfcf;border-radius:16px;display:grid;place-items:center;background:#eef1e6;color:#7c946a;margin-bottom:28px}.error-icon svg{width:24px;height:24px}.error-footnote{font-size:10px;color:#a3ac98;line-height:1.7;margin-top:20px}.error-view .subtitle{margin-bottom:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body[data-view=login] .login-view,body[data-view=password] .password-view,body[data-view=unauthorized] .error-view,body[data-view=unavailable] .error-view,body[data-view=not-found] .error-view{display:block}@media(min-width:1500px){.story{padding-left:66px;padding-right:66px}.story-content{padding-top:70px}.orbital{height:300px;margin-top:25px}.entry{padding-left:70px;padding-right:70px}.view{max-width:390px}}@media(max-width:1000px){.story{padding:32px}.entry{padding:28px 30px 10px}.domain{display:none}.story h1{font-size:48px}.orbital{transform:scale(.9)}}@media(max-width:720px){.shell{display:block;padding:12px;min-height:100svh}.story{min-height:0;padding:23px 24px;border-radius:15px}.brand{font-size:9px;gap:10px}.brand small{font-size:7px;letter-spacing:1.8px;margin-top:5px}.brand-icon{width:34px;height:34px;font-size:27px;border-radius:10px}.brand-icon span{font-size:16px}.story-content{padding-top:0;display:block}.eyebrow,.orbital,.story-footer,.story p{display:none}.story h1{font-size:25px;line-height:1.35;margin:25px 0 0;letter-spacing:1px}.story h1 br{display:none}.entry{padding:23px 20px 12px;min-height:calc(100svh - 193px)}.entry-top{font-size:9px}.domain{display:block;font-size:9px}.form-area{padding:36px 0 37px;align-items:flex-start}.view{max-width:420px}.section-number{font-size:8px;letter-spacing:1.6px;margin-bottom:13px}h2{font-size:29px}.subtitle{font-size:12px;margin-bottom:26px}.input-wrap{height:52px}.input-wrap input{font-size:16px}.input-wrap input::placeholder{font-size:12px}.options{font-size:11px;margin:17px 0 23px}.text-button{font-size:11px}.remember{min-height:28px}.primary{height:52px;font-size:13px}.entry-footer{font-size:7px;padding-top:14px}.secure-note{font-size:9px}.back{margin-bottom:23px}.password-view .subtitle{margin-bottom:22px}.password-view form>label{margin-top:18px}.error-view{padding-top:12px}.error-view h2{font-size:28px}}@media(max-width:360px){.entry{padding-left:12px;padding-right:12px}.story{padding:21px}.story h1{font-size:23px}.domain{display:none}.entry-footer{letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}