*{box-sizing:border-box}:root{--ink: #243a63;--text: #435573;--muted: #64738d;--blue: #405fc8;--blue-hover: #314ca9;--line: #dde4f0;--paper: #f6f8fc;--mist: #e8edf8;--sun: #f2bb76;color-scheme:light;color:var(--ink);background:var(--paper);font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-synthesis:none}body{margin:0;min-width:320px}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[role=tab]:focus-visible{outline:3px solid #9aace8;outline-offset:4px}.site-header{background:#eef2fb;overflow:hidden}.header-inner,.hero,.workspace{max-width:1224px;margin:0 auto;padding-inline:40px}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce4f2}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:600;letter-spacing:2px}.brand-mark{width:39px;height:39px;color:var(--blue)}.header-descriptor{color:#5c6e90;font-size:13px}.header-meta{display:flex;align-items:center;gap:28px}.header-community{display:flex;align-items:center;gap:9px;flex-shrink:0}.qq-penguin{display:block;flex:0 0 auto;object-fit:contain}.community-copy{display:flex;flex-direction:column;gap:3px}.community-label{font-size:11px;line-height:1.4;color:#607191}.community-number{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:.5px;color:#354f82;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;white-space:nowrap}.hero{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:64px;padding-top:39px;padding-bottom:46px}.hero-copy h1{font-family:Songti SC,STSong,"Noto Serif CJK SC",SimSun,serif;font-size:clamp(40px,4.3vw,56px);font-weight:500;line-height:1.38;letter-spacing:1px;margin:0 0 22px}.hero-copy>p{margin:0;font-size:15px;line-height:1.9;color:#576b8b}.mobile-break{display:none}.hero-caption{display:flex;align-items:center;gap:8px;margin-top:24px;font-size:12px;color:#546888}.sun-dot{display:inline-block;width:8px;height:8px;background:#b78437;border-radius:50%;box-shadow:0 0 0 4px #f4e4c9;margin-inline:4px}.letter-scene{position:relative;width:370px;height:315px;justify-self:center}.morning-orbit{position:absolute;inset:1px -23px 10px;border:1px solid #ccd7ee;border-radius:50%;transform:rotate(-18deg)}.orbit-sun{position:absolute;right:16px;top:32px;width:69px;height:69px;border-radius:50%;background:var(--sun);border:9px solid #eef2fb}.letter-paper{position:absolute;top:5px;left:38px;width:292px;height:260px;padding:24px 28px;background:#fff;border-radius:10px 10px 3px 3px;transform:rotate(-5deg);box-shadow:0 5px 25px #526eac12}.letter-topline{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6d7b97}.letter-stamp{font-size:21px;line-height:28px;text-align:center;color:#8a611f;border:1px dashed #cba569;background:#ffefcf;width:31px;height:31px}.letter-time{font-family:Georgia,serif;font-size:55px;font-weight:400;line-height:1.15;letter-spacing:-2px;margin:6px 0 14px;color:var(--ink);font-variant-numeric:tabular-nums}.letter-time span{padding-inline:3px}.letter-salutation{font-size:13px;color:#40506a}.letter-rule{margin:16px 0 12px;border-top:1px solid #e1e7f0}.letter-paper p{margin:0;font-size:12px;line-height:1.9;color:#79869e}.envelope-front{position:absolute;width:370px;height:164px;bottom:24px;left:0;filter:drop-shadow(0 8px 10px #465e9920)}.preview-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:12px;color:#647594}.workspace{padding-top:31px;padding-bottom:12px}.task-tabs>.el-tabs__header{margin:0 0 30px}.task-tabs .el-tabs__nav-wrap:after{height:1px;background:var(--line)}.task-tabs .el-tabs__item{height:51px;font-size:15px;font-weight:500;color:#5e6c84;padding-inline:28px}.task-tabs .el-tabs__item.is-active,.task-tabs .el-tabs__item:hover{color:var(--blue)}.task-tabs .el-tabs__item i{font-size:18px;vertical-align:-1px;margin-right:8px}.task-tabs .el-tabs__active-bar{background:var(--blue);height:3px;border-radius:3px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:48px;align-items:start}.form-card{min-width:0;padding:32px 36px 34px;background:#fff;border:1px solid #e1e6f0;border-radius:18px;box-shadow:0 5px 24px #334e7c04}h2{font-size:22px;font-weight:600;margin:0 0 9px;letter-spacing:.3px}.section-intro{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 30px}.form-group+.form-group{margin-top:2px;padding-top:23px;border-top:1px solid #e9edf5}.group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 22px}.group-heading h3{margin:0;font-size:14px;font-weight:600;color:#455473}.group-heading>span{font-size:12px;color:#6f7d96}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.full-width{grid-column:1 / -1}.el-form--label-top .el-form-item__label{padding:0 0 9px;line-height:20px;color:#485772;font-size:13px;font-weight:500}.el-form-item{margin-bottom:23px}.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{color:#b87559}.el-input__inner{height:44px;border-color:#dce3ef;border-radius:7px;color:#346;background:#fff}.el-input__inner::placeholder{color:#76849a;font-size:12px}.el-input__inner:hover{border-color:#afbdda}.el-input__inner:focus,.el-input.is-active .el-input__inner{border-color:var(--blue);box-shadow:0 0 0 3px #405fc813}.el-date-editor.el-input{width:100%}.el-button{border-radius:8px;min-height:44px;padding:12px 22px;font-size:13px}.el-button--primary{background:var(--blue);border-color:var(--blue);box-shadow:0 3px 7px #405fc81c}.el-button--primary:hover,.el-button--primary:focus{background:var(--blue-hover);border-color:var(--blue-hover)}.el-button--primary.is-disabled,.el-button--primary.is-disabled:hover{background:#899bd5;border-color:#899bd5}.el-button--default{color:#53617b;border-color:#dce3ef}.el-button--default:hover,.el-button--default:focus{color:var(--blue);border-color:#a5b5e4;background:#f3f6fd}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;padding-top:6px}.form-actions .el-button+.el-button{margin-left:0}.form-actions .el-button--primary{min-width:140px}.help-card{padding-top:28px}.guide-title{display:flex;gap:9px;align-items:center}.guide-title i{font-size:21px;color:#627cb9}.guide-title h2{margin:0;font-size:16px;letter-spacing:0}.guide-list{margin:26px 0 30px;padding:0;list-style:none}.guide-list li{position:relative;margin-bottom:22px;padding-left:18px}.guide-list li:before{content:"";position:absolute;width:5px;height:5px;left:1px;top:8px;border-radius:50%;background:#91a4d1}.guide-list strong{font-size:13px;font-weight:500;color:#445674}.guide-list p,.guide-questions p{font-size:12px;line-height:1.9;color:#64738c;margin:6px 0 0}.guide-questions{border-top:1px solid #dde4ef;padding-top:12px}.guide-questions details{padding:12px 0}.guide-questions summary{font-size:12px;color:#4b608b;cursor:pointer}.guide-questions details[open] summary{color:var(--blue)}.guide-questions p{padding-left:15px}.timezone-note{display:flex;align-items:center;gap:7px;padding:14px 12px;margin-top:18px;border-radius:6px;background:#eaf0fa;font-size:12px;color:#607398}.timezone-note i{font-size:14px}.feedback{margin-bottom:22px}.el-alert__title,.el-alert__content{overflow-wrap:anywhere}.result-box{margin:24px 0;padding:20px;background:#edf4fc;border-left:3px solid #7894cd;border-radius:0 8px 8px 0;font-size:14px;overflow-wrap:anywhere}.result-box p{font-size:12px;line-height:1.8;color:#5d6c85}.result-box code{font-family:Consolas,monospace;-webkit-user-select:all;user-select:all;color:#365594}.task-list{padding-left:22px;line-height:2}.site-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:32px 0 18px;color:#6f7c93;font-size:12px}.site-footer>span:first-child{font-size:13px;letter-spacing:2px;color:#4f6285}.el-message-box{width:min(420px,calc(100vw - 32px));border-radius:14px}@media(max-width:1020px){.hero{grid-template-columns:1fr 360px;gap:32px}.page-grid{grid-template-columns:minmax(0,1fr) 236px;gap:28px}.form-card{padding:28px}.letter-scene{transform:scale(.91);transform-origin:center}}@media(max-width:800px){.header-inner,.hero,.workspace{padding-inline:24px}.hero{grid-template-columns:1fr 290px;gap:0;padding-top:26px;padding-bottom:27px}.hero-copy h1{font-size:37px}.hero-copy>p{font-size:13px}.letter-scene{width:370px;transform:scale(.74);transform-origin:center;margin-inline:-40px}.page-grid{grid-template-columns:1fr;gap:4px}.help-card{padding:28px 16px 0}}@media(max-width:540px){.header-inner,.hero,.workspace{padding-inline:20px}.header-inner{min-height:74px;gap:12px}.brand{font-size:19px;gap:8px}.brand-mark{width:33px;height:33px}.header-descriptor{display:none}.header-meta{gap:0}.header-community{gap:6px}.qq-penguin{width:27px;height:32px}.community-number{font-size:13px;letter-spacing:.3px}.hero{display:block;position:relative;padding-top:31px;padding-bottom:27px;min-height:287px}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:35px;line-height:1.42;letter-spacing:0;margin-bottom:15px}.hero-copy>p{max-width:195px;font-size:12px;line-height:1.85}.mobile-break{display:initial}.hero-caption{font-size:12px;margin-top:22px}.letter-scene{position:absolute;top:18px;right:14px;margin:0;width:370px;transform:scale(.34);transform-origin:right center}.morning-orbit{opacity:.6}.preview-caption{display:none}.workspace{padding-top:19px}.task-tabs>.el-tabs__header{margin-bottom:22px}.task-tabs .el-tabs__item{padding-inline:19px;font-size:13px;height:48px}.task-tabs .el-tabs__item i{font-size:16px;margin-right:5px}.form-card{padding:25px 20px;border-radius:13px}h2{font-size:20px}.section-intro{font-size:12px;margin-bottom:26px}.group-heading{display:block;margin-bottom:20px}.group-heading>span{display:block;margin-top:6px}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.el-input__inner{font-size:16px}.form-actions .el-button--primary{flex:1;min-width:0}.form-actions .el-button{padding-inline:16px}.site-footer{display:block;text-align:center}.site-footer>span{display:block;margin:8px 0}}@media(max-width:365px){.hero-copy h1{font-size:31px}.letter-scene{right:12px;transform:scale(.27)}.task-tabs .el-tabs__item{padding-inline:15px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
