:root{--brand-blue: #24258d;--brand-blue-deep: #17195d;--ink: #172044;--muted: #66708c;--line: #cfd7e8;--paper: #ffffff;--surface: #eef2f8}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 10%,rgba(36,37,141,.1),transparent 32%),linear-gradient(135deg,#f7f9fd,#e9eef7);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(300px,340px) minmax(0,1fr) auto;gap:22px;min-height:100vh;padding:24px}.control-panel,.preview-panel,.records-panel{background:#ffffffdb;border:1px solid rgba(188,198,222,.8);box-shadow:0 24px 70px #1c275924}.control-panel{align-self:start;border-radius:8px;padding:22px;position:sticky;top:28px}.brand-lockup{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand-lockup p,.panel-heading p{margin:0;color:var(--muted);line-height:1.5}.brand-mark{color:var(--brand-blue);font-weight:900;letter-spacing:.04em;white-space:nowrap}.brand-mark span{font-weight:650}.panel-heading{display:flex;gap:12px;margin:24px 0}.panel-heading svg{color:var(--brand-blue);flex:0 0 auto;margin-top:5px}.panel-heading h1{margin:0 0 6px;font-size:25px;line-height:1.18}.card-form{display:grid;gap:14px}.card-form label{display:grid;gap:7px;color:#394260;font-size:13px;font-weight:750}.card-form input{width:100%;min-height:43px;border:1px solid #c8d0e4;border-radius:6px;padding:10px 12px;color:var(--ink);background:#fbfcff;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.card-form input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #24258d1f}.style-picker{display:grid;gap:10px;margin-top:18px}.style-picker>span{color:#394260;font-size:13px;font-weight:750}.style-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-options button{display:grid;gap:3px;min-height:50px;border:1px solid #c8d0e4;border-radius:6px;color:#394260;background:#fff;cursor:pointer}.style-options button.is-selected{border-color:var(--brand-blue);color:var(--brand-blue);background:#24258d14;box-shadow:0 0 0 3px #24258d1a}.style-options strong{font-size:13px;line-height:1}.style-options small{font-size:11px;line-height:1}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:22px;border:0;border-radius:6px;color:#fff;background:var(--brand-blue);font-weight:800;cursor:pointer;box-shadow:0 16px 30px #24258d40}.download-button:disabled{cursor:wait;opacity:.76}.records-panel{align-self:start;position:sticky;top:28px;width:320px;max-height:calc(100vh - 48px);overflow:hidden;border-radius:8px;padding:20px;transition:width .18s ease,padding .18s ease}.records-panel.is-collapsed{width:52px;padding:14px 10px}.records-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(200,208,228,.95);border-radius:6px;color:var(--brand-blue);background:#fff;cursor:pointer}.records-panel:not(.is-collapsed) .records-toggle{position:absolute;top:16px;right:16px}.records-panel.is-collapsed .records-heading,.records-panel.is-collapsed .record-list,.records-panel.is-collapsed .empty-records{display:none}.records-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;padding-right:42px;border-bottom:1px solid var(--line)}.records-heading svg{color:var(--brand-blue);margin-top:3px}.records-kicker{display:block;margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.records-heading h2{margin:0;font-size:22px;line-height:1.1}.record-list{display:grid;gap:12px;max-height:calc(100vh - 190px);margin:16px -6px 0 0;padding-right:6px;overflow:auto}.record-item{border:1px solid rgba(200,208,228,.86);border-radius:8px;padding:13px;background:#fbfcffe6}.record-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.record-top strong{min-width:0;color:var(--ink);font-size:15px;line-height:1.25;overflow-wrap:anywhere}.record-top time{flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:700}.record-item p{margin:5px 0 10px;color:var(--brand-blue);font-size:13px;font-weight:760;overflow-wrap:anywhere}.record-item dl{display:grid;gap:6px;margin:0}.record-item dl div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:baseline}.record-item dt{color:var(--muted);font-size:12px;font-weight:760}.record-item dd{margin:0;color:#26304f;font-size:12px;font-weight:700;overflow-wrap:anywhere}.empty-records{display:grid;gap:8px;margin-top:16px;padding:18px;border:1px dashed rgba(102,112,140,.45);border-radius:8px;color:var(--muted);background:#fbfcffb8}.empty-records p{margin:0;color:var(--ink);font-weight:800}.empty-records span{line-height:1.45;font-size:13px}.preview-panel{overflow:auto;border-radius:8px;padding:18px}.preview-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;color:var(--muted);font-size:14px}.preview-topline strong{color:var(--brand-blue)}.export-canvas{width:1320px;max-width:none;margin:0 auto;background:transparent;padding:0}.outer-frame{position:relative;overflow:hidden;border-radius:28px;border:2px solid rgba(255,255,255,.92);background:radial-gradient(circle at 50% -18%,rgba(43,112,194,.52),transparent 34%),linear-gradient(140deg,#08255e,#00255a 48%,#002055);padding:60px 44px 70px}.outer-frame:before{content:"";position:absolute;inset:18px;border:1.5px solid rgba(255,255,255,.95);border-radius:20px;pointer-events:none}.frame-header{position:absolute;top:24px;left:126px;right:126px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;color:#fff}.header-line{position:relative;height:1.5px;background:#ffffffeb}.header-line:before,.header-line:after{content:"";position:absolute;right:0;width:52px;height:1.5px;background:#ffffffeb}.header-line:before{top:-8px}.header-line:after{bottom:-8px}.frame-header .header-line:last-child:before,.frame-header .header-line:last-child:after{left:0;right:auto}.logo-mark{display:block;height:auto}.master-logo{width:232px}.front-deck{border-radius:18px;background:#fff;padding:18px 14px;box-shadow:inset 0 0 0 1px #142f692e}.front-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.front-card{overflow:hidden;min-width:0;min-height:410px;border:1.5px solid rgba(9,41,96,.28);border-radius:13px;background:var(--paper)}.card-blue{display:grid;grid-template-columns:1fr auto;gap:18px;min-height:142px;padding:34px 34px 26px;color:#fff;background:linear-gradient(135deg,rgba(13,80,151,.58),transparent 52%),linear-gradient(135deg,#042866,#06245c);position:relative;min-width:0}.card-blue:before{content:"";position:absolute;left:0;right:34px;bottom:6px;height:4px;background:#fff;opacity:.95}.card-blue:after{content:"";position:absolute;right:0;bottom:0;width:42px;height:42px;border-left:5px solid #fff;transform:skew(-38deg);transform-origin:bottom right}.person h2{margin:0 0 9px;font-size:42px;line-height:1.08}.person p{margin:0;font-size:25px;font-weight:760}.logo-lockup{align-self:center;display:grid;justify-items:start;gap:9px}.logo-type{width:176px}.logo-lockup:after{content:"GLOBAL AUTOMOTIVE EXPORT";display:block;font-size:12px;font-weight:650;letter-spacing:.08em}.pattern-band{display:none}.contact-area{display:grid;gap:18px;min-height:260px;align-content:center;padding:44px 56px 42px;background:linear-gradient(#ffffffe0,#ffffffeb),radial-gradient(circle at 50% 50%,rgba(8,37,94,.08) 0 1px,transparent 1px) 0 0 / 18px 18px,repeating-linear-gradient(45deg,transparent 0 16px,rgba(8,37,94,.035) 16px 17px)}.contact-line{display:grid;grid-template-columns:33px 104px 10px minmax(0,1fr);gap:12px;align-items:center;color:var(--brand-blue);font-size:20px;font-weight:820;min-width:0}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border:2px solid currentColor;border-radius:5px}.contact-icon svg{width:22px;height:22px;stroke-width:2.35}.contact-line strong{min-width:0;overflow-wrap:anywhere;font-weight:850}.culture-panel{margin-top:14px;overflow:hidden}.culture-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.culture-card{min-width:0}.culture-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.culture-topline strong,.culture-cn,.culture-en{overflow-wrap:anywhere}.culture-compact{border-radius:16px;background:#fffffff5;padding:12px;box-shadow:inset 0 0 0 1px #142f692e}.culture-compact .culture-card{min-height:176px;border:1px solid rgba(12,42,100,.22);border-radius:10px;padding:15px 13px;color:#09235a;background:linear-gradient(180deg,#fffffff5,#f0f6ffeb),radial-gradient(circle at 50% 0%,rgba(41,133,246,.15),transparent 48%)}.culture-compact .culture-topline strong{border-radius:999px;padding:5px 9px;color:#fff;background:#2585f6;font-size:11px;line-height:1}.culture-compact h3{margin:11px 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(37,133,246,.38);font-size:18px;line-height:1.1}.culture-compact .culture-cn{margin:0 0 9px;color:#10275c;font-size:13px;line-height:1.35;font-weight:780}.culture-compact .culture-en{margin:0;color:#10275cc2;font-size:11px;line-height:1.28;font-weight:650}.culture-bar{border:1.5px solid rgba(255,255,255,.78);border-radius:16px;background:linear-gradient(135deg,rgba(13,87,164,.36),transparent 40%),linear-gradient(135deg,#042964,#02225a);padding:12px}.culture-bar .culture-grid{gap:0}.culture-bar .culture-card{display:grid;grid-template-rows:auto auto minmax(48px,auto) 1fr;min-height:164px;border-right:1px solid rgba(255,255,255,.32);padding:15px 14px;color:#fff}.culture-bar .culture-card:last-child{border-right:0}.culture-bar .culture-topline strong{color:#b9dcff;font-size:11px;line-height:1.1;text-transform:uppercase}.culture-bar h3{margin:10px 0;font-size:17px;line-height:1.1}.culture-bar .culture-cn{margin:0 0 8px;color:#ffffffeb;font-size:13px;line-height:1.34;font-weight:760}.culture-bar .culture-en{align-self:end;margin:0;color:#ffffffb8;font-size:11px;line-height:1.28;font-weight:620}.culture-stacked{border-radius:16px;background:#fff;padding:12px;box-shadow:inset 0 0 0 1px #142f6933}.culture-stacked .culture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.culture-stacked .culture-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;min-height:110px;border:1px solid rgba(12,42,100,.22);border-radius:10px;padding:13px;color:#08255e;background:linear-gradient(90deg,#03255cf5 0 118px,#fffffff5 118px),linear-gradient(135deg,rgba(37,133,246,.08),transparent)}.culture-stacked .culture-topline{display:grid;align-content:start;justify-content:start;gap:7px;grid-row:span 3}.culture-stacked .culture-topline strong{border-radius:999px;padding:6px 8px;color:#08255e;background:#fff;font-size:11px;line-height:1.08}.culture-stacked h3{margin:0;font-size:18px;line-height:1.1}.culture-stacked .culture-cn{margin:0;color:#10275c;font-size:13px;line-height:1.28;font-weight:780}.culture-stacked .culture-en{margin:0;color:#10275cb8;font-size:11px;line-height:1.22;font-weight:650}.address-panel{margin-top:14px;overflow:hidden;border:1.5px solid rgba(255,255,255,.88);border-radius:16px;background:linear-gradient(135deg,rgba(15,88,165,.34),transparent 46%),linear-gradient(135deg,#052964,#02225a);color:#fff;padding:0}.address-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;margin-top:0;min-width:0}.address-card{min-width:0;min-height:150px;border-right:1.5px solid rgba(255,255,255,.6);border-bottom:1.5px solid rgba(255,255,255,.6);border-radius:0;padding:24px 34px;background:transparent}.address-card:nth-child(1),.address-card:nth-child(2),.address-card:nth-child(3),.address-card:nth-child(4){grid-column:span 3}.address-card:nth-child(5){grid-column:span 3;border-bottom:0}.address-card:nth-child(6),.address-card:nth-child(7),.address-card:nth-child(8){grid-column:span 3;border-bottom:0}.address-card:nth-child(4),.address-card:nth-child(8){border-right:0}.address-card h3{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.68);font-size:24px;line-height:1.1;font-weight:850}.address-card p{margin:5px 0 0;color:#ffffffeb;font-size:18px;line-height:1.22}.frame-website{position:absolute;left:0;right:0;bottom:27px;color:#fff;font-size:16px;font-weight:760;text-align:center;letter-spacing:.5em}.frame-website:before,.frame-website:after{content:"";display:inline-block;width:330px;height:2px;margin:0 22px 5px;background:#ffffffeb}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.control-panel,.records-panel{position:static;max-height:none}.record-list{max-height:420px}}@media(max-width:760px){.app-shell{padding:14px}.control-panel,.preview-panel,.records-panel{padding:18px}.brand-lockup,.preview-topline,.address-heading{align-items:flex-start;flex-direction:column}.export-canvas{min-width:1320px}}