@charset "UTF-8";
:root{--ink:#243d37;--green:#244e42;--soft:#697770;--gold:#ba9150;--cream:#f7f6f1;--line:#e3e7df;--error:#af3833;--font:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b9924b;outline-offset:4px}button:disabled{cursor:default}button{background:none;border:0}i{font-style:normal}.site-header{max-width:1328px;margin:auto;height:114px;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-mark{background:var(--green);width:45px;height:49px;border-radius:4px 16px 4px 4px;color:#fff;font-family:Georgia,serif;font-size:36px;display:flex;align-items:center;justify-content:center;position:relative}.brand-mark span{font-family:Arial,sans-serif;font-size:16px;position:absolute;right:6px;top:4px;color:#d7be85}.brand-name{font-size:18px;font-weight:600;letter-spacing:1px}.brand-name i{display:inline-block;height:16px;border-left:1px solid #b8c1b7;vertical-align:middle;margin:0 12px}.brand-name small{display:block;margin-top:5px;letter-spacing:3px;font-size:10px;font-weight:400;color:var(--soft)}.help-link{font-size:13px;display:flex;gap:9px;align-items:center;color:#62716b}.help-link span:first-child{color:var(--gold)}main{max-width:1248px;margin:16px auto 0}.login-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,1fr);min-height:660px;background:#edf0e8;border-radius:18px;overflow:hidden;border:1px solid #e3e7dd}.story{position:relative;overflow:hidden;padding:52px 54px 0;min-height:660px;background:linear-gradient(150deg,#edf1e8,#e8ede2)}.eyebrow{display:block;font-size:11px;letter-spacing:3px;color:#72806b;font-weight:600}.story h1{font-family:"Songti SC","SimSun",serif;font-size:43px;line-height:1.55;font-weight:600;letter-spacing:2px;margin:22px 0 17px}.story h1 em{font-style:normal;color:#627858}.story>p{color:#647267;line-height:1.95;font-size:15px;margin:0}.story-tag{display:inline-flex;align-items:center;gap:8px;margin-top:25px;border:1px solid #ccd5c5;border-radius:30px;padding:9px 15px;font-size:12px;color:#52664f;background:#f5f7ef88}.story-tag span{width:6px;height:6px;border-radius:50%;background:#a8874d}.campus{position:absolute;bottom:0;left:0;width:100%;height:285px;object-fit:cover;object-position:bottom}.illustration-caption{position:absolute;bottom:22px;left:54px;font-size:10px;letter-spacing:2px;color:#566853;z-index:1}.login-panel{background:#fff;display:flex;align-items:center;justify-content:center;padding:40px 48px}.form-wrap{width:100%;max-width:386px}.section-kicker{color:#a47f43;font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.section-kicker:before{content:"";height:1px;width:25px;background:#ba965b}.form-wrap h2{font-size:29px;letter-spacing:1px;margin:13px 0 10px;font-weight:600}.intro{color:#7d867e;font-size:14px;line-height:1.8;margin:0 0 28px}.field{margin-bottom:21px}.field label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.input-group{display:flex;align-items:center;border:1px solid #dce1d7;border-radius:7px;height:54px;background:#fff;transition:.2s}.input-group:focus-within{border-color:#557864;box-shadow:0 0 0 3px #f1f5ef}.input-group input{border:0;outline:none!important;box-shadow:none;width:100%;min-width:0;background:transparent;padding:14px 16px;color:var(--ink);font-size:16px;letter-spacing:.5px}.input-group input::placeholder{color:#a5aca5;font-size:14px;letter-spacing:0}.input-group select{border:0;background:transparent;color:#465b4e;padding:0 8px 0 13px;width:94px;height:27px;border-right:1px solid #e2e6dd;border-radius:0;outline-offset:2px}.send-code{white-space:nowrap;border-left:1px solid #e2e6dd;margin-right:2px;padding:4px 14px;font-size:13px;font-weight:600;color:#456b54}.send-code:disabled{color:#8b948b}.field-hint{font-size:12px;color:#899184;margin:9px 0 0;line-height:1.7}.remember{display:flex;align-items:center;justify-content:space-between;margin:4px 0 22px;font-size:13px;color:#717d73}.checkbox-label{display:flex;align-items:flex-start;gap:8px;line-height:1.8;cursor:pointer}.checkbox-label input{accent-color:var(--green);width:16px;height:16px;margin:3px 0 0;flex-shrink:0}.text-button{font-size:13px;padding:0;color:#4c6c57}.primary{background:var(--green);color:white;border:1px solid var(--green);height:54px;width:100%;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:16px;letter-spacing:1px;transition:.2s}.primary:hover{background:#183d32;box-shadow:0 5px 15px #244e4222}.primary:disabled{opacity:.65}.primary .arrow{font-size:21px;line-height:1}.agreement{font-size:12px;color:#899184;margin:17px 0 0;line-height:1.8}.agreement button{padding:0;color:#55705e;font-size:12px}.form-message{min-height:22px;margin:9px 0;font-size:12px;line-height:1.7;color:var(--error)}.form-message.success{color:#3e7252}.support-card{margin-top:16px;background:#f8f8f3;border-radius:7px;padding:16px;display:flex;align-items:flex-start;gap:12px}.support-icon{font-size:19px;color:#a58a53}.support-card strong{font-size:13px;font-weight:500;display:block;margin-bottom:5px}.support-card p{font-size:12px;color:#889080;margin:0;line-height:1.8}.support-card button{padding:0;font-size:12px;color:#5f775b}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 52px 0;gap:28px}.trust-item{display:flex;align-items:center;justify-content:center;gap:13px}.trust-icon{width:37px;height:37px;background:#eeeee3;border-radius:50%;display:grid;place-items:center;color:#8f815d;flex-shrink:0}.trust-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6}.trust-item strong{font-size:13px;font-weight:500}.trust-item p{font-size:11px;color:#91988c;margin:5px 0 0}.site-footer{max-width:1248px;margin:34px auto 80px;padding:22px 0 0;border-top:1px solid #e6e7df;display:flex;justify-content:space-between;font-size:11px;color:#98a08f}.site-footer button{font-size:11px;padding:0;color:#87917f}.site-footer i{margin:0 8px}.prototype-bar{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:#fffef8f5;box-shadow:0 5px 30px #183d3220;border:1px solid #dfdfd2;display:flex;align-items:center;gap:6px;border-radius:12px;padding:7px 10px;z-index:5;white-space:nowrap;font-size:11px}.prototype-bar>span:first-child{padding:0 10px;color:#7d8275}.prototype-bar b{display:inline-block;width:6px;height:6px;background:#bb995c;border-radius:50%;margin-right:6px}.prototype-bar a,.prototype-bar button{font-size:11px;padding:8px 12px;border-radius:6px}.prototype-bar a.active{background:#e9eee4;color:#31533d}.prototype-note{font-size:10px;color:#939688;padding:0 8px}.capture .prototype-bar{display:none}.capture .site-footer{margin-bottom:22px}.admin .story{background:linear-gradient(140deg,#24483d,#17382f);color:#f1f1df}.admin .story .eyebrow{color:#bcccae}.admin .story h1 em{color:#dcc18a}.admin .story>p{color:#c0cdbd}.admin .story-tag{color:#d3dbc8;border-color:#637c66;background:#ffffff08}.admin .story .campus{opacity:.18;filter:sepia(.3)}.admin .illustration-caption{color:#bccbb4}.admin .story .admin-summary{position:absolute;left:54px;right:54px;bottom:80px;border-top:1px solid #ffffff26;padding-top:24px;z-index:1;display:flex;gap:26px}.admin-summary span{font-size:12px;color:#c4cfba}.admin-summary strong{display:block;font-size:19px;font-weight:400;color:#f3e5be;margin-bottom:10px}.password-eye{padding:10px 14px;font-size:12px;color:#687b69;white-space:nowrap}.admin .support-card{margin-top:14px}.admin-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e8df;border-radius:30px;font-size:11px;padding:6px 12px;color:#7d8877;margin-bottom:22px}.admin .intro{margin-bottom:25px}dialog{border:1px solid #dde1d5;border-radius:14px;box-shadow:0 24px 80px #182f3433;padding:38px;width:min(440px,calc(100% - 32px));color:var(--ink);line-height:1.9}dialog::backdrop{background:#18382e66;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin:10px 0}dialog p{font-size:14px;color:#71806f;white-space:pre-line}dialog .primary{margin-top:25px}.dialog-close{position:absolute;right:15px;top:9px;font-size:28px;color:#879181}.dashboard{padding:40px;min-height:660px;background:#fff;border:1px solid var(--line);border-radius:18px}.dashboard-top{display:flex;justify-content:space-between;align-items:center}.dashboard h1{font-size:30px}.demo-label{font-size:12px;color:#9b7b47;background:#f7f1e3;padding:9px 13px;border-radius:6px}.dashboard-description{color:#7b8676;font-size:14px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.course-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}.course-art{height:150px;background:#e9eee2;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#617755;font-family:Georgia,"SimSun",serif;font-size:27px}.course-art span{font-family:var(--font);font-size:10px;letter-spacing:3px}.course-card:nth-child(2) .course-art{background:#f1e9db;color:#a3895e}.course-card:nth-child(3) .course-art{background:#e5ebeb;color:#6c8988}.course-content{padding:23px}.course-content h3{font-size:16px;margin:0 0 10px}.course-content p{font-size:12px;color:#8b9387;line-height:1.9}.course-content .primary{height:42px;font-size:13px;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.stat{background:#f5f6ef;border-radius:10px;padding:24px}.stat strong{display:block;font-size:32px;margin:12px 0 0}.stat span{font-size:13px;color:#79856f}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.admin-table th{font-size:12px;color:#929886;background:#fafbf7;font-weight:400}.admin-table th,.admin-table td{padding:18px;border-bottom:1px solid #e8eadf}.pill{background:#eaf1e4;color:#5a7a4d;font-size:11px;border-radius:20px;padding:5px 10px}
@media(min-width:1450px){main{margin-top:32px}.site-header{height:130px}}
@media(max-width:1100px){.site-header{padding:0 32px}main{margin:12px 28px 0}.story{padding:43px 35px 0}.story h1{font-size:35px}.login-panel{padding:36px 30px}.illustration-caption{left:35px}.site-footer{margin-left:28px;margin-right:28px}.admin .story .admin-summary{left:35px;right:35px;gap:18px}}
@media(max-width:760px){.site-header{height:84px;padding:0 22px}.brand-mark{width:36px;height:40px;font-size:29px}.brand-name{font-size:15px;letter-spacing:0}.brand-name i{margin:0 7px}.brand-name small{font-size:9px;letter-spacing:2px}.help-link{font-size:12px;gap:5px}.desktop-only{display:none}main{margin:0 16px}.login-layout{display:flex;flex-direction:column;border-radius:13px;min-height:0}.story{min-height:220px;padding:25px 26px}.story .eyebrow{font-size:9px;letter-spacing:2px}.story h1{font-size:28px;line-height:1.45;margin:13px 0 8px;letter-spacing:1px;position:relative;z-index:1}.story>p{font-size:12px;line-height:1.8;max-width:260px;position:relative;z-index:1}.story-tag,.illustration-caption{display:none}.campus{width:220px;height:130px;left:auto;right:-45px;opacity:.3}.login-panel{padding:30px 25px 24px}.form-wrap{max-width:440px}.form-wrap h2{font-size:25px;margin-top:10px}.intro{font-size:13px;margin-bottom:23px}.section-kicker{font-size:10px}.field{margin-bottom:19px}.trust-row{padding:23px 0 0;gap:6px}.trust-item{flex-direction:column;text-align:center;gap:8px}.trust-icon{width:30px;height:30px}.trust-item strong{font-size:11px}.trust-item p{font-size:9px;line-height:1.7;max-width:110px}.site-footer{margin:24px 20px 88px;padding-top:18px;flex-direction:column;text-align:center;gap:10px;font-size:10px}.prototype-bar{max-width:calc(100% - 16px);bottom:10px;padding:6px;gap:0}.prototype-bar a,.prototype-bar button{font-size:10px;padding:8px 9px}.prototype-bar>span:first-child{padding:0 6px;font-size:10px}.prototype-note{display:none}.admin .story{min-height:220px}.admin .story .admin-summary{display:none}.admin-badge{margin-bottom:14px}.admin .login-panel{padding-top:28px}.dashboard{padding:23px;min-height:600px}.dashboard-top{align-items:flex-start;gap:15px}.dashboard h1{font-size:25px}.demo-label{font-size:10px}.course-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat span{font-size:11px}.stat strong{font-size:24px}.admin-table th,.admin-table td{padding:12px 5px;font-size:11px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){display:none}}
/* 正德家庭出海：海岸青、暖砂金与家庭远行视觉。 */
:root{--ink:#203f40;--green:#285b59;--soft:#647d79;--gold:#b58e53;--cream:#f8f6f0;--line:#dfe6df}
.brand-mark{background:#285b59;color:#eddbaf;border-radius:5px 15px 5px 5px}
.brand-mark svg{width:38px;height:38px}.brand-name{font-size:20px;letter-spacing:1px}.brand-divider{font-weight:400;color:#a7b6ab;margin:0 6px}.brand-name small{font-size:11px;letter-spacing:2px;color:#7c877a}
.story{background:linear-gradient(145deg,#e9efea,#e8eee5)}.story h1{font-size:40px;letter-spacing:1px}.story h1 em{color:#577c71}.story>p{color:#647c73}.story-tag{border-color:#c8d5ca;background:#f7f8ee88;color:#55756a}.story .campus{height:285px}.illustration-caption{font-size:9px;letter-spacing:1.6px;color:#587568}
.admin .story{background:linear-gradient(140deg,#285a57,#173e40)}.admin .story .campus{opacity:.2;filter:none}.admin .story h1 em{color:#e0c58f}.admin .story .admin-summary{bottom:74px}.section-kicker{color:#a17d42}.form-wrap h2{font-size:27px}.primary:hover{background:#1d4947}.course-card:nth-child(1) .course-art{background:#e4eee7;color:#557c6b}.course-card:nth-child(2) .course-art{background:#f1e7d6;color:#a18451}.course-card:nth-child(3) .course-art{background:#e0ecea;color:#5b827d}
@media(max-width:1100px) and (min-width:761px){.story h1{font-size:32px}.brand-name{font-size:18px}.form-wrap h2{font-size:24px}}
@media(max-width:760px){.brand{gap:9px}.brand-name{font-size:16px;letter-spacing:0}.brand-divider{margin:0 2px}.brand-name small{font-size:9px;letter-spacing:1px}.brand-mark svg{width:31px;height:31px}.help-link{font-size:11px}.help-link span:last-child{display:none}.story h1{font-size:27px}.story>p{font-size:12px;max-width:295px}.story .campus{height:140px;width:265px;opacity:.26;right:-52px}.admin .story .campus{opacity:.16}.form-wrap h2{font-size:24px}}
@media(max-width:370px){.site-header{padding:0 16px}.brand-name{font-size:14px}.help-link{font-size:10px}.story h1{font-size:24px}.login-panel{padding-left:22px;padding-right:22px}.form-wrap h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.site-footer{margin-bottom:22px}.form-message:empty{min-height:22px}noscript{display:block;padding:10px;color:#647d79;font-size:12px}